Imágenes en la web

9.1- Álbumes digitales

Un álbum digital es una colección de fotos, normalmente en forma de libro, alojadas en la nube y a las que se puede añadir texto, fondos y otros objetos para su presentación.

Existen diversas plataformas para almacenar imágenes, organizarlas y compartirlas en forma de álbumes digitales on line.

Algunos álbumes digitales están diseñados para ser impresos, creando un fotolibro.

9.2- Google Docs

La aplicación Dibujos, de Google Docs, permite colaborar con otros usuarios para crear, compartir y modificar dibujos vectoriales online.

9.3- Edición de imágenes online

A través de la web se pueden crear y editar imágenes on line, es decir, sin necesidad de instalar ningún software en el ordenador. Algunos ejemplos: Photoshop Express, PicMagick, que incluso permite trabajar con capas.

9.4- Búsqueda de imágenes en la nube

La búsqueda de imágenes en la red se suele hacer a través de diferentes plataformas. Los pasos habituales a seguir son:

1. Escribir el nombre de la imagen o tag que se busca.
2. Elegir una imagen y hacer clic sobre ella para acceder al sitio web que la contiene.
3. Hacer clic en la imagen hasta visualizarla en tamaño completo y copiarla o descargarla.

Edición gráfica con OpenOffice.org Draw

8.1- Qué es OpenOffice.org Draw

OpenOffice.org Draw es un editor de gráficos vectoriales que permite crear diagramas, dibujos, figuras, conectores, etc. Esta aplicación se utiliza para dibujar, diseñar gráficamente, maquetar documentos, etc.

8.2- Preparar el entorno de dibujo

Antes de comenzar a crear el dibujo, es conveniente especificar las características de la página que se va a emplear. Para ello:

1. Abrir el menú Formato y elegir la opción Página. Dejar las opciones por defecto y especificar el relleno Gradiente, en la pestaña Fondo.
2. Establecer el zoom del documento al 100% para trabajar con mayor precisión. Para ello, utilizar la flechita que hay a la derecha del icono Escala.

8.3- Insertar y ajustar las imágenes

Las imágenes se pueden insertar desde un archivo o pegar directamente. Para componer el cartel, se procederá del modo siguiente:

1. Buscar en Internet una imagen que esté relacionada con la lectura.
2. Pegar la imagen en el área de trabajo de OpenOffice.org Draw, mediante el botón derecho del ratón, el icono, el menú o la combinación de teclas Ctrl+V.
3. Adaptar su tamaño, arrastrando los puntos de ajuste desde su borde.
4. Utilizar la opción Alineación, del menú Modificar, para situarla arriba y a la izquierda.
5. Insertar otras imágenes para decorar el cartel. Para incluir imágenes desde un archivo hay que abrir el menú Insertar, elegir la opción Imagen y especificar A partir de archivo.
6. Recortar una de las imágenes para darle forma panorámica.

8.4- Escribir texto y colocar objetos en distintos planos

1. Hacer clic en el icono Texto, de la barra de herramientas Dibujo. Si esta barra no se muestra, se puede activar desde el menú Ver y Barras de herramientas.
2. Trazar un marco en el documento que defina la posición y el ancho máximo del área de texto.
3. Hacer doble clic en el texto para definir sus propiedades.
4. Utilizar el icono Galería de Frontwork para poner el título Fiesta de la Lectura.
5. Colocar cada objeto en la posición deseada. Cuando varios se solapan hay que utilizar el icono Posición para determinar qué objetos están delante y cuáles quedan en segundo plano.

8.5- Dibujar líneas, polígonos y objetos 3D

1. Crear varias letras utilizando las líneas y los polígonos disponibles en la barra de herramientas de dibujo.
2. Diseñar la figura de un libro abierto, utilizando el icono Dibujo a mano alzada.
3. Utilizar diferentes tipos de líneas, rellenos, texturas y sombras, eligiendo las diferentes opciones desde la barra de herramientas Líneas y relleno.

8.6- Duplicar objetos

1. Dibujar una esfera debajo del título que anuncia la fecha.
2. Seleccionar la esfera y abrir la herramienta Duplicar, del menú Editar.
3. Configurar el cuadro de diálogo con los siguientes parámetros: 8 copias de la esfera, desplazamiento en el Eje X de 1,50 cm y en el Eje Y de 0 cm, color amarillo para la primera esfera y rojo para la final.

Retoque fotográfico con Gimp

7.1- Eliminar el efecto de ojos rojos

1. Abrir la imagen que se desea corregir en Gimp.
2. Elegir la opción Quitar ojos rojos, dentro de la categoría Realzar del menú Filtros.
3. Ajustar el tamaño de la imagen con los iconos y desplazarla para situar los ojos en el cuadro de vista previa.
4. Modificar el Umbral hasta conseguir el color adecuado.
5. Hacer clic en Aceptar.

7.2- Fondo en blanco y negro con detalles de color

La superposición de capas es una herramienta muy potente que permite crear diferentes efectos.

Los pasos a seguir para realizar este proceso son:

1. Abrir la imagen original en Gimp.
2. Elegir la herramienta Tijeras de selección, activando las opciones de Alisado y Difuminar los bordes.
3. Seleccionar el recorte de la imagen que se mostrará en color.
4. Abrir el menú Editar y utilizar la opción Copiar para llevar la selección al portapapeles.
5. Crear una Capa nueva, desde el menú Capa.
6. Utilizar la opción Editar y Pegar para añadir la imagen copiada a la capa creada.
7. Hacer clic en el icono Anclar para fijar la imagen pegada a la capa nueva.
8. Repetir el mismo proceso con todos los detalles que se desean mantener con color.
9. Desaturar la capa de fondo, desde el menú Colores, para ponerla en blanco y negro.

7.3- Clonar para duplicar o eliminar elementos

La herramienta de clonado permite duplicar los píxeles seleccionados en otra parte de la imagen. Para clonar un elemento en una imagen:

1. Elegir la Herramienta de clonado.
2. Mantener presionada la tecla Ctrl y hacer clic en el elemento que se desea clonar.
3. Desplazar el ratón a la zona donde se desea clonar el elemento y hacer clic para fijar el origen.

7.4- Eliminar imperfecciones

Gimp incorpora varias herramientas para eliminar pequeñas imperfecciones en las imágenes, suavizar los contornos, etc.

Fotomontaje con Gimp

6.1- El fotomontaje y sus pasos

El fotomontaje es una composición de varias fotografías con un fin, que suele ser artístico, publicitario o lúdico.

Cómo cambiar el fondo a una imagen:

Fotomontaje con Gimp

• Editar las imágenes con Gimp.

1. Hacer clic en Archivo y elegir Abrir para seleccionar las imágenes que se van a editar con Gimp.

• Herramienta de selección.

1. Seleccionar la fotografía de la izquierda.
2. Elegir la herramienta Tijeras de selección.
3. Modificar las opciones de esta herramienta activando la opción Difuminar bordes y fijando el tamaño del Radio a 5 píxeles.

• Seleccionar la imagen.

1. Comenzar por un punto de la silueta e ir haciendo clic en diferentes puntos del contorno, hasta obtener una figura punteada.
2. Es importante hacer el último clic en el punto inicial, para cerrar la selección.
3. Pulsar la tecla Intro o hacer clic dentro de la imagen para seleccionarla.
4. Abrir el menú Editar y elegir la opción Copiar.

• Trabajar con capas.

1. Cambiar a la ventana que contiene la imagen del paisaje.
2. Abrir el menú Capa y elegir Capa nueva. Poner a esta capa el nombre de Cabritas, para distinguirla de la capa de fondo.
3. Utilizar la opción Editar y Pegar para pegar la imagen copiada sobre esta capa. Hacer clic en el icono Anclar para fijar la imagen pegada a la capa nueva.
4. Abrir el menú Ventanas, elegir Diálogos empotrables y activar la opción Capas, para ver los resultados: una capa de fondo y sobre ella la capa Cabritas.

• Editar las imágenes con Gimp.

1. Utilizar la herramienta de escalado para adecuar el tamaño de la imagen al fondo. Para ello, hay que tener la capa Cabritas marcada como activa.

• Mover y mostrar capas.

1. Desplazar cada imagen al lugar deseado con la herramienta.
2. Hacer clic sobre el icono ojo de una capa para mostrar u ocultar su contenido. Esto ayudará a trabajar con una capa de forma independiente.

• Color.

Igualar la luminosidad de las dos imágenes superpuestas para dar sensación de mayor realismo.

1. Modificar el Balance de color, desde el menú Colores, en cada una de las capas.

• Añadir texto a la imagen.

1. Elegir la herramienta de texto y configurar sus características.
2. Hacer clic sobre la imagen para escribir en ella.

• Guardar el proyecto y Exportar.

1. Hacer clic en Guardar para almacenar el fotomontaje.
2. Utilizar la opción Exportar, del menú Archivo, para guardar la imagen con formato JPG, PNG, etc.
3. Aplicar uno de los efectos fotográficos a la imagen, desde el menú Filtros. Están organizados en diferentes categorías: Distorsiones, Artísticos, Decorativos, etc.
4. Guardar el resultado obtenido como imágenes JPG.

Parámetros de las fotografías digitales

5.1- Qué es el retoque fotográfico

El retoque fotográfico permite obtener, a partir de una imagen inicial, otras de mejor calidad y realismo o composiciones distintas a la realidad.

Los editores gráficos disponen de herramientas de retoque fotográfico para crear imágenes con diferentes efectos y cambiar sus colores. En el caso de Gimp, estas herramientas están en el menú Colores y Filtros.

Algunas de las técnicas utilizadas:

Técnicas de retoque fotográfico

• Brillo y contraste. Permite corregir problemas de iluminación en imágenes oscuras o demasiado claras.

• Curvas de color. Desplazando la curva se solucionan problemas de tonalidades en las fotografías donde predomina un color sobre el resto.
• Tono, saturación y luminosidad. Corrige las imágenes que presentan exceso o falta de color, así como los tintes de colores que no son correctos.

• Balance de color. Permite ajustar la intensidad de los colores primarios.

• Colorear. Crea el efecto de visualizar la imagen a través de un cristal coloreado.
• Niveles de color. Se puede regular la luminosidad y la gama de la imagen en general, o para cada canal que la forma.

• Filtros. Los filtros son una potente herramienta para la creación de efectos especiales.
• Capas. Las capas permiten manipular, de forma independiente, elementos de la composición sin afectar al resto.

Edición y visualización de imágenes

4.1- Editores gráficos

Un editor gráfico es un programa informático que se emplea para crear, modificar, guardar, convertir e imprimir imágenes.

Existen diversos tipos de aplicaciones destinadas al tratamiento gráfico, se pueden agrupar en:

• Programas de dibujo vectorial. Están orientados al dibujo y a la edición gráfica, utilizando imágenes de tipo vectorial.

• Programas de tratamiento de imágenes. Están orientados al tratamiento de imágenes gráficas y al retoque fotográfico.
• Programas de animación. Crean animaciones a partir de imágenes.

• Software de CAD. Está enfocado al diseño asistido por ordenador para dibujo lineal, planos, 3D, estructuras, esquemas de instalaciones eléctricas, etc.

• Aplicaciones on line. Son aplicaciones disponibles en la web que tan solo requieren del navegador para ser utilizadas.

4.2- Galerías de imágenes en carpetas

Las carpetas con imágenes se convierten en galerías que posibilitan mostrarlas en forma de iconos, mosaicos, listas o detalles. Para visualizar una imagen en el sistema operativo:

1. Abrir la carpeta que contiene la imagen y hacer doble clic sobre ella.
2. Utilizar los controles correspondientes para ampliar la imagen, girarla, verla a tamaño real, pasar a la siguiente o activar el modo de presentación.

4.3- Visualizadores de imágenes

Los visualizadores son aplicaciones que transforman los datos digitales almacenados en diferentes formatos gráficos en imágenes.

Estas aplicaciones se utilizan para visualizar desde un simple diagrama a completas animaciones tridimensionales. La rapidez y la calidad con la que se ven las imágenes depende de la tecnología hardware utilizada y de las características de la imagen.

Obtención de imágenes digitales

3.1- Cómo obtener imágenes digitales

Hay diversas formas de obtener imágenes digitales: con una cámara digital, con un escáner, desde Internet, con capturas de pantallas o creándolas con un programa de diseño.

3.2- Digitalizar imágenes con el escáner

La digitalización es la captura o la transformación de una imagen para poder manipularla en cualquier aplicación informática.

Al escanear una imagen hay que definir parámetros.

El escáner incorpora su propio software de escaneo. En el caso de Gimp, utilizando la opción Adquirir desde el menú Archivo, se abre el interfaz del escáner.

3.3- Obtener una imagen de la pantalla del ordenador

Para obtener una imagen digital, el proceso es el siguiente:

• Pulsar la tecla Impr Pant. Se copia toda la imagen que aparece en la pantalla en el portapapeles.
• Pulsar la combinación de teclas Alt+Impr Pant. Se copia la imagen de la ventana.
• Utilizar alguna aplicación específica para realizar captuiras. Por ejemplo, en Gimp, para hacer capturas tendremos que abrir el menú Archivo, elegir la opción Crear y hacer clic en Captura de pantalla.

3.4- Cámaras digitales

Una cámara digital captura la imagen mediante un sensor electrónico y la almacena en una memoria digital.

Características que definen una cámara digital son:

• Tipo de cámara. Las más habituales son las cámaras compactas, las cámaras réflex, las webcam y las cámaras que muchos dispositivos móviles tienen incorporadas.

• Resolución. Son los puntos por pulgada que el sensor es capaz de capturar.
• Zoom. Establece los aumentos que tiene la cámara, permitiendo captar imágenes más o menos alejadas. Con el zoom óptico se obtienen los aumentos reales que admite la cámara. El zoom digital aumenta la imagen mediante interpolación.

• Almacenamiento de las imágenes. Las cámaras utilizan una memoria flash para guardar las imágenes, excepto las webcam, que las envían directamente por la red o las almacenan en el ordenador.

3.5- Descargar imágenes de Internet

Internet es una de las mayores fuentes de imágenes digitales.

Los pasos para descargar una imagen desde Internet son:

1. Buscar una imagen que tenga la suficiente calidad para el fin deseado.
2. Hacer clic sobre la imagen que se desea bajar.
3. Abrir el menú contextual con el botón derecho del ratón y elegir la opción Guardar imagen como...

Formatos gráficos y su conversión

2.1- Qué es el formato

El formato gráfico es la estructura usada para grabar los datos de una imagen digital en un archivo.

Los programas de edición gráfica más avanzados permiten guardar los gráficos en un formato propio. Estos formatos contienen toda la información, por lo que permiten continuar la edición en cualquier momento. Para guardar una imagen en cualquier programa, los pasos son:

1. Abrir el menú Archivo y elegir la opción Guardar.
2. Escribir el nombre del archivo.

Una vez terminada la edición, es aconsejable exportarla a un formato estándar para que cualquier usuario pueda verla. Los pasos para exportar una imagen son:

1. Abrir el menú Archivo y elegir la opción Exportar.
2. Escribir el nombre del archivo y hacer clic en Seleccione el tipo de archivo para elegir el formato.

2.2- Formatos básicos de almacenamiento de imágenes

Algunos de los formatos más utilizados son:

Formatos para mapa de bits

• JPEG. Uno de los formatos estándar más habituales para almacenar fotografías e imágenes con millones de colores. Emplea un sistema de compresión que reduce el tamaño de los archivos, aunque con pérdida de calidad.
• PNG. Formato gráfico libre con compresión y sin pérdida. Ampliamente utilizado en Internet por mantener una alta calidad gráfica ocupando poco espacio.
• BMP. Es el estándar de Windows para mapa de bits y es reconocido por casi todos los programas. Crea ficheros muy grandes.
• GIF. Formato de 8 bits. Se utiliza para crear gráficos animados, imágenes con fondo transparente o entrelazadas.
• TIFF. Formato de almacenamiento de alta calidad, ya que no tiene pérdidas. Se utiliza para edición gráfica y al escanear documentos.
• RAW. Sistema de almacenamiento que utilizan muchas cámaras de fotos. Ofrece la imagen tal y como la capta el fotosensor, sin compresión.

Formatos vectoriales

• SVG VML. Formatos abiertos en XML, para gráficos vectoriales, estáticos o animados, en las páginas web.
• SWF. Formato propietario para gráficos de Macromedia. Los archivos son pequeños para publicarse en la web.
• DXF DWG IGES. Utilizados por aplicaciones CAD, diseño asistido por ordenador.
• ODG. OpenOffice.org Draw.
• CDR. Corel Draw.
• AI. Adobe Illustrator.
• FH. Freehand.
• VMF. Windows.

2.3- Conversión entre formatos gráficos

Las imágenes se almacenan en archivos con diferentes formatos gráficos en función del dispositivo que las ha capturado, de la aplicación con que han sido creadas o de la utilidad con que se desee utilizar.

Si una imagen no tiene el formato deseado, puede convertirse a otro formato gráfico.

La conversión de imágenes puede llevarse a cabo con multitud de programas. El método más sencillo suele ser:

1. Hacer doble clic sobre el archivo que contiene la imagen, para que se abra con un editor que reconozca su formato.
2. Abrir el menú Archivo y utilizar la opción Guardar como o Exportar, para elegir el nuevo formato de archivo.

2.4- Modificar el tamaño de una imagen

Modificar el tamaño de una imagen es ampliar o reducir su dimensión física cambiando el número de píxeles que contiene.

Las imágenes de gran tamaño son ideales para editarlas sin perder calidad, pero habrá que redimensionarlas para compartirlas en Internet, adaptarlas al tamaño de una publicación, cambiar su relación de aspecto, etc.

Los pasos para modificar el tamaño de una imagen en Gimp son:

1. Abrir el menú Imagen y elegir la opción Escalar la imagen.
2. Activar el icono de la cadena para mantener la proporción de la imagen al modificar uno de sus lados.
3. Especificar el nuevo tamaño para la imagen.
4. Hacer clic en el botón Escala para redimensionar la imagen.

Características de la imagen digital

1.1- Qué es una imagen digital

Una imagen es la representación visual que muestra la apariencia de un objeto real mediante una fotografía, un dibujo, un cómic, una animación, un cuadro, etc.

Una imagen digital es la representación de una imagen utilizando bits y que puede ser manipulada por un equipo informático.

1.2- Píxel y megapíxel

Píxel es cada uno de los puntos o elementos más pequeños que forman una imagen.

El tamaño digital de las imágenes suele expresarse como el producto del número de píxeles en su horizontal por los de su vertical. Esta medida no tiene un equivalente exacto en centímetros, ya que el tamaño de un píxel varía en cada dispositivo.

Un megapíxel equivale a un millón de píxeles. Esta unidad se suele utilizar para expresar el número de receptores de imagen de las cámaras digitales.

1.3- Tipos de imágenes

Las imágenes pueden ser de diferente tipo, atendiendo a sus características y a la finalidad para las que sean utilizadas:

• Mapas de bits. La imagen se forma con un conjunto de puntos, denominados píxeles. Cada píxel tiene un color, brillo, contraste, etc. Al ampliar una imagen, también aumentan de tamaño sus píxeles hasta convertirse en cuadrados. Las fotografías obtenidas con una cámara digital son ejemplos de mapa de bits.

• Vectoriales. Se obtienen combinando elementos geométricos como puntos, líneas, rellenos, polígonos, etc. Estas imágenes se pueden ampliar o reducir sin pérdida de calidad.

• Imágenes 3D. Las imágenes se proyectan en las tres dimensiones, dando sensación de volumen y de mayor realidad.

• Animaciones. Son secuencias de varias imágenes almacenadas en un solo archivo. Al mostrarse secuencialmente, producen la sensación de movimiento. Estas imágenes suelen ser GIF o flash.

1.4- Características de una imagen digital

La calidad de una imagen digital depende de varios parámetros:

• Profundidad de color. Es el número de bits utilizados para almacenar información sobre el color de cada píxel de una imagen. La profundidad de color usada habitualmente en fotografías es de 24 bits.

• Modelo de color. El color de cada píxel depende del modelo empleado. El más habitual es RGB, que, combinando diferentes intensidades de los tres colores primarios, obtiene toda la gama de colores.

• Compresión. La compresión con pérdidas consigue disminuir mucho el tamaño de la imagen en detrimiento de su calidad.
• Resolución. La resolución de una imagen es la cantidad de píxeles o puntos que la describen. La resolución digital se mide en píxeles por pulgada.

• La resolución se puede expresar como píxeles por pulgada o ppi; o bien, como puntos por pulgada o dpi. Para ambas unidades se utiliza indistintamente el término ppp.

• Tamaño. El tamaño físico de la imagen se mide en centímetros o pulgadas. El tamaño digital de una imagen se expresa como el producto de los píxeles que tiene la imagen horizontalmente y verticalmente.
• Relación de aspecto. Es la proporción entre su anchura y su altura. Se calcula dividiendo la anchura por la altura y se expresa como X:Y.

Presentación de mi Blog

Hola, este es mi Blog de Informática, donde se harán muchas entradas... Quizá algunas un poco obligadas. Antes hacíamos Power Points y resúmenes a mano, pero visto que esto parece ser algo más entretenido, haremos un Blog por persona. Todos mis compañeros ya tienen uno, pero todos pensamos que a final de curso, esto se quedará abandonado... Pero bueno, la intención es lo que cuenta, y si con esto nos reímos y aprobamos, mejor.

Y con esto, me despido.

Ser bienvenidos.

Mi instituto aquí tenéis la web de mi instituto, para que podáis disfrutar de sus instalaciones y su web.