GIMP GI MP,, apl aplicacio icacio nes di dáctic dácticas. as. Conociendo GIMP
Ministerio de Educación. ITE |GIMP, aplicaciones didácticas.
GIMP, aplicaciones didácticas
Primeros pasos en GIMP En este primer módulo vamos a conocer la interface de GIMP para familiarizarnos con el accesos a las diferentes ventanas, menús y empezar a conocer algunas de las herramientas que utilizaremos.
Programa
Objetivos Presentar Pres entar la interf interface ace de GIMP GIMP.. Poner en marcha el programa y localizar las principales herramientas. Conocer la forma de crear una imagen, guardarla y cerrar GIMP cerrar GIMP de forma adecuada. Realizar algunos ejercicios para sentirnos cómodos en el uso de GIMP GIMP..
Contenidos Algunas consideraciones sobre sobre GIMP GIMP.. Puesta en marcha del programa y realizar una imagen con herramientas básicas. Guardar una imagen de forma correcta. Cerrar GIMP Cerrar GIMP.. Práctica Prác tica guiada que te permi permitirá tirá realizar realizar un repas repaso o de los contenidos contenidos de este primer primer módu módulo. lo. Propuesta de ejercicios para afianzar el uso de GIMP GIMP..
Conociendo GIMP ¿Por qué GIMP? GIMP (GNU Image Manipulation Program) Program ) es un programa libre de creación y tratamiento de imágenes. Inicialmente previsto para funcionar sobre los sistemas compatibles Unix (Linux por ejemplo), la versión 2.6.11 es totalmente estable en el sistema operativo Windows (XP, Vista, 7), en Mac (Leopard, Snow Leopard) y en cualquier distribución de Linux, donde viene instalado por defecto como programa progr ama de trata tratamient miento o de imágenes de mapa de bits. 1
GIMP, aplicaciones didácticas
Primeros pasos en GIMP En este primer módulo vamos a conocer la interface de GIMP para familiarizarnos con el accesos a las diferentes ventanas, menús y empezar a conocer algunas de las herramientas que utilizaremos.
Programa
Objetivos Presentar Pres entar la interf interface ace de GIMP GIMP.. Poner en marcha el programa y localizar las principales herramientas. Conocer la forma de crear una imagen, guardarla y cerrar GIMP cerrar GIMP de forma adecuada. Realizar algunos ejercicios para sentirnos cómodos en el uso de GIMP GIMP..
Contenidos Algunas consideraciones sobre sobre GIMP GIMP.. Puesta en marcha del programa y realizar una imagen con herramientas básicas. Guardar una imagen de forma correcta. Cerrar GIMP Cerrar GIMP.. Práctica Prác tica guiada que te permi permitirá tirá realizar realizar un repas repaso o de los contenidos contenidos de este primer primer módu módulo. lo. Propuesta de ejercicios para afianzar el uso de GIMP GIMP..
Conociendo GIMP ¿Por qué GIMP? GIMP (GNU Image Manipulation Program) Program ) es un programa libre de creación y tratamiento de imágenes. Inicialmente previsto para funcionar sobre los sistemas compatibles Unix (Linux por ejemplo), la versión 2.6.11 es totalmente estable en el sistema operativo Windows (XP, Vista, 7), en Mac (Leopard, Snow Leopard) y en cualquier distribución de Linux, donde viene instalado por defecto como programa progr ama de trata tratamient miento o de imágenes de mapa de bits. 1
La elección de GIMP Para el tratamiento de imágenes fotográficas en nuestros ordenadores, habitualmente hemos venido utilizando pequeños programas que vienen con el sistema operativo o con las cámaras digitales y escáneres. Estos programas suelen ser fáciles de manejar porque la mayor parte de las operaciones que podemos realizar vienen "empaquetadas", es decir, preparadas para aplicarse directamente. Esto no nos permite el conocimiento necesario del programa cuando debemos enfrentarnos a realizar un trabajo con unas determinadas características y nos muestran rápidamente las carencias en cuanto queremos hacer "algo más". Entonces nos dirigimos a programas profesionales tipo Photoshop o Paint Shop Pro. El alto precio de estos programas nos lleva al encuentro de GIMP que tiene una potencia equiparable a los mencionados anteriormente, de más fácil y económico acceso para un centro educativo y para nosotros como profesores, y es absolutamente gratuito al estar incluido dentro del Software GNU GNU.. Para tener una pequeña idea de las posibilidades que tiene este programa puedes acceder a trabajos realizados por alumnos de este curso haciendo clic en: Este enlace Como puedes observar es un programa que nos va a permitir realizar diversas imágenes para poder utilizarlas en nuestras clases. Vamos a comenzar a conocer GIMP conocer GIMP,, veremos cómo conseguir las anteriores imágenes y otras para poder utilizarlas en nuestra tarea docente.
Iniciar GIMP Para abrir GIMP abrir GIMP podemos seguir dos caminos (en Windows): 1. Doble clic clic en el icono de acceso acceso directo, directo, en el Escritorio. Escritorio. 2. Siguiendo la secuencia secuencia Inicio --> Todos los programas --> GIMP --> GIMP2. En nuestra nuestra pantal pantalla, la, aparecen las tres venta ventanas nas que puedes ver a continuación. continuación. Haz clic sobre ellas para que puedas verlas verlas a un tamaño adecuado y, posteriormente, lee con atención la explicación del contenido de cada ventana antes de manipular ninguna de ellas.
Ventanas de GIMP
1. Caja Caja de herra herramie mienta ntas s 2. ventan ventana a Image Imagen n
3. Venta Ventana na CapasPinceles
Primera ventana: ventana: Se denomina Caja de Herramientas y contiene las diferentes herramientas que podemos utilizar en GIMP y, en su parte inferior, las Opciones de la herramienta seleccionada en la parte superior. Segunda ventana: ventana: Ventana Imagen, Imagen, contiene la barra de menús de GIMP y la image imagen n sobr sobre e la que estem estemos os trabajando. trabajando. Tercera ventana: ventana: Ventana que contiene las pestañas de acceso acceso a Capas, Canales, Rutas y Deshacer (parte Deshacer (parte superior) y el acceso a las paletas de Pinceles, Patrones Patrones y Degradados (parte inferior). La primera vez que abres GIMP se muestra la ventana Cons Consejo ejo del día de GIMP con orientaciones de trabajo con el programa. Esta ventana se mostrará siempre que inicies GIMP salvo que desm desmarque arques s la opción Mostrar un consejo la próxima vez que se inicie GIMP. GIMP .
2
¡Atención! No cierres de forma independiente (haciendo clic en la X) las ventanas primera y tercera. Si lo haces, estas ventanas no aparecerán en futuras puestas en marcha del programa y son necesarias e imprescindibles imprescindibl es para el correcto manejo de GIMP.
La Caja de herramientas La Caja de herramientas de GIMP se sitúa a la izquierda de nuestra pantalla y se divide en tres partes claramente diferenciadas tal y como puedes observar en la siguiente imagen:
3
En primer primer lugar la zona donde podemos elegir la herramienta herramienta de deGIMP trabajar; jar; para selec selecciona cionarr cualquier GIMP con la que vamos a traba herramienta únicamente debemos hacer clic sobre el icono correspondiente. Si mantenemos el puntero del ratón unos segundos sobre el icono de la herra herramient mienta a nos aparece aparece un texto de ayuda que nos indica el nombre de la herra herramient mienta a y su utilidad. utilidad. Debajo Debaj o encon encontramo tramos s la zona donde podemos elegir el color de fondo y el color de primer plano . Por último último en la zona inferior tenemos tenemos las Opciones de la herramienta seleccionada en la parte superior. Cada vez que elegimos una herramienta nos aparecen aquí las opciones asociadas a la herramienta seleccionada. Prueba eligiendo diferentes herramientas para comprobar que las opciones van cambiando según la herramienta elegida.
Herramientas disponibles Ya hemos comentado que desde la Caja de herramientas de GIMP se pueden seleccionar las distintas herramientas que tiene el programa. En la siguiente imagen puedes ver los iconos de acceso a cada herramienta; para seleccionar una herramienta solamente debes hacer clic en el icono correspondiente y quedará seleccionada siendo marcada con un rectángulo alrededor del icono.
4
Podemos clasificar las diferentes herramientas en cinco grupos: Herramientas Herramien tas de selección (para elegir una deter determinad minada a zona de la imagen sobre la que trabajar conGIMP conGIMP))
Herramientas de pintura (para modificar partes de la imagen mediante técnicas de pintura)
Herramientas Herramien tas de transforma transformación ción
5
Herramientas de color (no color (no accesibles directamente desde la Caja de herramientas que carga por defec defecto to GIMP GIMP,, pero que pueden incluirse más adelante)
Otras herramientas
Justo debajo de la zona de selección de herramientas puedes encontrar los iconos que nos permiten seleccionar los llamados color de frente y color de fondo y, además, además, los iconos para para elegir el tama tamaño ño de la brocha o pincel con que vamos a pintar, o el patrón o gradiente; gradiente ; por último tenemos una miniatura de la imagen activa en GIMP GIMP,, aquella sobre la que estamos trabajando trabajando en ese momento. La instalación por defecto solamente muestra el Selector de colores de Frente y Fondo . Si quier quieres es que apare aparezcan zcan los iconos que observas en la imagen siguiente debes acceder a las Preferencias de GIMP GIMP.. El proceso proceso es el siguie siguiente. nte. Desde el menú de la Ventana Imagen seleccionar seleccionar Editar Editar --> Preferencias Preferencias,, llegas a las Preferencias de GIMP; GIMP ; a la izqui izquierda erda verás varias varias opcio opciones, nes, haz clic en Caja de herramientas y marca marca las tres opciones opciones que te aparecen bajo la palabra Apariencia Apariencia.. Cuando vuelvas a la Caja de herramientas de GIMP observarás que ya tienes los tres iconos tal y como se muestran en la siguiente imagen:
6
El color de prime primerr plano es aquel con el que pintam pintamos os cuando utilizamos utilizamos una herra herramient mienta a de pintura. Por defec defecto to viene seleccionado seleccionado el color negro. El color de fondo es el que nos muestra el color que tendrá el "papel" sobre sobre el que vamos a pintar. Si hacemos hacemos doble doble clic sobre sobr e el color de frent frente e o sobre el color de fondo, se nos mostrará mostrará el panel de selec selección ción de color; la doble flecha en form forma a de ángulo nos permite perm ite permutar el color de fondo por el de primer plano y viceversa. viceversa. Si a lo largo de un trabaj trabajo o hemos cambiado cambiado los colores de fondo y de primer plano y queremos volver a los iniciales (negro sobre blanco) solamente debemos hacer clic en los cuadraditos "negro sobre blanco" que tenemos en la parte inferior izquierda.
Ventana de Opciones Situada Situa da debajo de la Caja de herramientas nos muestra las diferentes opciones que podemos seleccionar de la herramienta elegida:
7
Una vez seleccionada seleccionada la herramienta herramienta en la parte superior superior de la laCaja Caja de herramientas, herramientas , obten obtenemos emos en la parte infer inferior ior las diferentes opciones que podemos aplicar a esa herramienta. Cuando cambiamos la herramienta seleccionada cambian las opciones que corresponden a esa herramienta tal y como se puede apreciar en la imagen anterior.
Ventana única En la últim última a vers versión ión de GIMP (2.7.3) se pueden agrupar las tres ventanas (Caja (Caja de herramientas, herramientas , Ventana Imagen y Ventana Capas - Pinceles) Pinceles ) en una sola. El procedimien procedimiento to es el sigui siguiente: ente: Accede Accede al menú de la Venta Ventana na ImagenVentanas ImagenVentanas --> SingleWindow Mode y obtendrás GIMP en una sola ventana: ventana:
La primera imagen Una vez conocida conocida la interface de GIMP vamos a obtener nuestra primera imagen. GIMP nos permite trabajar con imágenes obtenidas con una cámara digital, con un escáner o crear imágenes digitales directamente. Para crear nuestra nuestra primera imagen imagen accedemos accedemos a la barra de menús de la laVentana Ventana Imagen y seleccionamos Archivo --> Nuevo. Nuevo .
8
Aparece el siguiente cuadro o ventana de diálogos donde podemos seleccionar las características características de la nueva imagen:
Hacemos Hace mos clic en la flecha que apare aparece ce a la izquierda izquierda de Opciones avanzadas para acceder a un mayor número de opciones opciones a la hora de crear una nueva imagen. imagen.
9
1. Podemos crear una imagen desde una plantilla proporcionada proporcionada por el programa o creada por nosotros; nosotros; se trata de tamaños prefijados. 2. Para seleccionar seleccionar el tamaño de la imagen en píxeles, pulgadas, milímetros, puntos, etc. 3. La resolución resolución,, prede predeterm terminada inada para ver imágenes imágenes en la pantalla del orden ordenador. ador. Los valor valores es pueden cambiarse cambiarse cuando el destino de la imagen es una impresora. 4. Espa Espacio cio o modo de color : RGB o Escala de grises. grises. La opció opción n RGB permite usar más herramientas. 5. Color de fondo de la imagen. imagen . El color de fondo es el que esté seleccion seleccionado ado en la herramienta herramientaSelector Selector de color (por color (por defecto es blanco). 6. Aquí se puede puede añadir un comentario comentario al archi archivo vo de la imagen. Otros botones de esta ventana: Reiniciar , pone de nuevo los valores valores que GIMP trae por defecto, Cancelar Cancelar (salimos (salimos de esta ventana sin realizar ningún proceso) o Aceptar Aceptar para para aceptar las condiciones y crear la imagen. Al presionar el botón Aceptar Aceptar obtenemos obtenemos una imagen con las características que hayamos elegido. Para comenzar, nuestra recomendac recom endación ión es crear una image imagen n con un tama tamaño ño de 420x300 píxeles; 72 píxeles por pulgada de Resolución; espacio de color RGB y como color de fondo Blanco Blanco.. Y obtenemos la siguiente imagen, a esta ventana se le denomina Ventana Imagen. Imagen.
10
Nota La anterior imagen imagen nos muestra el modo de Ventana única de GIMP, GIMP, al estilo de cualquier programa programa de Window Windows. s. Dado que el modo tradicional tradicional de GIMP es el modo de Múltiples Ventanas, Ventanas , mostrado en el anteri anterior or apartado, apartado, a lo largo de este curso utilizaremos este modo para trabajar.
Ventana imagen Es la ventana sobre la que vamos a trabajar. Necesitamos conocer las diferentes partes de esta ventana, denominada Ventana Imagen,, dado que traba Imagen trabajarem jaremos os siem siempre pre sobre ella. Podem Podemos os diferenciar diferenciar las sigui siguientes entes zonas y conoc conocer er el uso que vamo vamos s a dar a cada zona:
11
Las reglas vienen expresadas por defecto en píxeles marcando el punto (0,0) en la parte superior izquierda que podemos considerar como centro de coordenadas. Las barras de desplazamient desplazamiento o permiten movernos por la imagen cuando ésta no cabe en la Ventana. El Botón de navegación tambi también én nos permite movernos movernos por la image imagen n cuando no cabe en la ventana; es más rápido que las barras de desplazamiento porque permite movernos por la imagen de forma interactiva. La barra de estado informa, de izquierda a derecha, de la unidad que estamos utilizando (en esta imagen píxeles px px); ); del tamañ tamaño o del zoom para ver la imagen (en este caso 100% 100%); ); del nombr nombre e de la imagen sobre la que estamos trabajando trabajando (Sin Sin nombre-59.0) nombre-59.0 ) y, entre paréntesis paréntesis,, el modo de color sobre el que trabajamos trabajamos (RGB (RGB)) y, si nos move movemos mos con el ratón por la image imagen, n, nos mostrará mostrará a la izquierda izqui erda de la barra de estad estado o las coordenadas coordenadas de la situación del punter puntero o del ratón ratón.. Al elegir cualquier cualquier herramienta herramienta en laCaja de herramientas , tamb también ién nos muestra un texto que nos indica lo que debem debemos os hacer para trabajar con la herram herramienta ienta seleccionada seleccionada.. El botón de máscara rápida: rápida : este cuadradito con líneas discontinuas nos indica que estamos trabajando en modo normal. Más adelante trabajaremos con esta herramienta llamada Botón de máscara rápida. rápida . Barra de menús. menús . Acceso a los difer diferentes entes menús menús de la Ventana Imagen. Imagen. El acceso acceso a los diferentes menús también puede hacerse de las siguientes formas:
12
Haciendo clic en el triángulo situado en la parte superior de la Ventana Imagen, situado entre las dos reglas.
Al hacer clic sobre el triángulo se accede a un desplegable que nos muestra todos los menús que nos sirven para trabajar sobre la imagen que tenemos abierta.
El mismo resultado obtenemos si hacemos clic derecho sobre cualquier parte de la imagen, en este caso la zona blanca que se observa en el centro.
En ocasiones necesitaremos acceder de forma continua a los menús de la Ventana imagen. Podemos hacer que esta ventana emergente que contiene los menús se mantenga visible sin necesidad de hacer clic con el botón derecho sobre la imagen o hacer clic 13
sobre el triangulito de color gris. Solamente debemos presionar el botón izquierdo del ratón sobre lalínea discontinua que aparece en la parte superior de esta ventana emergente. Al hacerlo obtendremos una ventana independiente tal y como se observa en la siguiente imagen.
Esta ventana puede colocarse en cualquier lugar de la pantalla. Hacemos clic en la barra de laVentana Menú de imagen y, sin soltar, arrastramos la ventana al lugar que queramos (recomendamos situarla al lado de la Ventana Imagen). De esta forma podemos tener todos los menús de la Ventana Imagen accesibles de forma rápida.
Lógicamente también podemos seguir accediendo a los menús desde la Barra de Menús de la parte superior de la Ventana Imagen.
Comenzamos a pintar
Hacemos clic sobre este icono en la Caja de herramientas y queda seleccionada la opción Pintar píxeles de bordes duros (utilizaremos la expresión elegimos la herramienta Lápiz). Sirve para crear trazos afilados de lápiz a mano alzada. Los trazos se dibujan con el color activo de primer plano y con la brocha seleccionada en su correspondiente herramienta. Al hacer clic sobre el rectángulo de color negro se abre la Ventana de selección de color . Sirve para elegir el color con el que pintará nuestro lápiz. 14
Los aspectos a destacar de esta ventana son los que se muestran en la imagen. Podemos elegir entre cinco modos de seleccionar el color mediante las pestañas de la parte superior izquierda. En el caso del modo de Selección de color Gimp, (por el icono que se observa) y que es el que se muestra en esta imagen. Primero debemos elegir el tono de color: Elección del Tono de color . Después la saturación del color: Elección de la saturación del color . En Actual, nos aparecerá el color seleccionado y en Anterior el color que teníamos seleccionado antes de entrar en la Ventana de selección de color de frente. Tenemos la posibilidad de elegir los Colores usados recientemente, haciendo clic en la muestra situada en la parte inferior derecha. Por último, clic en Aceptar para poner el color que figura en la casilla Actual como Color de frente.
Esta Ventana tiene otras cuatro pestañas para seleccionar el color, son las siguientes:
15
Modo selección de color Impresora
Modo selección de color Rueda de color
Modo selección de color Paleta de colores
16
Modo selección de color Paleta reducida
En este curso utilizaremos de forma habitual el primer modo de selección de color,Selección de color GIMP, que es el que consideramos más adecuado para trabajar en GIMP. Ya hemos comentado que su funcionamiento es muy sencillo, primero seleccionamos un tono de color y después la saturación del color elegido. También podemos introducir el valor hexadecimal de un color determinado en la casilla correspondiente (Notación HTML). Escribe allí 4766d3 y pulsa Aceptar . Observa cómo ha cambiado el color de primer plano en la Caja de Herramientas.
Con la herramienta Lápiz seleccionada y habiendo elegido el color del lápiz, hacemos clic sobre la Ventana imagen y arrastramos sin soltar el botón del ratón, parece que pintamos con un lápiz.
¿Encuentras el trazo del lápiz muy grueso? Podemos cambiar el tamaño de la punta. Para ello pulsa sobre el círculo negro de este icono 17
que aparece en la Caja de Herramientas.
Se activa el Diálogo de pinceles en la parte inferior de la Ventana Capas-Pinceles. En la pestaña Pinceles de la Ventana Capas - Pinceles podemos seleccionar una brocha diferente.
Elige el círculo (07) y el espaciado 1.0 (puedes probar con otros espaciados y brochas). Prueba de nuevo a pintar un poco. Si, a la vez que haces clic con el botón izquierdo del ratón, presiona la teclaMayúsculas del teclado:
Aparece una línea que une el último punto dibujado y el lugar donde esté situado el puntero del ratón. Al hacer clic de nuevo se dibuja una línea recta uniendo ambos puntos. Observa la barra de estado y los valores que se van mostrando en ella.
18
Hemos terminado de dibujar. Ahora vamos a utilizar la herramienta Lupa
, que nos permite acercarnos o alejarnos de nuestra
imagen.
La misma función cumple la tecla "+"para acercarnos a la imagen y la tecla "-" para alejarnos.
Cada vez que hacemos clic sobre la imagen con la herramienta lupa seleccionada obtenemos un aumento de 50% en 50%, es decir que suma o resta un 50% sobre el zoom que tenemos, siendo 100% el tamaño real. Podemos saber qué zoom tenemos si nos fijamos en la barra de estado de la Ventana Imagen. Observemos cómo las barras de desplazamiento no ocupan todo el ancho y alto de la Ventana Imagen. Eso nos indica que hay partes de la imagen que no vemos Para poder movernos por la imagen, utilizaremos la herramienta Navegar por la imagen
situada en la parte inferior derecha de la Ventana Imagen, para movernos por la imagen sin necesidad de utilizar las barras de desplazamiento, ya que nos muestra una simulación de la imagen completa, con un cuadrado de navegación que nos permite movernos por nuestra imagen.
19
Hacemos clic en esta herramienta y, sin soltar el botón izquierdo del ratón, vamos moviéndonos por la ventanita emergente, recorriendo de esta manera toda la imagen. Al soltar el botón del ratón se muestra en laVentana Imagen la zona seleccionada.
Guardar imagen Todo el trabajo realizado no sirve para nada si no guardamos el resultado conseguido. Guardamos la imagen obtenida para que podamos seguir trabajando con ella más adelante. Estando en la Ventana Imagen accedemos al menú Archivo --> Guardar como... Aparece el cuadro de diálogo Guardar imagen. Nos encontramos las siguientes secciones: Nombre, indica el nombre que vamos a poner a nuestra imagen;Guardar en la carpeta, el lugar de nuestro disco duro donde guardaremos la imagen;Buscar otras carpetas, para elegir una carpeta distinta de la seleccionada por defecto; Seleccione el tipo de archivo (por extensión), la extensión que pondremos a nuestro archivo.
Observa los dos símbolos " "
" rodeados por un rectángulo de color rojo en la imagen que tienes debajo, haz clic en el primer símbolo
" situado a la izquierda de Buscar otras carpetas.
20
Esta ventana vamos a utilizarla a menudo, por lo tanto, vamos a describir las distintas zonas que contiene.
1. Lugares. Nos muestra los diferentes discos de nuestro ordenador y algunas carpetas significativas como Escritorio y Mis imágenes (en Windows). Especial atención debemos poner en Usados recientemente que nos mostrará las últimas imágenes guardadas en Gimp, estén en la carpeta que estén. 2. Nombre. Muestra las diferentes carpetas y archivos que tenemos en la carpeta seleccionada en Lugares. 3. Vista Previa. Si en la zona marcada con el número 2 seleccionamos un archivo de imagen, se muestra, en la zona 3, una vista previa de la imagen. 4. Todas las imágenes. Podemos elegir que en la zona 2 se muestren todas las imágenes o las que cumplan unas determinadas condiciones. 5. Muestra el camino a la carpeta que tenemos seleccionada. 6. Crear carpeta. Vamos a crear una carpeta para las imágenes del curso. Seleccionamos en la zona 1 nuestro disco duro C. Hacemos clic en el botón Crear carpeta y en la zona marcada con el número 2 nos aparece el texto "Teclee el nombre de la carpeta nueva"; tecleamos directamente "Curso Gimp" y presionamos la tecla Enter . Ya hemos creado nuestra carpeta para el curso. Ahora nos aparecerá en la zona marcada con el número 2.
21
Tras crear la carpeta debemos hacer doble clic sobre la carpeta creada. Se mostrará el camino para llegar a nuestra carpeta en la zona 5. Es aconsejable hacer clic en el botón Añadir , esto hará que se muestre nuestra carpeta en la zona 1 y sea más fácil el acceso en posteriores ocasiones. Ya tenemos la carpeta donde guardaremos los archivos de imagen del curso. Pero aún no hemos guardado nuestra primera imagen. Ponemos en Nombre el nombre de nuestro archivo de imagen: "Primera imagen".
Ahora debemos seleccionar el tipo de archivo. Hacemos clic en el sigo "
" situado a la izquierda del textoSeleccione el tipo de
archivo (Por extensión) y se desplegarán los diferentes tipos de archivos de imagen que puede guardar GIMP. Elegimos el primero que aparece, Imagen XCF de GIMP que es el formato nativo de GIMP y veremos que se añade al nombre de nuestro archivo, quedando "Primera imagen.xcf"
Sólo queda hacer clic en Guardar para tener en el disco duro nuestra primera imagen con GIMP. 22
Observa ahora que en la Ventana Imagen, en la parte superior, aparece el nombre dado al archivo que contiene nuestra imagen y las características del mismo en cuanto a modo de color y tamaño.
Crear rápidamente una imagen Vamos a mostrar ahora el proceso de creación de imágenes de forma automática, utilizando procesos abreviados que proporciona GIMP para facilitarnos la tarea de creación de imágenes. Nos planteamos la siguiente situación: "Hemos preparado en clase una documentación sobre El gusano de seda y queremos poner toda esa documentación en una página web. Nos piden que creemos las imágenes necesarias para esta página web. Necesitamos dos imágenes que crearemos con GIMP.
La primera de ellas va a ser un título "El gusano de seda" para la documentación que también entregaremos impresa a nuestros alumnos. GIMP nos ayudará a dar forma a este título en muy pocos pasos. La segunda será la construcción de un patrón que nos servirá como imagen de fondo para una página web sobre "El gusano de seda".
De esta forma conseguiremos familiarizarnos con el entorno de trabajo de GIMP.
Un título con GIMP Abrimos GIMP. En caso de que tengamos abierto GIMP es necesario que lo cerremos para comenzar esta actividad desde cero. 1. Abre GIMP y accede a la barra de menú de la Ventana Imagen. Haz clic en: Archivo --> Crear --> Logotipos--> Contorno 3D... 2. Aparece un cuadro de diálogos con el título Script-Fu: Contorno 3-D. Si no ves esta ventana, observa la Barra de tareas de Windows; tendrás una ventanita que se ilumina de forma intermitente, haz clic en ella y aparecerá la ventana de la siguiente imagen. Sobre ella vamos a realizar unos cambios:
23
3. Pulsa sobre el botón Examinar ... (a la derecha de Patrón) y selecciona 3D Green en la Ventana de selección de patrones . Después haz clic en Cerrar .
4. Comprueba que aparece en la ventana del Script-FuLogotipos/Contorno en 3D, el nuevo patrón seleccionado. Si haces clic sobre la simulación del patrón (a la derecha de la palabraPatrón) y mantienes presionado el botón podrás ver el patrón a mayor tamaño.
5. Cambia el texto que viene predeterminado por el siguiente: "El gusano de seda", cambia también el tamaño de la tipografía poniendo 70 píxeles como valor . Haz clic en Aceptar , espera unos segundos y se crea una Ventana Imagen que contiene 24
el texto escrito; observa el resultado obtenido.
6. Guarda esta imagen en nuestro disco duro. Pulsa Archivo --> Guardar como... Seleccionamos la carpeta "Curso Gimp". Debes dar nombre al archivo, por ejemplo "título", y elegir su extensión presionando el signo "
" a la izquierda deSeleccione
el tipo de archivo y eligiendo XCF (GIMP) si queremos volver a utilizar esta imagen en GIMP y hacer modificaciones a la imagen obtenida. 7. Cierra la imagen.
Nota Es conveniente seguir siempre el mismo orden para guardar los archivos, ya que si no guardamos el archivo con la extensión correspondiente podemos tener problemas para abrirlo de nuevo o el programa nos avisará de que estamos cometiendo un error.
Imagen de fondo De forma similar vamos a crear una imagen que utilizaremos como fondo de la página web de nuestra documentación sobreEl gusano de seda .
Accede a Archivo --> Crear--> Patrones --> Truchet 3D . Aparece la ventana del Script-Fu con distintas opciones, pero en esta ocasión vas a dejar todos los valores tal y como están. Simplemente presiona Aceptar .
25
Obtienes una imagen similar a la que puedes ver a continuación.
Ahora vas a modificar algunas propiedades de esta imagen para dejarla más transparente y poder escribir encima de ella dado que la utilizás como imagen de fondo en una página web. Accede a laVentana de Capas - Pinceles que se encuentra a la derecha de nuestra pantalla.
Nota Si has cerrado la Ventana Capas - Pinceles por error y no te aparece en la pantalla puedes volver a obtenerla accediendo al menú de la Ventana Imagen --> Ventanas --> Capas - Pinceles.
Ventana Capas-Pinceles En la Ventana Capas - Pinceles encuentras, entre otras, las siguientes opciones:
1. Pestañas para seleccionar Capas, Canales, Rutas y Deshacer .
26
2. Nombre y miniatura de la imagen que hay en la capa. Elicono en forma de ojo de la izquierda hace que la capa sea visible o invisible. Si la capa está seleccionada y en disposición para trabajar sobre ella, se muestra con fondo gris (o gris azulado, dependiendo de la configuración de escritorio que tengas), tal y como puedes ver. 3. Pestaña deslizante que permite modificar la opacidad de la capa sobre la que trabajemos. Por defecto tiene una opacidad completa (100 %).
Arrastra este botón deslizante (3) hasta que marque 20 (también puedes introducir este valor con el teclado) y verás como la imagen se hace transparente. Antes era una imagen excesivamente fuerte para ponerla como fondo de página web. Haciendo esta reducción de opacidad hemos conseguido una imagen muy suave sobre la que podremos escribir y poner otras imágenes. Para poder utilizarla en una página web debemos tener en cuenta los formatos gráficos adecuados para las páginas web: GIF para imágenes de 256 colores y JPG para imágenes de millones de colores. Vamos a utilizar este último formato, pero debemos tener en cuenta que al guardar en formatoJPG no se admiten capas, algo que nos indicará el programa.
Para guardar la imagen en formato JPG haz clic en el menú Archivo --> Exportar... Selecciona la carpeta "Curso Gimp", pon nombre al archivo "Fondo página" y marca la extensión JPG poniendo a continuación del nombre del archivo la extensión JPG: "Fondo página.jpg". Después pulsa Exportar . Aparece la ventana que puedes ver más adelante. Haz clic en Exportar para poder guardar la imagen en el formatoJPG. En la ventana de información nos avisa de que la imagen 27
original no queda modificada por lo que GIMP mantendrá una copia, que podremos guardar más adelante en otro formato que sí mantenga las capas.
En la Ventana exportación encuentras distintos tipos de información y opciones. Si marcas Mostrar Vista Previa en la ventana de la imagen podrás ver cómo va variando el tamaño del archivo que contendrá la imagen a la vez que vas modificando los distintos parámetros. En nuestro caso no es necesario realizar ningún cambio, con lo que puedes pulsar Exportar
La imagen queda guardada en nuestro disco como "Fondo pagina.jpg". Si tienes intención de seguir trabajando con esta imagen y realizar modificaciones a la transparencia, deberás guardarla también en el formato nativo de GIMP,XCF, "Fondo página.xcf". Al utilizar la imagen como fondo de una página web, quedaría así:
28
Cerrar GIMP Cuando ya no necesitamos GIMP, debemos cerrarlo adecuadamente. El proceso más correcto para cerrar GIMP es ir cerrando cada una de las Ventanas Imagen que tengamos abiertas. Si hemos realizado algún cambio a la imagen, y no los hemos guardado, al cerrar laVentana Imagen el programa nos muestra la siguiente ventana:
Haciendo clic en el botón Cancelar volvemos a la Ventana Imagen para poder guardar los cambios desde ella. Descartar cambios nos permite cerrar la Ventana imagen pero sin guardar los cambios realizados.
Para cerrar GIMP Debes acceder al menú de la Ventana Imagen Archivo --> Salir . También puedes salir del programa haciendo clic en la X de la esquina superior derecha de la Ventana Imagen. O utilizando la combinación de teclas Ctrl + Q
29
Si tienes imágenes abiertas en las que has realizado realizado algún cambio y éste no ha sido guard guardado, ado, te apare aparecerá cerá la sigui siguiente ente ventana.
Te avisa de que tienes 2 imágenes con cambios cambios que no han sido guardados. guardados. Si haces clic enCancelar enCancelar vuelves vuelves a GIMP para poder guardar guard ar las imáge imágenes nes con los cambios cambios realizados. realizados. Si, en cambio, haces clic enDescartar en Descartar los los cambios sales de GIMP sin guardar los cambios que hayas realizado en las imágenes mostradas en esta ventana. Después de realizar estas operaciones GIMP se cierra de forma correcta y al volver a abrir el programa se mostrarán las principales ventanas (Caja (Caja de herramientas, Ventana imagen y ventana Capas - Pinceles ) en el mismo lugar en el que estab estaban an cuando has cerrado el programa.
Práctica guiada Un marco para una foto Con esta primera práctica vamos a familiarizarnos con algunas herramientas de GIMP GIMP.. A la vez que conocemos conocemos el uso de las herramientas de GIMP practicar ticaremos emos con los aspec aspectos tos planteados a lo largo de la unidad unidad.. Al final de la prác práctica tica encontrarás encontrarás un enlac enlace e GIMP,, prac que te mostrará la resolución visual de la misma. La imagen sobre la que vamos a trabajar es la que puedes ver a continuació continuación n y que SIEM SIEMPRE PRE puedes obtener de la siguiente forma: haz clic sobre la image imagen, n, se abrirá una nueva ventana ventana del naveg navegador ador en la que debes hacer clic con el botón derec derecho ho sobre la image imagen ny en el menú que apare aparece ce seleccionar seleccionar Guardar Guardar imagen como... Te recomendamos que crees una carpeta llamada "Módulo 1" situada dentro dentr o de la cread creada a anteriorment anteriormente e para el curs curso o de GIMP GIMP..
Consigue la imagen para realizar la práctica.
1. Guard Guarda a la image imagen n en la carpeta que acabas de crear y que se denomina denomina "Módulo1". "Módulo1".
30
2. Pon en en marcha marcha GIMP y abre la imagen "pguiada01 1.jpg". Coloca la Ventana Imagen en el centro de la pantal pantalla. la. 3. La imagen carece de algo de cont contraste raste y brillo, brillo, así que primero vas a hacer unas pequeñas modificac modificaciones iones en este sentido. Haz clic con el botón derecho del ratón sobre cualquier parte parte de la imagen, selecciona seleccionaColores Colores --> Brillo-contrast Brillo-contraste... e...
4. En el cuadro cuadro de de diálogoBrillo diálogo Brillo y contraste pondrás los siguientes valores: brillo 20 y contraste 20. 20 . Puedes ver que esta herramienta tiene seleccionada la opción Vista previa, previa, de tal forma que puedes observar observar en la Ventana Imagen los cambios que vas realizando. Recomendamos estos valores pero puedes utilizar los que consideres más correctos. Haz clic en Aceptar y Aceptar y continuamos trabajando con esta imagen. 5. En la Caja de herramientas de GIMP elige Selección rectangular
y realiza una selección rectangular similar a
la que se observa observa en la figura. Para ello debes situarte situarte en la parte super superior ior izquierda izquierda de la imagen (dejando un pequeño espacio), espacio), haz clic y, sin solta soltar, r, arrastra arrastra formando un rectángulo. rectángulo. Cuando Cuando veas que se ha form formado ado el rectá rectángulo ngulo suelta el botón del ratón. Presiona la tecla Enter Enter para para confirmar confirmar la selección. selección. Los lados del rectá rectángulo ngulo limitan la parte de la imagen que ha sido seleccionada.
6. Pulsa el botón botón Activar Activar Máscara Máscara rápida, rápida , que se encuentra encuentra en la esquina inferior izquierda izquierda de laVentana la Ventana Imagen. Imagen.
31
La máscara rápida permite trabajar de forma más cómoda con las selecciones selecciones.. Vas a defor deformar mar esta selección utilizando un filtro . Si haces clic con el botón derecho derecho del ratón sobre cualquier cualquier parte de la imag imagen en y en el menú emer emergente gente que aparece seleccionas Filtros --> Distorsiones --> Ondas... aparecerá un cuadro de diálogo con ciertos parámetros. Selecciona los valores valor es que se muestran muestran en la figur figura. a.
Al Aceptar Aceptar la la Máscara rápida debe tener la forma que se obser observa va en la siguiente imagen:
32
7. Para que la másc máscara ara no tenga un borde tan duro vamos a difuminarla difuminarla utilizand utilizando o otro filtro. filtro. En este caso, caso,Filtros Filtros --> Desenfoque -- >Desenfoque Gaussiano. Gaussiano. En la Ventana de diálogo del Filtro pon tanto en la casi casilla lla vertical como en la casil casilla la horizontal el valor 10 valor 10.. Observa cómo los bordes de la máscara han quedado desenfocados.
8. Al hacer hacer clic, de nuevo, nuevo, en el botón Máscara rápida situa situado do en la parte infer inferior ior izquierda, izquierda, obtienes una selec selección ción con la forma de la máscara rápida. rápida . La parte selec selecciona cionada da es el interi interior, or, pero querem queremos os tener seleccionado seleccionado el exter exterior. ior. Para comprobar comprobar qué parte es la seleccionada, existe una herramienta llamada Editor de selección a la que se accede accede desde la barra de Menús de la Ventana Imagen Diálogos empotrables--> Editor de selección. selección . La parte selecciona seleccionada da es la zona de la ventana venta na que se muestra muestra en color blanco en el Editor de selección.
33
Si hace haces s clic sobr sobre e el botón botón
, marcad marcado o en en la anteri anterior or image imagen, n, cons conseguirá eguirás s que la selec selección ción quede quede inver invertida, tida, la parte parte
seleccionada ahora será el exterior de la forma obtenida a partir de la selección rectangular. En apariencia no observas ningún cambio camb io en la image imagen, n, pero ahora la selec selección ción es la parte exterior exterior de la línea disco discontinu ntinua, a, lo que puedes observar observar en elEditor Editor de selección que ha camb cambiado iado la zona de color blanco.
9. Ahora vas a rellenar rellenar la selección selección obtenida con un patrón. En laCaja laCaja de herramientas elige Rellenar con un color o patrón
y en la Ventana Opciones de herramienta marca las opciones Relleno con patrón y Rellenar la
selección completamen completamente te.. 10. Ahora escoge escoge el patrón patrón:: Dried mud. mud . Coloca el punter puntero o del ratón dentro dentro de cualquier parte parte de la selección selección (ves que cambia la forma form a del punter puntero) o) y presiona el botón izquierdo izquierdo del ratón ratón,, obteniendo el relleno que se observa observa en la siguiente imagen.
34
11. Quita la selección selección para ver el resu resultado. ltado. Haz Haz clic con el botón derecho derecho sobre cualquier parte parte de la image imagen: n:Seleccionar Seleccionar --> Ninguno (modo de teclado abreviado May + Ctrl + A ).
12. Solam Solamente ente nos queda guardar el traba trabajo. jo. Para no eliminar la imag imagen en original, debes guardarla guardarla con otro nombre, nombre, por ejemplo: ejemplo: "alcázar con marco.jpg", en la misma carpeta donde estamos guardando los trabajos. Archivo --> Exportar... Aparece Exportar... Aparece la ventana para Exportar JPG; JPG; elige los parámetros adecuados y haz clic en Exportar.
Vídeo Ví deo con la práctic a resuelta:
35
Actividades
Primera A continuación te proporcionamos dos imágenes para que apliques sobre ellas el proceso descrito en laPráctica laPráctica guiada. guiada . Pon un marco adecuado a las siguientes imágenes.
Consigue las imágenes para realizar el ejercicio
Para obtenerlas obtenerlas haz clic sobre ellas y después, después, en la nueva ventana que se abre, de nuevo haces haces clic pero con el botón derec derecho ho del ratón sobre sobre la imagen, en las opciones que aparec aparecen en en la Ventana emergente emergente eligeGuardar eligeGuardar imagen como... Guarda las imágenes en la carpe carpeta ta "Mód "Módulo ulo 1". Algunos ejemplos 36
De la primera imagen
De la segun segunda da image imagen n
Segunda Aplica algunos Filtros sobre las anteriores anteriores imágenes. imágenes. Haz clic con el botón derecho del ratón sobre la imagen en la laVentana Ventana imagen de GIMP y en el menú Filtros --> elige el que quiera quieras s aplicar .
Algunos ejemplos:
Filtros --> Mapa --> Baldosas pequeñas
37
Filtros --> Artísticos -->Pintura -->Pintura al óleo
Filtros --> Luces y sombras--> Supernova Supernova
Filtros --> Distorsiones --> Repujado
38
GIMP, aplicaciones didácticas. La imagen digital
Ministerio de Educación. ITE |GIMP, aplicaciones didácticas.
GIMP, aplicaciones didácticas
Imagen digital Estamos trabajando con un programa de edición de imágenes digitales, por lo tanto, es necesario conocer las características y propiedades de las imágenes digitales.
Programa
Objetivos Conocer las características de la imagen digital: píxel, profundidad de bit, modo de color. Diferenciar y saber utilizar los diferentes formatos de imagen digital. Usar GIMP Usar GIMP para poder guardar una imagen digital en diferentes formatos.
Contenidos Introducción a la imagen digital. Concepto de píxel, profundidad de píxel, modos de color. Concepto Conc epto de resol resolución ución de una image imagen n digital, tamaño de image imagen n en píxel y tamañ tamaño o de impresión. impresión.
¿Qué es la imagen digital? Las imágenes digitales se obtienen a través de dispositivos de conversión análogico-digital como un escáner, una cámara fotográfica digital o directamente desde el ordenador utilizando cualquier programa de tratamiento de imágenes. La información digital que genera cualquiera de los medios citados es almacenada en el ordenador mediante bits (unos y ceros). Los ordenadores trabajan con información digital, con información numérica. En un ordenador la información analógica de textos, imágenes y sonidos se codifica por medio de bits.
Nota Un bit es la unidad de información información que equiv equivale ale a la elecc elección ión de dos posibilidades posibilidades:: 0 ó 1, no pasa corr corriente iente o pasa corriente. corriente. Los circuitos internos del ordenador sólo detectan estos dos valores y en la combinación de ellos se basa la informática. El nombre proviene provi ene de la contr contracci acción ón de las palabras «binary» y «digit» (dígito binario). La información información que podem podemos os almacenar almacenar en un bit es muy pequeña, por eso los bits se agrupan enbytes enbytes,, que es un grupo de 8 bits (cada uno de ellos puede representar representar un valor diferente diferente 0 ó 1). De esta forma un byte puede representar representar cualquier cualquier número entre 0 y 255.
El kilobyte (kB) equivale a 1000 bytes. Megabyte (MB) equivale a 1000 kB. Gigabyte (GB) equivale a 1000 MB. Terabyte (TB) equivale a 1000 GB.
Cuando la imagen está codificada en bits, formato digital, puede ser modificada con cualquier programa de tratamiento de imagen, y nosotros vamos a hacerlo con GIMP GIMP..
El píxel Las imágenes imágenes digita digitales les se crea crean n form formando ando una retíc retícula ula rectangular rectangular form formada ada por celdi celdillas. llas. Cada una de las celdi celdillas llas recibe recibe el nombr nombre e de píxel.. Este nombre proviene píxel proviene de la expresión expresión que se obtiene al unir las palabras inglesas picture y element . Los píxel píxeles es son las unidades de color que comp componen onen la image imagen. n. Un píxel no tiene una medid medida a concreta, concreta, no se puede decir si mide 1 mm. o 1 cm. o 1 m., simplemente simplemente es la medida de divis división ión de una retícula en celdillas. celdillas.
Cada uno de los cuadrados cuadrados que se observan observan en la ampliación ampliación de la zona marc marcada ada en rojo en la anter anterior ior imagen es unpíxel unpíxel.. Toda la información información que corre correspond sponde e a una image imagen n digitalizada digitalizada cons consta ta de una matriz de píxeles que vemo vemos s en nuest nuestra ra panta pantalla lla y guardamos en los sistemas de almacenamiento de nuestro ordenador.
Profundidad de píxel Una imagen digital está formada formada por una matriz de píxeles (a (a x b x c ), donde a y b repres representan entan la anchu anchura ra y altura y c es la profundidad profu ndidad de color o profun profundidad didad de bit, podrí podríamos amos decir decir que es la tercera dimensión dimensión de la matr matriz, iz, la que perm permite ite que cada píxel pueda tener un número determinado de colores distintos. La profundidad profundidad de píxel es una unidad de medida binaria porque cada píxel está formado por bits. Cuand Cuando o decim decimos os que la profu profundidad ndidad de píxel es de 1 bit, la imagen solamente solamente tiene dos colores colores o dos nivel niveles es de gris representad representados os por los valores 0 y 1; por ejemplo solamente solam ente puede ser o blanco o negro. Una profundidad profundidad de píxel de 8 bits permite permite que cada pixel pueda tener 256 colores distintos distintos o 256 niveles distintos distintos de grises que prov provienen ienen de combinar las series de ocho elementos posibles posibles obtenidas de comb combinar inar ceros y unos. Si la profundidad profundidad del píxel es de 24 bits podemos podemos llegar a 16 millones de colores distintos distintos en cada píxel. El número de bits por píxel determinará determinará la gama de color colores es de una imag imagen, en, según lo expresado expresado en la siguiente tabla.
En la imagen de la izquierda se indican el número de bits y colores empleados. A la derecha encontraremos la imagen resultante.
1bit - 2 colores
2 bits - 4 colores
3 bits - 8 colores
4 bits - 16 colores
5 bits - 32 colores
6 bits - 64 colores
7 bits - 128 colores (No siempre tienen que ser tonos de gris)
8 bits - 256 colores
16 bits - 65.536 colores
Color real Cada píxel solamente puede ser de un color, cuando decimos que una imagen es de 256 colores, queremos decir que cada píxel puede tomar uno de esos 256 colores. Si la profundidad es de 24 bits, tenemos la posibilidad de manejar millones de colores con la combinación de los tres primarios: rojo (red), verde (green) y azul (blue), es el llamado modo RGB. Cada canal de color tiene 8 bits para controlar cada color, por lo tanto, los colores que podemos obtener son 256 x 256 x 256 = 16.777.216, por eso se llama "millones de colores" y se conoce como color real. Con esta cantidad de colores es suficiente para que el ojo humano perciba las imágenes con calidad fotográfica.
Modos de color Llamamos modo de color al sistema de coordenadas que nos sirve para describir los colores de forma numérica. Los principales son el RGB (rojo, verde y azul), el HLS (tono, luminosidad, saturación) y el CMYK (cian, magenta, amarillo y negro). En GIMP sólo podemos trabajar en los modos RGB, Escala de grises (256 niveles de gris) e Indexado (podemos elegir el número de colores con los que vamos a trabajar hasta un máximo de 256). Los modos de color afectan al tamaño de la imagen en disco y al número de canales de color que utilizan. Si incrementamos el número de colores aumentará el tamaño del archivo que contiene la imagen. En la tabla se muestran los diferentes modos de color y sus características.
Mapa de bits Imágenes de 1 bit de color por píxel. Blanco o negro.
Escala de grises 8 bits de información por píxel por lo que pueden utilizar 256 niveles de gris.
Color indexado Un solo canal con 8 bits por pixel, permitiendo una tabla de 256 colores.
Color indexado Un solo canal con 8 bits por píxel (en este caso con una imagen de 10 colores). Observemos la pérdida de calidad comparándola con una imagen RGB.
Color RGB Rojo, verde y azul. La suma de los tres da luz blanca. Este sistema usa 3 canales (1 rojo, 1 verde y 1 azul) con una profundidad de 24 bits por pixel y es capaz de reproducir 16,7 millones de colores.
Color CMYK Cian, magenta, amarillo y negro. Sistema utilizado en impresión y con pigmentos. Usa 4 canales con 32 bits por pixel.
Nota HSB Nuestro ojo procesa la información de color mediante los parámetros tono, saturación y brillo (Hue, Saturation, Brightness). El tono es el color, rojo, azul, verde, etc., que en GIMP se expresa en grados desde -180 a 180. La saturación es la pureza del color, en GIMP va desde -100% a 100%. El brillo es la intensidad de la luz del color, la cantidad de negro o blanco que tiene un color, -100 (negro) y 100 (blanco).
Resolución de una imagen El concepto de resolución es confuso de entender en imagen digital porque se utiliza refiriéndose a elementos diferentes: 1. La resolución en la impresión de imágenes digitales viene dada por el número de puntos impresos por unidad de superficie. 2. En una imagen digital la resolución depende del número de píxeles por unidad de superficie. 3. La resolución de pantalla de un monitor se expresa con la multiplicación del número de columnas y filas de píxeles. Las más habituales son 800x600 ó 1024x768 píxeles de resolución. Cuando utilicemos el término resolución de la imagen digital nos referimos a la cantidad de píxeles por unidad de superficie. Se suele utilizar como unidad la pulgada cuadrada (una pulgada es igual a 2,54 cm) y así nos encontramos que una imagen puede tener una resolución de 72x72 ppp (píxeles por pulgada), 150 ppp ó 300 ppp.
Resolución de la imagen La calidad de una imagen está directamente relacionada con la resolución que tiene: a mayor resolución mayor calidad de imagen. Si una imagen tiene una resolución de 200 ppp, en cada pulgada cuadrada nos encontramos la cantidad de 200 x 200 píxeles, lo que nos da un resultado de 40.000 píxeles que contienen la información digital de esa imagen. Si esa misma imagen tiene una resolución de 72 ppp, la información digital está contenida en 5.184 píxeles, con lo que la calidad de la imagen será menor: menor resolución, menor información y menor detalle. Para poder comprender mejor este aspecto es necesario diferenciar los conceptos que estamos tratando: tamaño de la imagen, resolución de la imagen y tamaño del archivo. El tamaño de la imagen depende de sus dimensiones (anchura y altura) medidas en píxeles u otras unidades: puntos, picas, milímetros... La resolución de la imagen la expresamos en píxeles por pulgada. A mayor resolución más píxeles caben en una pulgada y menor será el tamaño de los píxeles. El tamaño del archivo de la imagen , como unidad de información digitalizada se expresa en bits. A mayor tamaño de imagen (más píxeles contiene la imagen), mayor tamaño del archivo.
¿Cuándo utilizar una u otra resolución? Dependerá del destino final de la imagen sobre la que estemos trabajando. Si vamos a utilizar las imágenes exclusivamente en la pantalla del ordenador deberemos tener en cuenta la resolución de la pantalla, con una resolución de 72 píxeles por pulgada tendremos suficiente y veremos a su tamaño real las imágenes en una pantalla con una resolución de 800x600 píxeles. Si vamos a imprimirla, cuanto mayor sea la resolución de la imagen, mejor será la calidad y mayor el detalle.
Pero no debemos caer en el habitual error de escanear o digitalizar una imagen a la mayor resolución posible para asegurar una mejor calidad de imagen. Más bien hay que tener en cuenta que, al tener gran tamaño, nos costará más procesarla digitalmente. Debemos plantearnos un par de preguntas antes de decidir la resolución óptima para digitalizar una imagen. ¿Aplicación final de la imagen? ¿Dimensiones reales de la imagen final? Si la imagen final va a ir destinada a la impresión, por norma general se suele utilizar la siguiente fórmula: la resolución de entrada de la imagen debe ser el doble del valor de las líneas por pulgada (lpi) que es capaz de imprimir la impresora. De esta forma obtendremos una calidad máxima. Por ejemplo, si nuestra impresora tiene una capacidad de 150 lpi deberemos escanear a una resolución de 300 ppp. Si la imagen final va a tener mayor tamaño que la imagen original, necesitaremos mayor cantidad de información al escanear (mayor resolución) y si la imagen final va a ser de menor tamaño, bastará con una resolución menor. Si escaneamos una imagen de 6 x 4 centímetros con una resolución de 300 ppp y nuestra imagen final será de 12 x 8 cm debemos utilizar una resolución de 600 ppp. Aplicamos esta regla a la inversa cuando la imagen final tenga menor tamaño que el original.
Cambios de resolución Los cambios de resolución de imagen que podemos hacer con GIMP van orientados hacia la impresión de la imagen. La herramienta que nos permite hacer los cambios de resolución se encuentra en el menúImagen --> Tamaño de la impresión. La siguiente imagen tiene un tamaño de 300x300 píxeles y una resolución de 72 ppp:
Tras acceder a la información de Tamaño de impresión podemos ver la siguiente información en la ventana que se muestra:
Los 300 píxeles de ancho de la imagen se imprimen en 10,58 cm. a razón de 72 píxeles por pulgada (2,54 cm) Si cambiamos la resolución de esta imagen al doble (144 ppp) obtenemos:
Ahora el tamaño de impresión es la mitad porque hemos aumentado al doble la resolución, es decir, que debemos meter 144 píxeles en una pulgada por lo que el tamaño de impresión se reduce a la mitad. No se produce ningún cambio en el tamaño del archivo en disco.
Cambios de tamaño En otras ocasiones se hace referencia a un cambio de resolución de la imagen cuando, en realidad, es un cambio en el tamaño en píxeles de la imagen. Se pueden hacer dos tipos de cambio de tamaño en píxeles de la imagen:
Interpolación al alza Partimos de una imagen que tiene un tamaño de 300x300 píxeles y queremos ampliarla a 600x600 píxeles. El programa debe crear nuevos píxeles para rellenar los huecos que aparecen al ampliar, dado que donde antes había 1 píxel ahora tendremos varios dependiendo del porcentaje de aumento de resolución. Esos nuevos píxeles se crean por interpolación, basándose en la información sobre el color de los píxeles vecinos. Para realizar este cambio se accede al menú Imagen --> Escalar la imagen. Gimp tiene cuatro posibilidades de interpolación que podemos elegir a la hora de realizar un escalado de imagen: Calidad ninguna, muy rápida para imágenes de gran tamaño. Calidad lineal, produce unos resultados correctos. Calidad cúbica, que produce mejores resultados al realizar una interpolación a la baja, aunque puede tardar en ser aplicada
en imágenes de gran tamaño. Calidad Sinc (Lanczos) que produce los mejores resultados cuando se realiza una interpolación al alza. Al realizar una interpolación al alza los nuevos píxeles pueden emborronar la imagen dado que el programa debe crear nuevos pixeles partiendo de los que existían. Ampliando una parte de la imagen podemos observar la borrosidad que se crea en la nueva imagen:
Interpolación a la baja En este caso el programa va a eliminar información, con lo que la imagen puede resultar deteriorada si el cambio de resolución es muy alto. Es un procedimiento habitual cuando dispones de imágenes de alta calidad con un tamaño en píxeles importante. Si partimos de una imagen obtenida con una cámara digital cuyo sensor tenga capacidad para obtener imágenes de más de 10 millones de píxeles, (por ejemplo una cámara CANON EOS 40D es capaz de obtener una imagen de 3888x2592 píxeles con lo que se obtiene una imagen de más de 10 millones de píxeles) podemos realizar interpolaciones a la baja para obtener imágenes más ligeras en tamaño en disco y de un tamaño físico más adecuado para ser impresas o colocadas en una página web.
Esta imagen que se muestra al 100% en la Ventana imagen de GIMP tiene un tamaño de 3888x2592 píxeles, con una resolución de 200 ppp podemos imprimirla a un tamaño de unos 50 cm de largo por 33 cm de ancho. Tenemos un gran margen de maniobra para hacer esta imagen más pequeña y tener unas buenas condiciones para poder imprimirla o verla en pantalla reduciendo el número de píxeles de ancho y alto. La imagen ha sido reducida a un tamaño de 600x400 píxeles para poder presentarla en estos materiales:
Concluimos diciendo que es conveniente tener, siempre que sea posible, una imagen a la máxima resolución y al mayor tamaño de imagen en píxeles posibles para poder obtener imágenes más pequeñas haciendo interpolaciones a la baja dado que, aunque destruyen información, siempre tendremos disponible la imagen original al mayor tamaño posible.
Actividad
Vamos a acceder al Banco de imágenes y sonidos del ITE En el Buscador pon "Sevilla" y deja marcada solamente la opción Fotografías. Haz clic en Buscar y obtienes como resultado de la búsqueda una serie de imágenes de las que se muestran sus miniaturas. Estas miniaturas son imágenes con un pequeño tamaño en píxeles, en concreto 128x85 píxeles.
Poniendo el ratón encima de una imagen y haciendo clic con el botón derecho puedes obtener la imagen a ese tamaño. Después puedes hacer una interpolación al alza para obtener una imagen de 600x400 píxeles de tamaño:
El programa tiene que inventarse el contenido de los píxeles hasta obtener el tamaño de 600x400 y el resultado no es todo lo adecuado que nos gustaría. Pero si en vez de obtener esta imagen tan pequeña haces clic sobre ella, el banco de imágenes nos envía a una página donde podemos obtener la imagen al mayor tamaño posible y, después, hacer la interpolación a la baja para obtener una imagen adecuada para nuestros intereses:
Obtenienes una imagen con un tamaño en píxeles de 2048x1536 que te sirve para hacer interpolaciones a la baja y obtener la siguiente imagen a 600x450 píxeles:
Formatos de imagen digital Las imágenes que pueden ser tratadas en el ordenador básicamente se clasifican en dos tipos: imágenes bitmap (mapa de bits) e
imágenes vectoriales.
Bitmap La imagen está formada por una matriz de píxeles. Cuando modificamos una imagen bitmap lo que estamos haciendo es cambiar el aspecto de los píxeles con programas de tratamiento de imagen comoGIMP. No debe confundirnos que los programas de tratamiento de imágenes estén incorporando posibilidades de imágenes vectoriales, porque lo hacen como apoyo al tratamiento de la imagen, pero al final terminan integrándose en los píxeles que forman la imagen bitmap. Los principales formatos de mapas de bits o bitmap son los siguientes: BMP: Formato de calidad. Los archivos tienen gran peso, por lo que suelen usarse en aplicaciones en CD-ROM. Extensión: *.bmp
TIFF: Se utiliza para imágenes de alta calidad que van a ser impresas. Extensión:*.tif
XCF: Formato nativo de GIMP. Permite almacenar las imágenes con capas y modificarlas posteriormente. Extensión: *.xcf
PICT: Es el formato característico de la plataforma MAC. Permite ser comprimido sin perder calidad de imagen. Extensión: *.pic
JPG: Es el formato más utilizado en las páginas de Internet para la reproducción de fotografías. Permite comprimir las imágenes pero produce pérdidas de calidad. Extensión: *.jpg
GIF: Este formato también se utiliza en las páginas web de Internet, pudiendo comprimir las imágenes sin pérdidas. Utiliza el modo de color indexado para las imágenes que no tienen muchas tonalidades de color. Permite gráficos animados y transparencia. Extensión: *.gif
PNG: Tiene las ventajas de los formatos GIF y JPG. Comienza a ser muy utilizado en Internet por su gran capacidad de compresión sin pérdida y por tener la posibilidad de manejar transparencia. Extensión: *.png
PSD: Formato nativo de Photoshop que permite guardar todas las presentaciones, retoques y nuevas creaciones realizadas con este programa. Extensión: *.psd
Cada uno de estos formatos tiene unas características diferentes y permite guardar los archivos que contienen las imágenes de acuerdo a lo especificado en la tabla. Unos utilizan la llamada Compresión con pérdidas. Se aplican algoritmos que permiten decidir cuál es la información menos relevante para el ojo humano y la desechan. Cuanto mayor cantidad se deseche, menos ocupa el archivo pero también tiene una calidad menor. Si guardamos una imagen en un formato con Compresión por pérdidas, cada vez que lo hacemos se obtienen pérdidas de píxeles por lo que podemos llegar a perder completamente la imagen y obtener una imagen inservible. Por ejemplo JPG. Otros utilizan Compresión sin pérdidas. Se utilizan algoritmos de compresión, pero no se pierde ningún dato con lo que la calidad de la imagen se mantiene. Por ejemplo XCF de GIMP. Los distintos formatos mencionados utilizan diferentes tipos de compresión: RLE Sin pérdidas, admitida por formatos de archivos comunes a Windows.
LZW Sin pérdidas y admitida por los formatos TIF y GIF. Utilizada fundamentalmente en imágenes que tienen grandes áreas de un único color. JPG Con pérdidas. Los mejores resultados se obtienen con imágenes fotográficas. Podemos elegir la cantidad de compresión.
Vectorial Se representan con trazos geométricos que están controlados por operaciones matemáticas que realiza el ordenador. Las líneas que componen la imagen están definidas por vectores (de ahí su nombre). La ventaja de este tipo de imagen es que pueden reducirse o ampliarse sin ningún tipo de pérdida de calidad. Los principales formatos de las imágenes vectoriales son los siguientes: SVG: Vectores gráficos escalables. Formato muy reciente pero que puede ser usado fácilmente en GIMP. Extensión: *.svg
WMF: Formato de archivo vectorial de la plataforma Windows. Es el formato que mejor se adapta a los distintos programas de dibujo. Extensión: *.wmf
SWF: Imágenes vectoriales para animación web. Extensión: *.swf
EPS: Formato utilizado habitualmente para exportar imágenes de mapa de bits con trazados vectoriales. Extensión: *.eps
PDF: Es compatible entre las plataformas MAC, Linux y PC. Usado fundamentalmente para la confección de documentos que puedan descargarse de Internet. Extensión: *.pdf
Prácticas guiadas A continuación puedes realizar unas prácticas en las que, paso a paso, se muestra la forma de trabajar con imágenes digitales en GIMP.
Práctica guiada 1 Características que afectan al tamaño del archivo de una imagen 1. Las dimensiones de la imagen, anchura y altura, expresadas en centímetros, milímetros, pulgadas o en píxeles. 2. Profundidad de bit. Número de niveles de gris o de colores diferentes que puede representar un píxel. A mayor profundidad de bit, mayor número de colores podrá representar un píxel. 3. Modo de color. De acuerdo con el modo de color una imagen puede tener más o menos canales.RGB tiene tres canales y CMYK tiene cuatro. Cuanto mayor es el valor de cada una de las características expresadas, mayor será el tamaño del archivo de la imagen. A continuación, vamos a utilizar la siguiente imagen para guardarla en distintos formatos.
Clic sobre la imagen
1. Guarda la imagen en la carpeta que hemos creado para el curso, haz clic sobre la imagen y en la nueva ventana haz clic derecho sobre la imagen y selecciona la opción Guardar imagen como...
2. Abre la imagen en GIMP y guárdala con el formato nativo de GIMP, XCF. Accede al menú Guardar como, no cambies el nombre del archivo y haz clic en Guardar . 3. Accede a las propiedades de la imagen: Imagen --> Propiedades de la imagen para comprobar las características de nuestra imagen.
4. En la Ventana Capas - Pinceles observarás un icono que simula la imagen completa que tenemos abierta y a su lado el nombre "Fondo". Esta simulación nos muestra la única capa que contiene nuestra imagen. Selecciona esta capa llamada "Fondo" haciendo clic con el ratón y crea una copia de la capa (clic derecho sobre la capa y elige la opciónDuplicar la capa). Con la nueva capa activa ("Copia de Fondo") y utilizando la herramienta de selección rectangular de la imagen.
haz una selección en el centro
5. En la Ventana Imagen accede a Filtros-->Luces y sombras -->Mosaico de cristal (puedes hacer clic derecho sobre la imagen y elegir el menú Filtros). En la ventana de diálogos que aparece pon los valores que tienes en la siguiente imagen.
6. Al hacer clic sobre el botón Aceptar obtendrás una imagen similar a la siguiente:
7. Accede al menú Seleccionar y elige la opción Ninguno. 8. Una vez realizado este pequeño retoque a la imagen, vamos a guardar los cambios de la imagen en distintos formatos para comprobar los distintos tamaños de los archivos.
Guardar en el formato nativo de GIMP XCF Haz clic en el menú Archivo --> Guardar como... y accede a la carpeta que has creado en el disco duro. Guarda la imagen, determinando el tipo de archivos: XCF (GIMP). Haz clic en Aceptar . El tamaño del archivo en disco es de 2.512 KB.
Guardar en formato BMP Para guardar en este formato debes Exportar la imagen porque GIMP solamente utiliza la opción Guardar para hacerlo en el formato nativo de GIMP, el XCF. Desde el menú Archivo accede a la opción Exportar..., pon como nombre "práctica guiada 2" y como formato elige la opción BMP.
Haz clic en Exportar y se muestra la ventana:
Haz clic en Exportar y comprueba el tamaño del archivo en disco.
Guardar en formato TIFF Realiza el mismo proceso y elige el formato de archivo TIFF. Haz clic en Exportar y, de nuevo, aparece otra ventana con información sobre el formato en que estás guardando la imagen.
En esta ocasión te permite guardar con algún tipo de compresión. Elige una compresión sin pérdidas que hará que el archivo ocupe menos espacio en disco. Escoge LZW y haz clic en Exportar . Dado que la imagen lleva incrustado un comentario nos aparece una nueva ventana con un aviso sobre esta circunstancia. Haz clic en Aceptar . Observa el tamaño del archivo en disco.
Guardar en formato JPG Este formato comprime las imágenes con pérdidas de calidad. Para guardar en formato JPG el proceso es idéntico a los anteriores, aunque ahora aparece una ventana que te permite elegir la cantidad de compresión que quieras realizar. En este caso pon los valores que se muestran en la siguiente imagen y haz clic en Exportar . Más adelante trabajaremos con otras opciones para guardar en formato JPG.
Si marcas la opción Mostrar vista previa en la ventana de la imagen se abrirá una nueva Ventana imagen en la que puedes ver cómo quedará la imagen de acuerdo a la cantidad de calidad elegida. Puedes indicar la calidad que quieras que tenga la imagen comprimida, cuyo valor puede ir desde0 (calidad nula) a 100 (máxima calidad). Dependiendo del destino final de la imagen utilizaremos una calidad u otra. Por ejemplo, si las imágenes están destinadas a ser colocadas en una página web podemos poner entre60 y 80. Exporta la imagen con los valores que se muestran en la imagen anterior y observa el tamaño del archivo.
Guardar en formato PNG Al exportar el archivo en formato PNG, GIMP nos muestra otra ventana con diferentes opciones. Si guardas la imagen con los valores que vienen por defecto y especificas un nivel 9 de compresión, el tamaño del archivo en disco es el que se observa en la segunda imagen.
Guardar en formato GIF A la hora de exportar la imagen en formato GIF, aparece una ventana que muestra las opciones de Exportar como GIF y permite guardar la imagen como una animación o como una imagen fija. En la imagen se muestran las opciones para exportarla como imagen fija GIF.
Haciendo clic en Exportar nos avisa el programa de que esta opción no permite guardar comentarios. El tamaño del archivo es el siguiente:
Resumiendo, mostramos el tamaño de los diferentes archivos.
Práctica guiada 2 Copiar un cartel desde el escáner
Nota La práctica que se desarrolla a continuación se ha realizado con un escáner de la marca ACER. Seguramente no coincidirá con el que puedas tener en tu centro pero básicamente será similar. Si no tienes escáner te aconsejamos leas con atención todos los pasos que deben darse para obtener una imagen escaneada con GIMP.
Al escanear una imagen para nuestros trabajos docentes nos suele ocurrir que, o bien escaneamos la imagen en un tamaño muy grande o lo hacemos muy pequeño. O que utilizamos imágenes ya escaneadas o digitalizadas para trabajos a los que, en principio, no iban destinadas. Con la práctica que realizaremos a continuación despejaremos algunas dudas que se nos plantean al escanear imágenes. Tenemos un original en papel cuyas medidas son 9 x 13,5 cm y queremos obtener imágenes en tamaño DIN A3 (29,7 x 42 cm). Veamos los pasos a dar para conseguir una imagen de calidad.
1. Original: 9x13,5 cm. 2. Destino: Impresión en A3 (29,7x42 cm). 3. Impresora: Inyección de tinta con 300 dpi (puntos de tinta por pulgada). Las dimensiones finales son, aproximadamente, el triple de las dimensiones de la copia que tenemos; por lo tanto deberemos escanear con una resolución tres veces superior a la de la impresora, es decir deberemos elegir 900 dpi. Abrimos Gimp y accedemos al Menú Archivo --> Crear --> Escáner/Cámara... y se nos mostrará una ventana con los escáners y cámaras que tengamos conectados y correctamente instalados en nuestro ordenador. Cualquier escáner aparecerá en esta ventana; nosotros hemos elegido uno muy sencillo que nos permitirá realizar perfectamente esta práctica.
Al hacer clic en Seleccionar se pone en marcha el programa de nuestro escáner donde debemos buscar y elegir valores similares a los que podemos ver a continuación:
También debemos hacer una vista previa de la imagen a escanear y seleccionar toda la imagen que vamos a escanear. Hacemos clic para Aceptar las condiciones de escaneado y tras un breve espacio de tiempo obtenemos una Ventana Imagen que contiene nuestra imagen. Si accedemos al menú Imagen --> Propiedades de la imagen de la barra de menús de la Ventana Imagen podremos comprobar los siguientes datos, que se corresponden con los que hemos puesto al escanear. Vemos que el tamaño de impresión sigue siendo el original que teníamos (9x13,5 cm) y que la resolución es de 900 ppp, suficientes para que al imprimir nuestra imagen obtengamos una copia en tamaño A3.
Para realizar la impresión solamente debemos acceder al menú Archivo --> Imprimir y nos aparecerá la ventana de impresión de nuestra impresora habitual. Obtendremos con la mayor calidad posible y al tamaño deseado una copia del cartel que pondremos en los pasillos de nuestro centro para animar al alumnado a realizar de la actividad.
Práctica guiada 3 Cámaras fotográficas digitales En esta práctica guiada vamos a obtener imágenes desde cámaras digitales. El proceso es similar en cualquier cámara digital sea de la marca que sea. Actualmente disponemos de dos tipos de cámaras digitales. Cámaras compactas digitales, sencillas y fáciles de manejar, y cámaras reflex digitales, algo más complicadas pero con muchas más posibilidades.
Cámara compacta digital
Cámara réflex digital Las diferencias entre una y otra son sustanciales, pero para lo que nos interesa en este curso no existen grandes diferencias. Las dos utilizan un sistema óptico para la captura de la imagen y un SENSOR al que llegan las imágenes; este sensor transforma la información de la imagen captada en información digital que es recogida por un sistema de almacenamiento. Las cámaras suelen llevar una pequeña memoria interna donde pueden almacenarse algunas imágenes pero lo más usual es utilizar tarjetas de memoria de distinta capacidad.
Estas tarjetas pueden vaciarse al disco duro de nuestro ordenador o acceder a ellas mediante un lector de tarjetas. El lector de tarjetas se conecta, habitualmente, al ordenador por medio de un cable USB.
También podemos conectar nuestras cámaras directamente al ordenador mediante un cableUSB que nos permitirá tener acceso a las imágenes que contiene nuestra cámara.
En cualquiera de los casos podemos acceder a las imágenes desde Gimp. Desde el menú de laCaja de herramientas, Archivo -> Abrir podemos acceder a la tarjeta o a la cámara que contiene las imágenes.
Primero localizamos el nombre de nuestra tarjeta o cámara - 1-; después accedemos a la carpeta que contiene las imágenes -2(las imágenes de cámara digital se almacenan en una carpeta denominada DCIM -Digital Camera Images- y luego en diferentes carpetas dependiendo del modelo y marca de la cámara). Localizamos el archivo que queremos abrir con Gimp -3 y 4- y hacemos clic en Abrir -5-. A partir de ese momento ya tenemos la imagen en nuestro programa Gimp y podemos trabajar sobre ella. Después debemos guardar la imagen en nuestro disco duro, no es aconsejable guardar una imagen modificada con Gimp en la tarjeta o en la cámara.
Actividades
Primera: Guardar una imagen en diferentes formatos De acuerdo con las prácticas realizadas en el apartado anterior y utilizando alguna de las imágenes que puedes obtener abajo: Después de abrir la imagen que elijas en GIMP y aplicar los cambios que consideres oportunos, guarda en tu disco duro los archivos correspondientes a la imagen elegida atendiendo a los siguientes formatos: Imagen guardada en el formato nativo de GIMPXCF. Imagen guardada en el formato BMP. Imagen guardada en el formato TIFF. Imagen guardada en el formato GIF. Imagen guardada en el formato JPG.
Imagen guardada en el formato PNG. Compara el tamaño de cada uno de los archivos obtenidos con los resultados obtenidos en laPráctica guiada 1 guardando la imagen en los formatos expresados. Para obtener las imágenes debes hacer clic en cualquiera de ellas; se abrirá una nueva ventana y en ella encontrarás la imagen a un mayor tamaño. En esa nueva ventana haz clic con el botón derecho del ratón y en el menú contextual que aparece elige Guardar imagen como.... Guarda las imágenes en la carpeta que has creado para el curso. También puedes utilizar alguna imagen que provenga de una cámara digital o de un escaneado.
Imágenes
Segunda: Diferentes modos de color Partiendo de la imagen que puedes obtener abajo, realiza transformaciones de color a:
Mapa de bits. Menú Imagen --> Modo --> Indexado --> Usar paleta en blanco/negro (1 bit). Y en las opciones de difuminado elige Ninguno. Después acepta. Exporta el resultado como "map_bits.bmp". Escala de grises. Menú Imagen --> Modo --> Escala de grises. Guarda el resultado como "es_gris.bmp". Color indexado. Menú Herramientas --> Herramientas de color --> Colorear. No modificamos ningún valor y hacemos clic en Aceptar . Después accede a Menú Imagen --> Modo --> Indexado y selecciona Generar paleta óptima y en las opciones de difuminado elige Ninguno. Exporta el resultado como "col_index.bmp". Color indexado. Menú Imagen --> Modo --> Indexado --> Generar paleta óptima y nº máximo de colores 10. Exporta el resultado como "col_index_10.bmp". Color RGB. Sin realizar ninguna modificación a la imagen. Exporta el resultado como "col_rgb.bmp". Compara el tamaño en disco de cada uno de los archivos. Consigue la imagen, haz clic en ella; se abrirá una nueva ventana y allí encontrarás la imagen a un mayor tamaño. En esa nueva ventana haz clic con el botón derecho del ratón y en el menú contextual que aparece eligeGuardar imagen como.... Guarda la imagen en la carpeta que has creado para el curso.
Imagen
Tercera: Remuestreo al alza y a la baja Realiza un remuestreo de la imagen, que puedes obtener más adelante, a la baja mediante los siguientes pasos:
1. Abre la imagen en GIMP mediante Archivo --> Abrir --> "ejercicio3.jpg". 2. Barra de menú de GIMP: Imagen --> Escalar la imagen...
3. En el cuadro de diálogo que se abre pon como Anchura nueva 150 píxeles y haz clic en Aceptar . 4. Exporta la imagen como "a_la_baja.jpg". Sobre la imagen obtenida realiza un remuestreo de la imagen al alza mediante los siguientes pasos:
1. Barra de menú de GIMP: Imagen --> Escalar la imagen...
2. En el cuadro de diálogos que se abre pon como Altura nueva 400 píxeles y haz clic en Aceptar . 3. Exporta la imagen como "al_alza.jpg". Abre la imagen "ejercicio2_3.jpg" y compárala con la imagen "al_alza.jpg".
Imagen
Cuarta: Escaneado e impresión Realiza el escaneado de una fotografía en papel con un tamaño de 10x15 para obtener una impresión en tamaño A3, tal y como se explica en la Práctica guiada 2 de este módulo.
GIMP, aplicaciones didácticas. Utilizando capas para componer imágenes
Ministerio de Educación. ITE |GIMP, aplicaciones didácticas.
GIMP, aplicaciones didácticas
Las capas Los elementos más importantes en el tratamiento de una imagen digital con las capas. Ellas nos van a permitir modificar partes de la imagen sin destruir el original; hacer transparentes algunas zonas de la imagen; combinar los píxeles de una capa con la inferior y obtener una imagen diferente. En definitiva las capas son importantísimas en el tratamiento digital de imágenes.
Programa
Objetivos Conocer la Ventana de Capas de GIMP y localizar las herramientas relativas a las Capas. Componer imágenes utilizando diferentes fuentes que proporcionan las capas: fotos digitales, textos, transparencias, etc. Utilizar las capas para componer diferentes imágenes útiles para la tarea docente.
Contenidos ¿Qué son y para qué sirven las capas en GIMP? La Ventana Capas. Herramientas para trabajar con capas. Crear imágenes formadas por capas. Combinar capas. Componer imágenes.
Las capas en GIMP Hemos trabajado con imágenes en GIMP y las hemos guardado en diferentes formatos. Hemos hecho modificaciones y, en alguna ocasión, hemos mencionado las capas. Muchas de las posibilidades de modificación de imágenes que tienen los programas de tratamiento digital se basan en el funcionamiento del sistema de capas. Las capas permiten hacer cambios que no afecten a la imagen de partida y hacer modificaciones a pequeñas partes de la imagen, pudiendo deshacer los cambios y comprobar los efectos sobre una capa o sobre un grupo de ellas.
¿Qué son las capas?
1
Para comprender el funcionamiento de las capas vamos a crear una imagen para observar sobre ella la disposición de las capas. Abre GIMP y accede a la barra de menús de la Ventana Imagen. Elige el menú Archivo --> Crear --> Logotipos --> Cromado flipante. En la ventana que se muestra, modifica algunos de los parámetros que aparecen:
Texto: Pon "El GIMP" en lugar de "GIMP". Tamaño de la tipografía (píxeles): Escribe 80. El resto de parámetros déjalos tal y como aparecen. Presiona Aceptar y GIMP se pone a trabajar hasta que nos muestra una Ventana imagen conteniendo una imagen similar a la siguiente:
Observa la Ventana Capas - Pinceles. Puedes ver que el atajo que has utilizado para formar esta imagen ha creado varias capas. En la imagen se observa que la denominada “Chrome” está seleccionada (está en vídeo inverso con respecto al resto de capas). Puedes seleccionar cualquier capa simplemente haciendo clic sobre su nombre o sobre la imagen en miniatura que se muestra a la izquierda del nombre.
Las capas se asemejan a hojas de acetato transparente que se superponen para componer, juntas, una nueva imagen. Podemos tratar cada acetato, en este caso cada capa, de forma independiente e ir obteniendo distintas imágenes con su combinación. Pero en GIMP las posibilidades de modificar las capas son mucho mayores que las que tiene un acetato: se pueden cortar, cambiar de tamaño, alinear, añadir máscaras, cambiar su posición, mover, aplicar diferentes filtros o tener diferente grado de opacidad-transparencia, etc. La imagen que creamos en GIMP se compone de lo que cada acetato deja ver , porque en cada capa podemos tener condiciones distintas. Puede que una capa sea transparente en algunas zonas y nos deje ver lo que hay debajo de ella; las zonas opacas no dejarán ver lo que hay debajo y podemos crear Máscaras de capa que permitirán ver unas zonas de una capa y otras no, o podemos utilizar modos de combinación de una capa con la inmediatamente inferior… Podemos hacer muchas cosas con las capas y en este módulo vamos a aprenderlo.
2
El observador se sitúa en la parte superior y cada una de las capas nos permite ver algo de las inferiores. La imagen que observamos es la combinación de todas las capas que forman esa imagen.
Ventana Capas Cuando abrimos Gimp, la ventana que se sitúa a la derecha de nuestra pantalla es el lugar donde se gestionan las capas para todas las imágenes que tengamos abiertas. En caso de que hayamos cerrado de forma independiente esta ventana, para poder mostrarla de nuevo debemos acceder al menú Ventanas --> Empotrables cerrados recientemente --> Capas, Canales, Rutas, Deshacer Pinceles.
Zonas en la Ventana Capas: 3
1 - Selección de imágenes. Si tenemos varias Ventanas Imagen abiertas, podemos elegir la imagen sobre la que trabajaremos. 2 - Pestañas de las ventanas Capas, Canales, Rutas y Deshacer . Por defecto queda seleccionada la pestaña Capas, que es con la que vamos a trabajar. 3 - Zona donde se mostrarán las capas que existan y las que vayamos creando en nuestra imagen. Cada capa tiene un icono de un ojo que nos indica que la capa es visible; una simulación del contenido de la capa y un nombre que podemos cambiar. 4- Los botones específicos de la ventana Capas nos permiten (de izquierda a derecha) crear una nueva capa, cambiar el orden de apilamiento de las capas, hacer una copia de la capa activa, fijar una capa y eliminar capa. Vamos a analizar detenidamente esta ventana porque la vamos a utilizar muy a menudo y es necesario conocerla a fondo.
Pestaña Capas. Para acceder a la Ventana Capas. Pestaña canales. Para acceder a la Ventana Canales. Pestaña Rutas. Para acceder a la Ventana Rutas. Pestaña Deshacer . Para acceder a la Ventana Deshacer. Barra de la ventana. Nos indica el nombre de la ventana y nos permite mover la ventana por la pantalla del ordenador. También tiene los botones para Minimizar , Maximizar y Cerrar la ventana. Nombre de la imagen activa. Para acceder a las diferentes imágenes que tengamos abiertas en GIMP. Nos muestra las características de la imagen activa. Cuando aparece el botón Auto indica que aparecerán las capas de la imagen que tengamos activa.
4
Modos de combinación. Nos permite acceder a los diferentes modos de combinación de unas capas con otras. Por defecto nos ofrece la opción Normal. Bloqueo de transparencia . Bloquea los píxeles transparentes de la capa seleccionada. Pestaña propiedades de la solapa. Para modificar algunas propiedades de la solapa Capas y que aparezca el menú de Capas. Control de opacidad . Opacidad de la capa. Por defecto nos muestra el valor 100, total opacidad de la capa seleccionada.
Paleta de Capas. Lugar donde se colocan las capas para tener un mejor control de las características de cada una. Capa activa. Capa seleccionada para aplicar cualquier herramienta o modificación sobre ella. Nombre de la capa. Al crear la capa podemos elegir el nombre o editarlo posteriormente. 5
Icono capa enlazada. Une dos o más capas para moverlas de forma conjunta sobre la imagen. Icono capa visible. Hace visible o invisible una capa presionando sobre el icono en forma de ojo. Imagen miniatura de la capa. Muestra una imagen en miniatura del contenido de la capa en nuestra imagen.
Botones de edición de Capas. Iconos de acceso directo a la edición de Capas. A continuación se explica la utilidad de cada botón, de izquierda a derecha. Capa Nueva. Haciendo clic en este botón GIMP nos da acceso a la creación de una nueva capa. Grupo de capas. Nos permite crear una carpeta para incluir en ella un grupo de capas y organizar mejor las capas cuando éstas son muy numerosas. Mover la capa. La capa seleccionada sube o baja, de acuerdo con el botón seleccionado, en la paleta de capas. Duplicar la capa. Crea una copia exacta de la capa seleccionada (activa) . Anclar la capa. Normalmente este icono aparece desactivado. Permite añadir una parte de una imagen a una capa ya existente. Borrar capa. Borra la capa seleccionada. La capa desaparece de la capa de herramientas. También podemos arrastrar una capa desde la Paleta de capas al icono de la papelera y quedará borrada. Si presionamos en el icono correspondiente a Capa nueva, se creará una nueva capa, sobre la que debemos decidir su nombre, anchura, altura y tipo de relleno. Aparece una Ventana con el título Capa nueva.
6
En este caso el nombre de la capa es "Nueva capa", con un tamaño de 254 x 369 píxeles y el relleno es Transparente. Una vez que haces clic en Aceptar , la nueva capa se muestra en la Ventana Capas - Pinceles, en la Paleta de Capas. Tienes un nuevo acetato sobre el que poder trabajar.
Trabajando con capas En este apartado vamos a trabajar sobre imágenes digitales usando las Capas. Podrás comprobar la gran potencia que, las capas, proporcionan a un programa de tratamiento de imágenes digitales.
Creando una imagen con capas
1. Con GIMP abierto accede a la Ventana Imagen y selecciona Archivo --> Nuevo. Crea una imagen nueva de 350 x 250 píxeles, en modo RGB y con fondo blanco. Además, tendrá cuatro capas, una de fondo con color blanco y otras tres con fondo transparente y que nos servirán para rellenar con colores distintos. La primera capa ya viene incluida al crear la nueva imagen, las otras tres la vas a ir creando desde la imagen. 2. En la Ventana Capas haz doble clic sobre la imagen en miniatura de la capa "Fondo", en la ventana que aparece cambia el nombre por el de "Fondo blanco" y presiona la tecla Enter .
7
3. Por defecto, las dimensiones de una capa nueva son iguales a las de la imagen con la que estamos trabajando, pero podemos crearlas más grandes o más pequeñas. Para crear una nueva capa haz clic con el botón derecho del ratón sobre la capa que existe en la Paleta de capas y en el menú contextual que aparece elige Capa nueva..., pon un tamaño de 200x200 píxeles y relleno transparente a esta nueva capa. Después pulsa Aceptar . 4. En la Ventana Capas haz doble clic en "Capa nueva" y cambia el nombre por "Capa azul". 5. Observa que en la Ventana Capas encuentras las dos capas creadas, "Fondo blanco" y "Capa azul". Si seleccionas esta última, en la Ventana imagen se muestra con una zona cuadrada delimitada por una línea discontinua, que marca el tamaño y posición de la capa.
6. Rellena la nueva capa de color azul. Selecciona la "Capa azul" en la Paleta de capas.
7. En la Ventana de herramientas haz clic en el color de primer plano
e introduce en la Ventana de 8
selección de color el valor hexadecimal 0b10b7 (azul) en el apartado Notación HTML. Pulsa Aceptar .
8. Ahora en la Caja de herramientas elige el cubo (rellenar con un color o patrón)
y haz clic en la Ventana
imagen dentro de los límites que marcan el tamaño de la "Capa azul". De esta forma has rellenado la capa con el color azul. Si no has conseguido rellenar de azul la capa deberás hacer algunos cambios en las Opciones de la herramienta. En concreto, deberían estar marcadas las opciones Relleno con color de frente y Rellenar la selección completamente.
9. Antes de continuar creando otras capas, guarda el trabajo como "capas.xcf", formato de GIMP, que te permitirá seguir trabajando con capas aunque cierres y vuelvas a abrir la imagen sobre la que estás trabajando.
Rellenar con un color o con un patrón
Herramienta Rellenar con color o patrón Habitualmente se conoce como bote de pintura porque permite rellenar con color sólido o con un patrón las zonas seleccionadas de una capa. Esta herramienta tiene tres opciones de relleno: Relleno con color de frente. Relleno con color de fondo. Relleno con patrón.
Puedes seleccionar el color desde la paleta de colores de GIMP, así como aplicar al relleno de color sólido un porcentaje de opacidad y un modo de combinación del relleno similar a los modos de combinación de las capas. Los patrones para rellenar pueden ser elegidos haciendo clic en el selector de Patrones de la Ventana Capas - Pinceles o 9
desde las opciones de las herramientas en el botón Patrón. Presionando Mayús, a la vez que haces clic sobre una parte de la imagen o sobre una selección, accedes, de forma alternativa, a rellenar las zonas de la imagen, que tengan colores similares al del píxel donde has hecho clic o a rellenar completamente de color o patrón toda la capa o la zona seleccionada. Al seleccionar la opción Rellenar colores similares se activa la posibilidad de rellenar las zonas transparentes de la imagen, eligiendo un umbral de similitud de colores.
Trabajar sobre una copia de capa Otra forma de crear una capa es hacer copias de una ya existente. La copia de la capa hereda todas las características de la capa copiada: es exactamente igual.
Haz clic en el icono Duplicar capa
situado en la parte inferior de la ventana Capas y obtienes una nueva capa llamada "Copia
de Capa azul". Renómbrala como "Capa roja" y rellénala de este color cc0d0a (rojo) de la misma forma que has rellenado la capa "Capa azul". Observa cómo queda la Ventana Capas tras rellenar de color rojo la nueva capa.
Observa, en la Ventana Imagen, que la nueva capa "Capa roja" oculta la "Capa azul". Por lo que vas a mover la "Capa roja" hacia la derecha. Antes de nada hay que comprobar que en la Ventana Capas tienes seleccionada la "Capa roja". Después elige la herramienta Mover
en la Caja de herramientas de GIMP y haz clic en cualquier parte de la Ventana imagen para
activarla. Puedes mover la capa tanto arrastrándola con el ratón como con las flechas del teclado (es más preciso). Si pulsas la flecha derecha (tecla), la capa se moverá un píxel a la derecha. Si a la vez mantenemos presionada la tecla Mayúsculas, se moverá 10 píxeles siempre que la vista de la imagen sea 100%. Pulsa seis veces la flecha derecha teniendo presionada la tecla Mayúsculas, hasta que la "Capa roja" llegue al borde derecho de la imagen, tal y como se observa en la imagen.
10
Crea una nueva capa de la misma forma que has creado la "Capa azul" y la llamas "Capa verde". Rellena esta capa con el color verde que tiene el valor hexadecimal 349906 para situarla en el lugar que se observa en la imagen.
Haz clic con el botón derecho, en la Ventana Capas, sobre cualquiera de las capas creadas. Elige la opción New Layer Group (Nuevo grupo de capas). Cambia el nombre que GIMP pone por defecto, "Layer Group", por "Capas de colores".
Ahora vas a meter dentro de este grupo de capas todas la capas que hemos ido creando ("Capa azul", "Capa Roja" y "Capa verde"). Observa cómo debes arrastrar las diferentes capas en la siguiente animación.
11
Selecciona el grupo de capas denominado "Capas de colores". Utiliza la herramienta Mover
y observa cómo se mueven las tres
capas a la vez. Desplaza las capas veinte píxeles ( Mayúsculas + flecha arriba) para obtener:
Guarda la imagen para no perder el trabajo.
Transparencias de capa Ahora vamos a proporcionar un grado diferente de transparencia a cada una de las capas.
12
1. Selecciona la "Capa azul" y pon un 60% de opacidad utilizando el botón deslizante Control de opacidad. 2. Ahora selecciona la "Capa roja" y establece un 50% de transparencia. 3. Después con la "Capa verde", en este caso con un 40%. Obtendrás algo similar a la siguiente figura:
4. Guarda la imagen como "Capas transparentes.xcf".
Cambiar y mover capas La primera toma de contacto con las capas nos ha permitido descubrir muchas de las posibilidades que tienen para el tratamiento de imágenes digitales. Pero las capas tienen zonas opacas que tapan el contenido de las que están situadas debajo y puede parecer que la potencia de las capas desaparece. Las capas situadas en la Pila de capas pueden moverse a un lugar superior o inferior, cambiando el aspecto de nuestra imagen con una sola operación. Y puedes mover una capa dentro de una imagen para situarla de forma que las capas superiores no tapen su contenido. Vamos a probar estas posibilidades.
13
Cambiar el orden de apilamiento 1. Si has cerrado GIMP, ábrelo de nuevo y accede al menú Archivo --> Abrir reciente y en él aparecerán los últimos archivos editados con el programa. Elige "Capas transparentes.xcf".
2. Las capas se sitúan unas encima de otras como hojas de acetato superpuestas. La imagen que ves en la pantalla es la que se observa si miras este conjunto de capas desde arriba. Para cambiar el orden de apilamiento de las capas y poder obtener una imagen diferente, debes ir a la Ventana Capas y utilizar los botones que permiten cambiar el orden de apilamiento:
3. Para poder comprobar correctamente el comportamiento de estos botones, pon a todas las capas una opacidad del 100%.
4. En la Ventana Capas selecciona la "Capa verde" y haz clic en el botón
para bajar la capa un lugar. Luego, selecciona la
14
"Capa azul" y haz clic en el botón
para subir la capa un lugar.
5. Si accedes al menú de la Ventana Imagen --> Capa --> Pila puedes ver las distintas posibilidades que tienes: Elevar capa, Bajar capa, Capa a la cima (poner arriba del todo) y Capa al fondo (poner capa como fondo).
Es posible cambiar las capas a cualquier posición salvo bajo la llamada "Fondo blanco", ya que no tiene un canal alfa, es decir, no tiene transparencia alguna y esta capa siempre se sitúa debajo de todas porque, en caso contrario, taparía completamente las capas que estén debajo de ella. 6. Si necesitaras mover la capa "Fondo blanco", antes deberías añadir un canal alfa a esta capa. La capa de fondo no dispone de canal alfa que consiste en la posibilidad de dotar de transparencia a la capa. Para ello la selecciona en la Ventana Capas, la capa denominada "Fondo blanco" y haz clic con el botón derecho del ratón sobre ella, elige Añadir canal alfa. A partir de este momento puedes colocar capas debajo de "Fondo blanco" o subir esta capa a otros lugares en la pila de capas, además de proporcionar un grado de transparencia a dicha capa.
15
Mover el contenido de las capas Además de cambiar el orden de apilamiento de las capas, podemos moverlas sobre la superficie de la imagen tal y como hemos hecho al crear las capas. Mover capas es muy sencillo y para hacerlo vamos a seguir trabajando con el mismo archivo: "Capas transparentes.xcf".
Vas a usar la herramienta Mover
en la Ventana Imagen. Recuerda que está situada en la Caja de herramientas de
GIMP.
1. Selecciona en la Ventana Capas la capa que vas a mover: "Capa azul". Ahora puedes moverla pero... ¡cuidado!, si en la Ventana Imagen haces clic en una parte de la imagen no ocupada por la "Capa azul", quedará seleccionada en la Ventana Capas la capa a la que corresponda el píxel donde hayas hecho clic. Para actuar sólo en la capa seleccionada en la Ventana Capas, debes mantener presionada la tecla Mayúsculas mientras aprietas el botón izquierdo del ratón al hacer clic y arrastras la capa por la Ventana Imagen.
16
2. También puedes mover la capa seleccionada en la Ventana Capas con las flechas del teclado. Cada pulsación equivale a un píxel de desplazamiento en la Ventana Imagen. Si mantienes presionada la tecla Mayúsculas conseguirás que el movimiento sea de diez en diez píxeles.
3. Guarda el trabajo como "Capas transparentes2.xcf".
Poner guías Las Guías son herramientas de ayuda para la alineación de objetos en la Ventana imagen, ya sean capas, selecciones o textos. Abre el archivo "Capas transparentes2.xcf". Observa que en la Ventana imagen existen unas reglas (horizontal y vertical) que en la siguiente imagen aparecen marcadas y que se sitúan por encima y a la izquierda de la imagen.
Para poner una guía: 1. Haz clic con el botón izquierdo y mantenlo pulsado sobre una de las reglas. 2. Arrastra hasta la posición donde quieras colocar la regla. 3. Libera el botón del ratón.
17
Vas a colocar cuatro Líneas Guías en la Ventana Imagen: tres verticales en los puntos que marcan 20, 40 y 60 píxeles y una horizontal en el punto que marca 40 píxeles, tal y como se observa en la figura. Tienes dos formas de colocar Líneas Guías en los puntos citados: una es la que se comenta más arriba y la otra se consigue accediendo al menú Imagen --> Guías --> Guía nueva, e indicando si la guía es horizontal o vertical y el píxel en que estará situada contando desde arriba ( horizontal) o desde la izquierda (vertical).
Las Guías se representan mediante líneas discontinuas y puedes poner todas las que necesites. Para quitar una Guía simplemente debes colocarte encima de ella con el puntero del ratón y arrastrarla fuera de la Ventana imagen; automáticamente desaparecerá. Vamos a servirnos de las Líneas guías para colocar las capas de nuestra imagen y dejarlas alineadas. Selecciona la "Capa Verde". Esta capa no puede encontrarse dentro del grupo de capas llamado "Capas de colores"; si es así lo que ocurrirá al intentar mover la capa verde es que se moverán todas las capas que estén incluidas en el grupo "Capas de colores". Saca del grupo la "Capa verde" y selecciona la herramienta Mover y arrastra la capa hasta que su esquina superior izquierda llegue a la intersección de la primera guía vertical y la horizontal. Observa cómo al llegar a la línea guía nuestra capa se pega a las guías, es atraída por ellas. Los bordes de la capa quieren unirse por sí mismos a la guía. La imagen queda tal y como observamos en la figura:
Selecciona la "Capa azul", saca del grupo esta capa y con la herramienta Mover puedes arrastrarla hasta que coincida su esquina superior izquierda con la intersección de la segunda guía vertical y la horizontal.
18
Por último seleccionada la "Capa roja" y con la herramienta Mover , arrastra hasta que coincida su esquina superior izquierda con la confluencia de la guía vertical situada a 60 píxeles con la guía situada a 40 píxeles horizontal. Obtienes la siguiente composición:
Guarda la imagen como "capas transparentes3.xcf". Habrás observado que al acercar la capa a la Línea Guía, es atraída. Este efecto de atracción de las Guías puede desactivarse seleccionando, después de hacer clic en el Menú de la Ventana Imagen, Vista --> Ajustar a las guías.
Desaparecerá la atracción de las Guías y podrás utilizarlas exclusivamente como referencia. También puedes hacer que desaparezcan momentáneamente las Líneas Guías haciendo clic en Vista --> Mostrar guías. Este cambio sólo afecta a la Ventana Imagen activa. Cuando necesites de nuevo las guías debes volver a seleccionar esta opción y aparecerán en el lugar en el que estaban.
Usar capas de una imagen en otra 19
Las posibilidades de las capas no terminan en su uso dentro de una imagen. Si tienes una capa dentro de una imagen que te parece interesante y quieres utilizarla en otra imagen, podrás hacerlo de forma sencilla usando la opicón Editar --> Copiar y, posteriormente y en otra imagen, la opción Editar --> Pegar . También podrás mover capas, de una imagen a otra, utilizando un simple movimiento de Arrastrar y Soltar .
Utilizar capas flotantes La capa flotante es un tipo especial de capa. Este tipo de capas aparecen cuando una selección de una capa (parte de una imagen) es pegada sobre otra. Sólo podemos tener activa una capa flotante y, antes de continuar trabajando con la imagen, debemos decidir qué hacer con ella: bien convertirla en una nueva capa en la parte superior de la pila de capas o bien adherirla a la capa superior haciendo que forme parte de ella en una sola capa. Si hacemos esto último, los píxeles de la capa flotante sustituirán a los de la capa sobre la que se adhieren, con lo que perdemos la posibilidad de seguir trabajando con los píxeles sustituidos. Vamos a realizar un nuevo ejercicio para comprender la creación y funcionamiento de las capas flotantes. 1. Pulsa las teclas Ctrl+N (o menú Archivo --> Nuevo...) para obtener una imagen nueva usando el tamaño de 256x256 píxeles y el resto de valores serán los predeterminados. La nueva imagen tiene una sola capa llamada "Fondo".
2. Duplica esa capa teniéndola seleccionada y pulsando el botón correspondiente
o haciendo clic con el botón derecho del
ratón y eligiendo Duplicar Capa. Llama a esta segunda capa "Duplicada". 3. Crea una nueva capa. Para ello haz clic con el botón derecho del ratón sobre la paleta de capas y elige Capa nueva..., y con un tamaño de 50x50 píxeles con el nombre "Pequeña". Después pulsa Aceptar .
4. Ahora selecciona la capa "Duplicada" y con la herramienta Rellenar con un color
seleccionada, haz clic en la Ventana
Imagen. Observa cómo se rellena toda la imagen del color que tengas seleccionado en la paleta de color como color de primer plano.
5. Elige la herramienta Selección rectangular
y, en la Ventana Imagen, haz clic en la parte superior izquierda de la
imagen y arrastra hacia la parte inferior derecha. Has creado una selección rectangular delimitada por una línea discontinua y con cuatro cuadrados, cada uno en una esquina; si no has realizado correctamente la selección puedes situarte en cualquiera de esos cuadrados y ampliar o reducir la zona elegida. Si la zona seleccionada es correcta debes presionar la tecla Enter (Intro) del teclado y la selección será definitiva. Lo sabrás porque aparece delimitada por una línea discontinua que parece moverse (llamada de hormigas en marcha ), tal y como puedes observar en la siguiente animación.
20
6. De esta forma has realizado una selección de parte de una capa. Ahora vas a cortar esa selección. Cortar una selección es lo mismo que si coges una cuchilla y cortas, en un papel, por la línea marcada, te quedará un agujero en el centro que permitirá ver, a través de él, la capa de abajo. Para cortar esa selección puedes hacerlo de varias formas, pero vas a utilizar la más sencilla. Accede al menú de l a Ventana imagen --> Editar --> Cortar . Te quedará algo similar a la imagen que ves a continuación.
GIMP ha cortado la imagen y ese trozo cortado de imagen se mantiene en el portapapeles. En la imagen aún se mantiene la línea discontinua en movimiento que nos muestra la zona de la imagen que está seleccionada, debes quitar esa selección: Menú Seleccionar --> Ninguno. Accede de nuevo al menú Editar y selecciona la opción Pegar . Se crea una capa nueva llamada "Selección flotante (capa pegada)" y que puedes observar en la Ventana de Capas. Puedes mover esta capa en la Ventana Imagen con la herramienta Mover
. Coloca la Capa flotante en la parte superior izquierda de la Ventana imagen.
7. Si haces clic con el botón derecho sobre el icono de la capa flotante en la Ventana Capas "Selección flotante (capa pegada)" y eliges la opción Capa nueva..., se transforma automáticamente en una capa nueva llamada "Capa pegada" (puedes cambiar el nombre posteriormente). En el centro de la capa "Duplicada" ha quedado un rectángulo vacío que se corresponde con la selección que se ha pegado en la nueva capa. 8. Guarda la imagen como "flotante.xcf"
Copiar capas de una imagen a otra Podemos hacer tantas selecciones como queramos y convertirlas en capas nuevas, y también pegar, como una nueva capa (a través de 21
capas flotantes), selecciones realizadas en otra Ventana Imagen: 1. En la Ventana imagen accede al menú Crear --> Logotipos --> Contorno 3D. Modifica únicamente el tamaño de la tipografía e introduce un valor de 40. Pulsa Aceptar . Obtienes esta imagen formada por las capas que se observan:
2. Vas a llevar la capa "Pattern" a la imagen en la que estábamos trabajando con la capa flotante. 3. En la Ventana Capas selecciona la capa "Pattern", después en la Ventana imagen, haz clic con el botón derecho del ratón, elige Seleccionar --> Todo, y haz una copia (Ctrl + C) o Editar --> Copiar . Ahora en la Ventana de la imagen "flotante.xcf" accede al menú Editar--> Pegar. Observa que se ha creado una nueva capa flotante. Si haces clic con el botón derecho del ratón sobre la capa flotante y eliges Capa nueva..., pasa a denominarse "Capa pegada" y obtendrás la siguiente imagen:
4. Otra forma de obtener este mismo resultado, es hacer clic sobre la capa llamada "Pattern" en la imagen creada con Logotipos y arrastrarla a la Ventana imagen de "flotantes.xcf". Automáticamente se crea en la imagen "flotantes.xcf" una nueva capa denominada "Copia de Pattern". Puedes comprobarlo en el vídeo que tienes a continuación.
22
5. Para terminar este ejercicio, mueve la "Capa pegada" para situarla tal y como se muestra en la figura. También puedes rellenar de color rojo la capa "Pequeña" y guarda el resultado como "Flotante.xcf"
Transformar capas Cada capa que utilicemos en nuestras imágenes puede ser transformada con diversas herramientas. El acceso a las herramientas de transformación de capas se sitúa en la paleta de Capas de la Ventana capas (haciendo clic derecho sobre una capa seleccionada) y en el menú Capa de la Ventana Imagen.
Para aprender a utilizar las distintas opciones construiremos una imagen con diferentes capas utilizando las dos imágenes que puedes obtener a continuación y que puedes guardar en tu disco duro en una carpeta llamada "Módulo 3" por medio del procedimiento habitual: Haz clic sobre cada una de las imágenes, se abrirán en una nueva ventana y desde ella debes hacer clic derecho sobre la imagen y elegir la opción Guardar imagen como... Estas imágenes se denominan " transformar1.jpg" y "transformar2.jpg" 23
Imágenes para trabajar con las capas
transformar1.jpg
transformar2.jpg
1. Abre GIMP, selecciona Archivo --> Nuevo y da a la nueva imagen un tamaño de 900 píxeles, tanto de alto como de ancho. Ahora abre desde GIMP las dos imágenes que vas a utilizar en la composición: "transformar1.jpg" y "transformar2.jpg". Desde la Ventana Capas- Pinceles de cada una de las imágenes abiertas, arrastra la única capa que existe hasta la Ventana Imagen de la nueva imagen creada, quedando su Ventana Capas tal y como se observa en la figura:
2. Ahora tienes una imagen con tres capas: la capa "Fondo" (en color blanco); otra a la que debes renombrar como "iglesia" y una tercera que renombras como "edificio". Guarda el trabajo como "Composicion.xcf". Observa que en las miniaturas de las capas recién creadas se observa una zona en negro alrededor de la imagen. Es debido a que estas capas no disponen de canal alfa, canal que permite tener zonas transparentes en una capa. Para dotar de esa canal alfa a las dos capas recién creadas debes seleccionar cada una de ellas y elegir la opción Añadir canal alfa que aparece en el menú contextual que aparece al hacer clic derecho sobre la miniatura de la capa en la Ventana Capas. 3. Antes de continuar, haz tres copias de la Ventana Imagen que acabas de guardar, para poder probar cada una de las opciones de transformación de capa, partiendo siempre de la misma imagen. Para ello pulsa Ctrl + D tres veces y verás cómo se crean tres Ventanas imagen conteniendo la misma imagen y las mismas capas que las que tiene la imagen "Composicion.xcf". 4. Tamaño de borde de capa. En la imagen con la que estás trabajando debes tener tres capas. Teniendo seleccionada la capa "iglesia" observa que alrededor de los bordes de esta imagen hay una línea discontinua que muestra los límites de la capa. Con la capa "iglesia" seleccionada, haz clic en el menú Capa --> Tamaño de borde de capa.
24
5. GIMP muestra esta ventana en la que podemos ver el tamaño original de la capa (en este caso 621x800) y donde podemos introducir el nuevo tamaño. Para que ocupe toda la imagen, cambia a 900 píxeles la altura y automáticamente la anchura toma un valor de 699 píxeles, dado que la Relación está en 1:1. Si quieres una transformación libre deberás pulsar sobre los eslabones, y así modificar la altura y anchura a tu antojo. La parte denominada Deslizamiento muestra cómo quedará la capa antigua con las nuevas dimensiones. Más abajo observas la simulación de la capa primitiva sobre la nueva. Esta zona es interactiva, de tal forma que puedes moverla con el ratón para colocar la imagen dentro del nuevo tamaño de la capa. Haz clic en Redimensionar .
25
Observa la línea discontinua que marca los nuevos límites de la capa. 6. Capa a tamaño de imagen. Minimiza la anterior Ventana Imagen y activa una de las copias obtenidas anteriormente. Teniendo seleccionada la capa "iglesia" y haciendo clic derecho sobre ella elige la opción Capa--> Capa a tamaño de imagen. La capa "iglesia" toma el tamaño de la imagen, en este caso aumenta a 900x900. Se crean píxeles transparentes en las zonas no ocupadas por la imagen de la iglesia.
26
Observa los límites de la capa "iglesia". 7. Escalar capa. Minimiza la anterior Ventana Imagen y activa la copia que queda de las realizadas al inicio. Teniendo seleccionada la capa "iglesia" y haciendo clic derecho sobre ella, elige la opción Capa--> Escalar capa, así tendrás la posibilidad de elegir el nuevo tamaño de la capa.
8. Cambia los valores que muestra la ventana por los que ves en la anterior imagen: 900 píxeles la altura para que ocupe toda la imagen, por lo que su anchura pasa a tener 699 píxeles, dado que la Relación es de 1:1. Si quieres realizar una transformación libre hacer clic sobre los eslabones. Al hacer la capa más grande, la imagen de la iglesia queda un poco distorsionada, puesto que el programa ha creado, por interpolación, píxeles donde antes no había nada. Cuando aumentamos el tamaño de una capa perdemos nitidez, por lo que es más aconsejable reducir que ampliar; en este caso, 27
al no ser una ampliación muy grande, no perdemos excesiva nitidez.
9. Rotar una capa. Activa la última copia. Si haces clic derecho sobre la Ventana imagen y seleccionas Capa --> Transformaciones, observas que tienes cuatro posibilidades de rotación: 90 grados (sentido horario), 180 grados y 90 grados (sentido antihorario) y Rotación arbitraria. Realiza una rotación de la capa "iglesia". En la imagen se muestra el resultado de una Rotación arbitraria de 45º.
28
10. Accede a cada una de las Ventanas Imagen utilizadas y guárdalas como "transforma_1.xcf", "transforma_2.xcf", "transforma_3.xcf" y "transforma_4.xcf
Combinar capas Hasta el momento hemos visto que las capas son como láminas de acetato que se superponen. Las capas superiores dejan ver lo que hay en las inferiores a través de sus zonas transparentes. Pero no nos quedaremos ahí. Una capa puede combinarse visualmente con las que están debajo de ella atendiendo a diferentes modos de combinación y a las características de los píxeles de cada capa. Para comprender los Modos de Combinación de las capas vamos a realizar un ejercicio partiendo de una imagen preparada para este ejercicio. Está compuesta por dos capas que puedes ver a continuación. Las capas están nombradas como "respiradero" y "nubes". Puedes obtenerla haciendo clic con el botón derecho del ratón sobre el siguiente enlace CAPAS y seleccionando Guardar destino como...
29
Modos de combinación Abre con GIMP el archivo que acabas de obtener "unidad3_01.xcf". Para aplicar un efecto del modo de combinación de una capa, primero debemos tenerla seleccionada. El modo de combinación de las capas se ajusta en la zona de la Ventana Capas marcada en la siguiente figura.
Vas a utilizar los distintos Modos de Combinación de capas para ir comprobando su funcionamiento. A continuación se muestran las posibilidades de cada modo cuando se aplican sobre las dos capas que tiene la imagen, llamadas "respiradero" y "nubes". Usando el Modo de Combinación que por defecto usa GIMP, es decir el modo Normal, la imagen obtenida es la siguiente:
30
Los píxeles de la capa superior reemplazan a los píxeles de las capas inferiores. Es el Modo de Combinación de capas por defecto. La capa superior cubre las capas que están por debajo. Para ver algo por debajo de la capa superior, la capa debe tener áreas transparentes. Alrededor del respiradero hay zonas transparentes que dejan ver lo que contiene la capa inferior.
Disolver: Añade agujeros de forma aleatoria en la capa activa en las zonas de baja opacidad (bordes). Es especilamente visible en los bordes de la imagen.
Clarear solo: Reemplaza los valores de los píxeles por los valores máximos de las dos capas.
31
Pantalla: La capa activa da luminosidad a la composición. Cuanto más oscuro es el píxel, menos efecto tiene.
Blanquear: Incrementa la exposición en áreas de la imagen. Esto hace que aparezcan detalles en las sombras.
Suma: Se suma el valor del píxel inferior con el píxel de la capa activa, el valor máximo que puede obtenerse es 255 (color blanco).
32
Oscurecer solo: Reemplaza los valores de los píxeles por los valores mínimos de las dos capas.
Multiplicar: La capa activa oscurece la composición. Cuanto más claros son los píxeles menos oscurecen. Cuando debajo hay blanco no se produce ningún efecto.
Ennegrecer: Tiende a oscurecer la imagen de modo similar al modo Multiplicar . Hace que aparezca detalle en las zonas claras.
33
Solapar: Los píxeles claros aclaran la composición y los oscuros la oscurecen.
Claridad suave: Es similar al modo Solapar . No tiende a hacer trazos suaves ni colores brillantes. La imagen aparece más transparente y con menos brillo.
Claridad fuerte: Se usa para combinar dos fotos y obtener colores brillantes y trazos definidos.
34
Diferencia: Es uno de los modos más espectaculares. Halla la diferencia entre los valores absolutos de los píxeles compuestos (todas las capas) y el píxel de la capa activa. Se observan las diferencias atendiendo a los píxeles que hay debajo de la capa activa.
Sustraer: Al píxel compuesto se le quita el píxel de la capa activa, con un valor mínimo de 0 (negro).
Extraer granulado: Los colores claros se convierten en oscuros y los oscuros en claros. Se sustituyen todos los colores.
35
Combinar granulado: Deja la capa más transparente.
Dividir : La capa activa da luminosidad a toda la combinación de capas con colores complementarios.
Tono: Cambio del color visible del píxel atendiendo a su tono. Sustituye el tono de los píxeles de la composición por el tono del de la capa activa.
36
Saturación: Crea un color resultante con la luminosidad y el tono del color base y la saturación del color de fusión.
Color : Los dos anteriores a la vez.
Valor : El color visible del píxel compuesto se aplica sobre el píxel de la capa activa.
37
Practicando la combinación Comprobemos la potencia de los Modos de Combinación de capas con un sencillo ejercicio. 1. Utilizando el archivo "unidad3_01.xcf" haz dos copias de la capa denominada "respiradero", y cambia su nombre por "respiradero1" y "respiradero2". 2. Ahora realizarás unas pequeñas modificaciones en las capas "respiradero1" y "respiradero". 3. Selecciona "respiradero" y marca Bloquear transparencia (casilla que se encuentra debajo de Opacidad).
4. A continuación, oculta (haciendo clic en el icono del ojo) todas las capas menos la activa y el fondo de las nubes. En el selector de color de primer plano de la Caja de Herramientas, pon el siguiente valor hexadecimal 5066e5 como color de primer plano.
5. Selecciona la herramienta Pincel
y pinta sobre la imagen que tienes en "respiradero". Observa que solamente se cambia
el color de la imagen del respiradero.
6. Desactiva Bloquear transparencia. Ahora vas a poner borrosa la imagen utilizando un filtro. Haz clic con el botón derecho del ratón sobre la imagen y selecciona Filtros --> Desenfoque --> Desenfoque Gaussiano. Introduce 20 como valor en Horizontal y en Vertical.
38
7. Mueve la capa "respiradero" hacia abajo y hacia la derecha, para ello elige la herramienta Mover y, tras hacer clic en la imagen, presiona cinco veces en el teclado la tecla flecha abajo y otras cinco veces la tecla flecha derecha. 8. Haz visible la capa "respiradero1", marca Bloquear transparencia. A continuación pinta con el Pincel de color f48d2c. Desactiva Bloquear transparencia. Y al igual que en el caso anterior aplica un filtro, en este caso Filtros --> Desenfoque --> Desenfoque de movimiento, elige el desenfoque lineal y como parámetros escribe 5 en longitud y 30 en ángulo. Después mueve la capa unos píxeles hacia abajo y otros tantos a la derecha.
9. Haz visibles las tres capas del respiradero y activa la denominada "respiradero2". Elige como Modo de Combinación para esta capa la opción Sustraer para obtener el siguiente resultado:
39
10. Prueba diferentes Modos de Combinación en las distintas capas.
Componer capas Construir la imagen El objetivo final de un trabajo con una imagen digital es imprimirla o mostrarla en la pantalla. Cuando construimos una imagen lo hacemos basándonos en las capas, el resultado será distinto según las capas que sean visibles y el modo de combinación elegido. Si queremos imprimir la imagen final debemos componer las capas, es decir, unirlas formando una sola capa, una vez unidas no se podrán distinguir las capas que formaban esa imagen. En otras ocasiones queremos mostrar las capas que forman esa imagen. La solución se encuentra en el uso del formato GIF, que permite ir mostrando una tras otra las capas que forman una imagen. Esta forma de ver las capas se denomina animación y va mostrando las capas siendo cada una un fotograma de una película. GIMP nos permite dos posibilidades diferentes para la composición de la imagen final, mezclar o aplanar , aunque en ambos casos conseguimos básicamente lo mismo: combinar las capas visibles en una sola.
Combinar capas Existen dos formas de mezclar las capas de una imagen: Combinar capas visibles y Combinar hacia abajo, ambas se encuentran en las opciones que aparecen en la Ventana Capas cuando hacemos clic con el botón derecho sobre una capa activa.
40
Vamos a utilizar estas opciones en una imagen que tenemos guardada: 1. Abre el archivo "capas transparentes2.xcf" que hemos utilizado en anteriores apartados. El orden en la pila de capas es el que se observa en la siguiente imagen.
2. Haz invisible la "Capa verde". Clic con el botón derecho sobre la capa activa ("Capa roja") y elige Combinar las capas visibles..., aparece la siguiente ventana:
41
Por defecto viene seleccionada la opción Expendida lo necesario, que es la que recomendamos utilizar para que no se queden fuera de nuestra imagen partes de las capas utilizadas. Observa que se crea una sola capa denominada "Fondo blanco " y que une todo lo que teníamos en las capas visibles. La capa aumenta de tamaño para poder albergar el contenido de las capas "Capa azul" y "Capa roja". Se mantiene como capa independiente la capa que no era visible. Esta acción es reversible si pulsamos Ctrl+Z (o Editar --> Deshacer ) y las capas vuelven a aparecer de forma independiente y en el mismo lugar en el que estaban. La operación Combinar capas visibles es conveniente realizarla cuando tenemos muchas capas y queremos unir algunas para trabajar de forma más cómoda. Guarda este trabajo como "capas mezcladas1.xcf". 3. Volvemos al punto de partida. Debes deshacer la última acción, Combinar capas visibles, para poder comparar los resultados con la otra forma de mezclar capas. Eleva "Capa verde" por encima de "Capa azul".
Selecciona la capa denominada "Capa roja", clic con el botón derecho del ratón sobre la capa activa y elige Combinar hacia abajo. Observa que se han unido las capas "Capa roja " y "Capa Azul ", tomando el nombre de esta última. La "Capa verde ", que se mantenía invisible, no se une con estas capas. Esta opción lo que hace es juntar la capa activa con la capa visible que se encuentre inmediatamente debajo de ella. Guarda el trabajo como "capas mezcladas2.xcf".
Aplanar la imagen Es el último de los pasos a realizar cuando queremos concluir el trabajo sobre una imagen o enviarla a la impresora. El resultado de este proceso llamado Aplanar imagen es la desaparición de todas las capas previas, fundiéndose en una sola y obteniendo una capa sin canal alfa. Por este motivo, es recomendable guardar previamente nuestro trabajo en el formato nativo de GIMP (XCF) con todas las capas separadas para poder seguir trabajando con ellas si fuera necesario. Recupera el archivo "capas transparentes2.xcf". Para realizar el aplanado de la imagen, debes hacer clic con el botón derecho del ratón sobre cualquier capa activa en la Ventana Capas y elegir Aplanar imagen. Observa que todas las capas se unen en una sola llamada "Fondo blanco " (o con el nombre que hayamos puesto a la capa del fondo). Guarda el trabajo como "capas mezcladas3.xcf".
42
Comparación de resultados Puedes abrir ahora los cuatro archivos que hemos utilizado para poder comparar la Ventana Capas de cada uno de ellos.
capas transparentes2.xcf Imagen sin mezclar ni aplanar capas.
capas mezcladas1.xcf Combinar capas visibles, excepto "Capa verde " que no es visible.
capas mezcladas2.xcf Combinar hacia abajo, siendo activa la capa "Capa roja " y no visible la capa "Capa verde ".
43
capas mezcladas3.xcf Aplanar imagen, con la capa "Capa verde " no visible.
Prácticas guiadas Ahora podrás realizar dos prácticas en las que tendrás que aplicar los conocimientos adquiridos sobre el uso de las Capas en GIMP. En la primera vas a usar las capas arrastrándolas de una imagen a otra; deberás Escalar una capa y Alinear otras para componer una imagen totalmente diferente a la de partida. Para la segunda crearás capas a las que deberás aplicar Modos de Combinación o hacer cambios en su opacidad; además utilizarás las guías para favorecer una correcta composición del trabajo final.
Práctica guiada 1 Una composición con capas En esta práctica vamos a utilizar varias imágenes para componer la siguiente, mediante la utilización de diferentes capas.
44
En primer lugar debes obtener obtener los siguientes siguientes archivos, archivos, para ello haz clic con el botó botón n derec derecho ho del rató ratón n sobr sobre e cada uno de los enlac enlaces es siguientes y selecciona Guardar destino como.... Ovejas Perro guardián Texto 1 Texto 2
1. Abre GIMP y, en él, todas las imágenes imágenes que acabas de guardar. Las cuatro cuatro imágenes se muestran cada una en su Ventana imagen.. Prim imagen Primero ero vas a trabajar trabajar con la imag imagen en "ovejas.xcf", "ovejas.xcf", que la usarás de fondo para ir coloc colocando ando en ella el resto de las imágenes.
45
2. Minimiza todas las Ventanas imagen excepto las que contienen los archivos "ovejas.xcf" y "perro_solo.xcf".
3. Comie Comienza nza por colocar la capa que contiene contiene la imagen del perro dentro de la Ventana Imagen del archivo "ovejas.xcf", arrastrándola desde la Ventana Capas. Capas.
Una vez abierta la imagen imagen del perr perro o en la Ventana Imagen que contiene la imagen de las ovejas puedes observar que la capa del perro es muy grande en relación a la image imagen n de las ovejas.
4. Renombra la capa "Copia de perro_solo" que se acaba de crear como "Perro". Con ella seleccionada, haz clic con el botón 46
derecho del ratón sobre la paleta de Capas y elige Escalar capa, capa , escribe 200 píxel píxeles es como valor de anchura y pulsa Aceptar . Comprueba Comprueba que el perro ya cabe en la imagen. imagen.
5. Ahora vas a reflejar el perro, es decir, vas a poner poner el perro mirando hacia la izquierda para compensar un poco la imagen. Selecciona la herramienta de volteo
en la Caja de herramientas y pon el punt puntero ero del ratón encima de la image imagen n del
perro, después de haber comprobado en las Opciones de herramienta que tienes seleccionada la opción Horizontal Horizontal,, también hay que pulsar el primer botón situado al lado de la palabra Afectar Afectar para para que actu actuemos emos sobre la capa "perro". "perro".
47
Haz clic sobre el perro y la capa que contiene al perro se refleja refleja de form forma a horizontal. horizontal.
6. Muev Mueve e la capa que contiene contiene al perr perro o hasta colocarlo colocarlo en el pequ pequeño eño montículo montículo que está debajo de él. Elige la herra herramient mienta a Mover , haz clic en la Ventana imagen sobre el perro y, utili utilizand zando o las flechas del tecla teclado, do, mueve la capa hasta colocarla colocarla en el lugar correcto.
7. Guar Guarda da el trabajo en el formato formato nativo nativo de GIMP como "guardian.xcf". Vas a añadir otras capas. Haz clic con el botón derecho sobre una capa activa en la Ventana capas y selecciona Capa nueva... Crea una capa con fondo blanco y tamaño nueva a capa queda situada en la parte 270x75 píxeles píxeles,, nómbrala como "Fondo texto1". Al presionar sobre Aceptar , la nuev superior izquierda de nuestra Ventana imagen. imagen .
8. Elige la herramienta herramienta Selección rectangular
, en las Opciones de esta herramienta selecciona Difuminar los
bordes con un radio de 15 y, también, marca la opción Esquinas redondeadas con un valor de 5 . En la Ventana imagen haz una selección rectangular sobre la nueva capa creada, dejando un pequeño margen exterior, tal y como ves en la imagen. Más adelante nos permitirá crear un difuminado de la selección realizada.
48
9. Si haces clic con el botón derecho sobre sobre la imag imagen en y eliges Seleccionar --> Invertir , la parte seleccion seleccionada ada pasa a ser la exterior al rectángulo. Ahora con el botón derecho del ratón elige Editar --> Limpiar ( Limpiar (Supr ). ). La zona seleccionada queda borrada. Quita la selección (menú Seleccionar --> Ninguno) Ninguno ) para poder seguir trabajando en la imagen. El resultado puedes observarlo a continuación.
Guarda el trabajo. 10. Dupli Duplica ca la últim última a capa creada, creada, se llamará llamará "Fondo texto 2". Ahora utili utilizarás zarás una de las dos capas para poner encima encima un texto. Colorea Color ea una de ellas de color amarillo amarillo claro claro,, por ejemplo, ejemplo, "Fondo texto 2". Selec Selecciona ciona la capa y haz clic en Bloquear transparencia,, lo que te perm transparencia permitirá itirá manchar manchar de de color todo el contenido contenido de la capa que no sea tota totalment lmente e tran transpare sparente. nte. Recuerda donde está el botón Bloquear transparencia
11. Seleccio Selecciona na el color de prime primerr plan plano o hacie haciendo ndo clic en
y elige el valor hexa hexadecim decimal al e8f963 e8f963.. Coge el pincel
de la
Caja de herramientas y pinta sobre la capa. Guarda el trabajo. 12. Poner guías. guías. Para tener un mayor control sobre los elementos que forman parte de la imagen vas a añadir unas Líneas Guías.. Recuerda que debes hacer clic sobre la regla vertical u horizontal y arrastrar hasta colocar la Línea Guía en su Guías posición. 49
13. Coloca dos Guías horizontales en las posiciones 135 y 340 340;; y otras dos verticales en los píxeles 20 y 580 580.. Puedes orientarte por las coordenadas coordenadas que va mostrando mostrando la barra de estad estado o de la Ventana imagen. imagen . Si encuentras muchas dificultades para colocar las guías de esta forma, recuerda que puedes colocar guías accediendo al menú Imagen --> Guías --> Guía nueva .
14. Muev Mueve e la capa "Fondo "Fondo texto 2" a la línea guía más baja, baja, encajándola encajándola entre entre las dos líneas guías, y la capa "Fondo "Fondo texto 1" a la más alta, también encajándola. Guarda el trabajo.
15. Trans Transparenci parencia a de las capas. capas. Vas a dota dotarr de tran transpare sparencia ncia a estas dos capas, capas, dado que van a ser el fondo del texto que añadiremos a continuación. De esta forma parecerán más integradas en la imagen y no un pegote sobre ella. Selec Selecciona ciona cada una de las capas en la Ventana capas y coloca un valor de 60 en Opacidad a cada una de ellas ellas..
16. Ahora coloca el texto. Recuerda que tienes dos imágenes, "texto1.xcf" "texto1.xcf" y "texto2.xcf", abiertas en en GIMP GIMP.. Desde la Barra de tareas pued puedes es acceder a ellas. Haz clic en la Ventana imagen del archivo "texto1.xcf" y desde la Ventana capas arrastra la capa "Texto" a la Ventana imagen del archivo "ovejas.xcf". Libera el ratón y tienes una nueva capa que se autodenomina "Texto", cambia el nombre a "Texto1". Luego haz lo mismo con la otra imagen "texto2.xcf", arrastra la capa "Texto" y en la imagen compuesta llámala "Texto2". 50
17. Coloc Coloca a ahora cada uno de los textos encima de las capas corr correspon espondient dientes. es. Como el texto ocupa un mayor espacio espacio que el fondo fondo,, tienes tiene s que aumentar aumentar el tama tamaño ño de las capas "Fondo texto 1" y "Fondo texto 2". Selec Selecciona ciona la primera primera de ellas ellas,, haz clic con el botón derecho sobre ella y elige Escalar capa. capa . Cambia su ancho por 300 por 300 píxel píxeles. es. Haz lo mismo con la otra capa, capa, en este caso pon 390 de ancho, pero desmarcando la Relación 1:1 para que se mantengan mantengan los 75 píxeles originales de altura. Si las capas quedan fuera de las guías vuelve a colocarlas en ellas.
18. Debes alinear alinear las capas del fondo con cada una de las capas de texto. Deja sólo visibles visibles las capas "Texto2" "Texto2" y "Fondo texto 2". En la Caja de herram herramientas ientas elige la herramienta Alineación Alineación..
19. En la Ventana Capas, haz activa la capa "Fondo texto 2". Acced Accede e a la Ventana Imagen y haz clic en la capa "Fondo texto 2"; presiona presiona la tecla Mayús y sin soltar esta tecla, haz clic sobre la capa "Texto2" en la Ventana imagen.
51
20. Están seleccionadas, seleccionadas, para su alineación, las dos capas que van a componer componer este título. Ahora Ahora debes fijar en las Opcio Opciones nes de la herramienta Alineación, Alineación, bajo la Caja de herramientas, herramientas, las siguientes opciones.
21. Para alinear alinear las capa capas s selec selecciona cionadas das primero debemo debemos s hacer clic en el botó botón n de alineación alineación sombreado sombreado en verd verde e y, después, después, en el botón de alineación sombreado en rojo. Tras ese proceso las dos capas deben quedar situadas como se muestra en la siguiente imagen.
22. Para evitar que se muevan accidentalmente accidentalmente estas dos capas y pierdan la alineación, debes enlazarlas.
52
Haz clic en la zona donde se ve el eslabón de la cadena (normalmente no es visible el eslabón) y consigues que las dos capas queden enlazadas y que puedas aplicar sobre ellas algunas herramientas, por ejemplo Mover . Guarda el trabajo. 23. Comb Combina ina estas dos capas visibles para formar formar una sola y que no puedan modificarse modificarse.. 24. Repit Repite e el proceso para las otras dos capas que form forman an el otro texto. texto. Alinea y combina combina las otras dos dos capas. Ahora la Ventana Capas tendrá este aspecto.
25. Haz visibles visibles todas las capas y guarda guarda en el form formato ato nativo nativo de GIMP el trabajo. 26. Para concluir concluir debes Aplanar la imagen y exportarla en formato JPG JPG,, acep aceptando tando todas las opciones que viene vienen n por defecto.Dado que existe una vista previa de la imagen a guardar, puedes ir cambiando las distintas características de Exportar como JPEG para comprobarlo.
Práctica guiada 2 Gráfico con pictogramas En muchas ocasiones necesitamos gráficas estadísticas para mostrar un determinado estudio en clase o añadirlo a un documento que vamos a entregar a nuestro alumnado. Vas a crear una gráfica estadística con pictogramas sobre la cantidad de vidrio recogido para reciclar en los últimos años. La tabla estadística de la que disponemos y queremos transformar en gráfica estadística es la siguiente:
53
Para elaborar la gráfica estadística disponemos de las siguientes imágenes que puedes obtener por el método habitual: haz clic en la imagen y se abrirá una ventana nueva, procede a guardar la imagen que aparece en esa ventana:
Imagen de fondo
La segunda imagen puedes obtenerla desde el siguiente ENLACE ENLACE.. Haz clic derecho derecho sobre el enlac enlace e y elige la opció opción n Guardar destino como...
1. Abre las las dos imágene imágenes s en GIMP GIMP.. Accede a la Ventana imagen de la imagen "reciclar.jpg " reciclar.jpg"" y crea una nueva capa del mismo tamaño tamaño de la imag imagen en y con fondo de color blanco a la que llamarás "fondo "fondo blanco". Esta capa cubre por completo completo la imagen de fondo. 2. Selecciona la herramienta herramienta Selección rectangular y rectangular y en las Opciones de esta herramienta selecciona Difuminar los bordes con un radio de 30. En la Ventana imagen hacemos una selección rectangular sobre la nueva capa creada dejando un pequeño margen exterior, tal y como ves en la imagen.
3. Menú Seleccionar --> Invertir , la parte seleccionada seleccionada pasa a ser la exterior al rect rectángul ángulo o redo redondea ndeado. do. Ahora con el botón derecho del ratón elige Editar --> Limpiar ( Limpiar (Supr ) y quita la selección para poder seguir trabajando en la imagen, para ello elige Seleccionar --> Ninguno. Ninguno . Vas a hacer tran transpare sparente nte la capa "fondo blanco" blanco" para que puedas ver la image imagen n de las botellas botellas a través de esta capa. Aplica una opacidad de 65 65..
54
4. Sobre esta capa vas a poner poner unas guías que te permitirán crear los ejes de coordenadas. coordenadas. Crea Líneas Guías horizontales en los píxeles 120 120,, 220 y 320 320,, y verticales en los píxeles 80 80,, 200 200,, 320 y 440 440.. Puedes hacerlo desde el menú Imagen --> Guías --> Guía nueva...
5. Coge la herramienta herramienta Lápiz
en la Caja de herramientas y elige el pincel Circle 5, 5 , como color selecciona el color
bf0404.. Acércate con esta herramienta al punto con coordenadas (80 bf0404 80,, 320 320)) y dibuja una línea horizontal horizontal sobre la guía horizontal situada en el píxel 320 320.. Haz lo mism mismo o sobre la guía vertical situada en el píxel 80 80.. Las Líneas Guías permiten dibujar dibuj ar a mano alzada sin salirnos de la línea, te recomendamos que dibujes despacio. Ya tenemos dibujados los ejes de coordenadas.
55
6. Marc Marca a dos puntos en el eje de ordenadas ordenadas a la altura altura de la guía horiz horizontal ontal 220 y de la guía horizontal 320 para marcar la posición posic ión de "500 miles de Tm" y "100 "1000 0 miles de Tm". Marca en el eje de absci abscisas sas tres puntos que coincidan coincidan con las guías verticales para representar los valores correspondientes a los años "2009", "2010" y "2011". Obtienes...
56
7. Con la herram herramienta ienta Texto
seleccionada en la Caja de herramientas, herramientas, haz clic cerca de cada uno de los puntos en el
eje de ordenadas y escribe "500" y "1000". Haz lo mismo con los puntos del eje de abscisas y escribe "2009", "2010" y "2011". El texto debe escribirs escribirse e en el punto donde haces clic en la Ventana imagen, imagen , creándose creándose una nueva capa con cada texto que escribas. No te preocupes si no entiendes muy bien las características de esta herramienta porque será tratada con profundidad en otro módulo.
8. Puede Puedes s alinear alinear las capas de texto de la mism misma a forma que has hecho en la anterior anterior Práctica Práctica Guiada. Guiada . 9. Activa la Ventana imagen que contiene el pictograma y desde la Ventana Capas arrastra sobre la Ventana Imagen del archivo "reciclar.jpg" la única capa que contiene el archivo "reciclado.xcf". Llama a la nueva capa "contenedor2009" y duplica la 57
capa dos veces poniendo como nombres a las nuevas capas, "contenedor2010" y "contenedor2011". 10. Coloca la capa "contenedor2009" sobre la guía vertical correspondiente a la abscisa "2009". Activa la capa "contenedor2009" y haciendo clic derecho sobre ella en la Ventana Capas, elige Escalar capa. En la altura de la imagen pon 180 que es la altura que debe tener para marcar "750 miles de Tm". Acepta y coloca el contenedor en la guía correspondiente al año "2009". 11. Repite el proceso sobre la capa "contenedor2010" poniendo como altura 190 píxeles. Coloca el contenedor sobre la abscisa "2010". 12. Por último selecciona la capa "contenedor2011" y aplica una escala de capa con el valor 210 en altura. Coloca el nuevo contenedor en la abscisa correspondiente al año "2011". 13. Guarda el trabajo como "pictograma.xcf". Observa el resultado:
Actividades
Primera Crea una imagen con fondo blanco y 400x400 píxeles de tamaño. En ella añade cuatro capas de 300x300 píxeles de tamaño. Rellena cada una de las capas con un color diferente (puedes usar rellenos de patrón) y sitúalas de forma que cada una de las capas oculte a la anterior pero nos permita ver un trozo de cada capa. Guarda el resultado en un archivo nativo de GIMP (XCF).
Segunda Partiendo de las dos imágenes siguientes, crea una nueva en la que cada una de las anteriores ocupe una capa. Posteriormente realiza una transformación a cada una de estas capas.
58
Imágenes
Tercera Partiendo de las capas que contienen las imágenes de los dos ejercicios anteriores, realiza una combinación de capas utilizando los modos de combinación que creas conveniente. Guarda el resultado en un archivo nativo de GIMP (XCF). Por ejemplo:
Haz que algunas capas sean invisibles y realiza la combinación de todas las capas visibles. Exporta el resultado en un archivo con formato JPG.
Cuarta Utilizando los archivos que corresponden a las siguientes imágenes, haz una composición similar a la que realizaste en el apartado primera Práctica guiada de este módulo. Para este ejercicio necesitas los siguientes archivos que puedes obtener haciendo clic derecho sobre el enlace correspondiente y elegir la opción Guardar destino como... Fondo Texto Foto de fondo Texto 59
Pájaro 1 Pájaro 2 Pájaro 3
Guarda el resultado en un archivo nativo de GIMP (XCF).
Quinta Realiza un gráfico similar al de la segunda Práctica guiada y que pueda servirte para el área o nivel en el que impartes docencia.
60
GIMP, aplicaciones didácticas. Herramienta Textos
Ministerio de Educación. ITE |GIMP, aplicaciones didácticas.
GIMP, aplicaciones didácticas
Los textos Para el trabajo docente los textos sobre imágenes son muy necesarios. Nos van a permitir preparar láminas para que nuestros alumnos hagan trabajos o para ser mostradas en una proyección con el ordenador, además de para ser colocadas en nuestros trabajos escritos. En este módulo mostraremos las posibilidades que nos proporcionan los textos en GIMP.
Programa
Objetivos
Conocer la herramienta Textos de GIMP y todas sus posibildades. Componer imágenes utilizando diferentes fuentes que proporcionan las capas: fotos digitales, textos, transparencias, etc. Utilizar los textos y las capas para componer diferentes imágenes útiles para la tarea docente. Conocer la opción Logotipos de GIMP. Contenidos
La herramienta Texto . Introducción de textos. Rutas y selecciones partiendo de textos.
Textos sobre imágenes. Instalación de fuentes tipográficas. Logotipos con textos.
El texto en GIMP El texto forma parte fundamental del tratamiento de imagen por ordenador y es muy útil, y necesario, en trabajos destinados a nuestra actividad docente. Las herramientas que vamos a encontrar en GIMP nos facilitarán la utilización de texto en nuestros proyectos con imágenes digitales. Las herramientas de texto y sus peculiaridades para sacar el máximo partido de ellas serán tratadas en este Módulo.
1
Para introducir texto en GIMP utilizamos la herramienta Texto
. Se accede a ella desde la Caja de herramientas .
Al quedar seleccionada la herramienta Texto en la Caja de herramientas aparecen, en la parte inferior de la misma, las Opciones de herramienta. Si tienes abierta una imagen y haces clic en la Ventana Imagen, aparecerá el cuadro de edición de textos en pantalla . En el lugar de la imagen donde hayas hecho clic puedes introducir el texto.
2
En las Opciones de la herramienta Texto puedes elegir el tipo de letra (1 ), de los que están instalados en nuestro ordenador, y el tamaño de la fuente (2 ).
Puedes elegir el Hinting (3 ), donde se altera el contorno de la tipografía para que los tamaños pequeños de letra se vean de forma precisa. El Alisado de los bordes de las letras evita el exceso de enfoque de las mismas. También puedes elegir el Color (4 ) del texto. Al hacer clic sobre el rectángulo de color aparece la Ventana de selección de color que ya conoces. Puedes justificar de distintas formas el texto (5 ), sangrar la primera línea y espaciar las líneas del texto a tu elección. El texto, en la imagen, puede estar contenido en una caja dinámica (6 ) que crece según el texto que vas escribiendo o fija (con un tamaño concreto de píxeles). En la parte inferior de la solapa de las opciones de la herramienta texto (7 ) tienes varios iconos que sirven para utilizar diferentes estilos de texto que tengas preparados. Si sueles utilizar un tipo de letra, tamaño, color, sangría, separación de forma habitual, puedes guardar este estilo haciendo clic en el primer icono ejemplo, y queda guardado para posteriores usos.
. Aparece la opción Entrada nueva... , pones "estilo1", por
Si haces clic en el segundo icono te aparecen los estilos que tienes guardados; elige el que quieras utilizar y te aparecerá en las opciones de la herramienta de textos. El tercer icono sirve para eliminar cualquiera de los estilos que tienes guardados. Y el último icono opciones iniciales de la Herramienta de texto.
te permite volver a las
Por último puedes usar el Editor de textos (8 ) para escribir directamente o para recuperar textos escritos y guardados en formato TXT.
3
Al seleccionar la opción Usar editor de las Opciones de herramienta Texto aparece el Editor de Textos , que te permite introducir directamente texto y elegir la dirección de la escritura. Con la opción Abrir puedes acceder a archivos de texto (formato .txt), texto que se incorporará al Editor de textos y se mostrará en la Ventana Imagen. Cada vez que escribes un texto haciendo clic en la Ventana Imagen con la herramienta Texto , se crea una capa especial llamada Capa de texto , editable mientras se mantenga la misma condición (ser capa de texto).
Introducir texto Las diferentes opciones de la herramienta Texto nos permiten elegir las características del texto que vamos a colocar en nuestro trabajo. Vamos a trabajar sobre una imagen. 1. Crea una nueva imagen con fondo blanco y dimensiones "400x200" píxeles. Selecciona la herramienta Texto en la Caja de herramientas y en sus opciones haz clic en el icono
situado a la derecha de la palabra Tipografía.
Aparece una ventana donde puedes seleccionar el tipo de fuente que quieras, de las tipografías instaladas en tu ordenador. A la izquierda del nombre de la fuente tenemos una pequeña muestra de la misma para orientar nuestra elección. Busca en esta ventana la fuente Sans Bold y haz clic en ella. 2. Selecciona un tamaño de 40 píxeles, Hinting medio y Alisado. Justifica al centro y pon como color el que corresponde al valor hexadecimal b20000 ; para elegir el color de la fuente tenemos un acceso a la paleta de colores desde las Opciones de la herramienta Texto . No modifiques los valores de sangrado y espaciado de línea. 4
3. Haz clic en la zona central de la Ventana Imagen; observa que aparece el cuadro de texto que nos permite modificar algunas opciones.
En cuanto comienzas a escribir, se crea una capa especial denominada Capa de texto, que adquiere el nombre del texto escrito y su tamaño será el rectángulo que delimita el texto (6 ). Si haces una selección sobre una parte del texto escrito (selecciona la primera letra "T") puedes hacer modificaciones sobre esa selección utilizando las opciones que aparecen en el cuadro de texto. Puedes cambiar el tipo de fuente elegido (1 ) escribiendo la primera letra del tipo de fuente. Por ejemplo si escribes en (1 ) la letra "D" se mostrarán todas las fuentes tipográficas que comiencen por dicha letra. Puedes cambiar el tamaño del tipo de letra elegido (2 ) poniendo el nuevo valor en esta zona. El icono de brocha (3 ) te permite borrar el estilo del texto seleccionado. En esta misma zona puedes elegir que la letra o texto seleccionado cambie a Negrita ; Cursiva, subrayada o tachada. Puedes cambiar la línea base del texto seleccionado poniendo el valor en (4 ), y en (5 ) podrás aumentar o disminuir la separación que existe entre las letras. Vas a cambiar el tipo de fuente de la primera letra del texto. Selecciona la letra "T" y accede a la zona (1 ) que te permite cambiar el tipo de fuente; escribe "s" y te aparecerá un listado con todas las fuentes instaladas que comienzan por "s"; seleccionaSans y cambiará el tipo de fuente. En la zona (2 ) pon como valor 60 y en la zona (4 ) un valor de 10 . Obtienes:
4. En la Ventana imagen , el texto que acabamos de escribir queda enmarcado por una línea discontinua que marca los límites de la capa que estamos creando. 5. Puedes colocar la capa en el lugar que quieras de la Ventana Imagen con la herramienta Mover . Pero vas a centrar la 5
imagen utilizando la herramienta Alineación . Debes seleccionar la opción Relativo a Imagen, tener la capa del texto seleccionada en la Ventana Capas y hacer clic en los dos botones marcados en color verde en la siguiente imagen.
6. La capa de texto que acabas de crear es editable, es decir, puedes cambiar el texto escrito, el tamaño del tipo, el color, etc. La capa de texto es una capa especial en GIMP . Tiene el tamaño que ocupe el texto en la imagen; dicho tamaño aumenta o disminuye cuando se edita el texto y no es necesario crear previamente la capa para insertar texto en nuestra imagen. Esta condición de editabilidad permanece, siempre y cuando no se cambien las características de la capa. Esto puede suceder al hacer clic con el botón derecho del ratón sobre la capa en la Paleta de capas y elegir Descartar información de texto , ya que la capa de texto se transforma en una capa normal y el texto deja de ser editable. También ocurre cuando se aplica sobre la capa de texto cualquier filtro. 7. Si no haces cambios a la capa de texto, ésta continua siendo editable. Puedes comprobarlo a continuación. Cambia el texto de esta capa, para ello haz clic con el botón derecho sobre la capa en la Paleta de capas y elige Herramienta de texto. Cambia el tipo de letra, quita la palabra "en" y aumenta el tamaño de la fuente a 45 píxeles. Centra de nuevo el texto si es necesario.
8. Duplica la capa que contiene el texto. La nueva capa tiene las mismas propiedades que la anterior y se coloca sobre ella en la pila de capas. Ahora selecciona la capa de texto original y aplica sobre ella un filtro: debes ir a la Ventana imagen y allí al menú Filtros --> Desenfoque --> Desenfoque gaussiano con los valores que vienen por defecto. Después mueve esta capa tres píxeles hacia abajo y otros tantos hacia la izquierda. Observa cómo la capa de texto sobre la que hemos aplicado el filtro, ha dejado de ser una capa de texto editable. Ya no podemos cambiar el tipo de letra, su tamaño o cualquier otra característica propia del texto.
6
9. Pinta la capa sobre la que has aplicado el filtro de desenfoque de color negro. Selecciona la capa en la Ventana Capas, marca la opción Bloquear transparencia. En la Caja de herramientas selecciona la herramienta Pincel y el color negro como Color de frente . Ahora puedes ir a la Ventana imagen y colorear la capa de negro. Observa el resultado.
Selección y rutas desde un texto Una vez introducido un texto en una Ventana imagen de GIMP podemos cambiarlos utilizando Filtros o realizar modificaciones a la imagen utilizando Rutas desde un texto u obteniendo Selecciones con la forma del texto.
Crear rutas desde un texto Una de las opciones que puedes elegir al utilizar la herramienta Texto y crear una Capa de texto es la de obtener una ruta a partir del texto. 1. Crea una nueva imagen con 2500x200 píxeles de tamaño y fondo blanco. Selecciona la herramienta Texto en la Caja de herramientas . Elige como tipo de letra Sans Bold , en color negro y con un tamaño de 60 . Haz clic en la Ventana imagen y escribe "Texto Gimp". Centra el texto en la imagen utilizando la herramienta Alinear
.
2. Haz doble clic sobre el icono de Capa de texto en la Ventana Capas. Haz clic derecho sobre el texto y en las opciones que aparecen, elige Ruta a partir del texto :
7
3. Haz clic sobre ese botón y verás que no se observa que haya ocurrido nada, pero sí que ha ocurrido. Has creado una Ruta, que puedes observar si haces clic en la pestaña Rutas de la Ventana Capas-Pinceles .
4. La ruta creada tiene unas líneas que forman el texto pero no son visibles en nuestra Ventana Imagen. Para que las rutas sean visibles debes hacer clic en la zona marcada con Visibilidad o invisibilidad de la ruta. Aparece el icono del ojo indicando que la ruta es visible en la Ventana imagen . 5. Crea una capa nueva, llámala "Trazo" y sitúala debajo de la capa que contiene el texto. 6. Vuelve a la Ventana Capas (clic en la pestaña Rutas). En la Caja de herramientas cambia el color de primer término a rojo (da1818 ) y elige un pincel con la brocha Circle Fuzzy 17 . En la Ventana Rutas haz clic con el botón derecho del ratón sobre la única ruta que tienes y sobre el menú contextual que aparece, elige Trazar ruta ...
8
7. Selecciona Trazar utilizando una herramienta de pintura y elige la opción Pincel para que el trazo se realice con el pincel seleccionado en la Caja de herramientas . Haz clic en el botón Trazo. Observa lo que ocurre en la Ventana Imagen . Has obtenido una imagen similar a la siguiente:
Guarda la imagen como "texto_ruta.xcf"
Crear selecciones desde un texto Partiendo del texto anterior vamos a crear un efecto distinto utilizando otras opciones posibles con los textos. 1. Haz invisible la capa "Trazo" donde hemos realizado el trazado de la ruta. 2. Accede a la Ventana Capas y modifica el color del texto "Texto Gimp" poniendo como color el que corresponde al valor hexadecimal 0b10b7 . 3. Accede a la Ventana Rutas y selecciona la ruta "Texto Gimp". 4. En la parte de abajo de esta Ventana Rutas tenemos la opción Ruta a selección . Haz clic en dicho botón y obtendrás una selección con la forma del texto.
9
5. Crea una nueva capa a la que llamarás "Selección". Coloca esta capa debajo de la capa que contiene el texto. 6. Accede al menú Seleccionar --> Agrandar , amplía la selección en 3 píxeles. 7. Rellena esta selección con el color negro. Quita la selección con Seleccionar --> Ninguno.
8. Accede al menú Filtros --> Desenfoque --> Desenfoque de movimiento, con los siguientes parámetros: 15 en longitud y 135 para el ángulo. Acepta .
9. Combina esta capa con la capa de fondo. Si haces visible la capa de texto de color azul no modificada, verás que tienes un cierto relieve pero no muy adecuado por la cantidad de grises que posee. En este caso lo más adecuado sería disminuir el nivel de grises.
10
10. Haz de nuevo invisible la capa de texto y selecciona la capa que hemos combinado con el fondo y que ahora se llama "Fondo". Haz clic con el botón derecho sobre la imagen y elige el menú Colores --> Niveles. Esta herramienta permite disminuir el número de grises que tiene una imagen. En la ventana Niveles elige los valores que se muestran en la imagen:
11. Haz visible la capa "Texto Gimp" y obtendrás:
Texto sobre imágenes Texto sobre imágenes Uno de los trabajos más habituales en el tratamiento de imágenes por ordenador es el de añadir un texto con algún efecto sobre una imagen. Vamos a utilizar una imagen como base para escribir encima y tener un texto artístico sobre esa imagen. Consigue la siguiente imagen por el procedimiento habitual. Haz clic sobre la imagen, se abre una nueva ventana de explorador y allí encuentras la imagen a un tamaño más grande; haz clic derecho sobre ella y elige Guardar imagen como... 11
Imagen para el ejercicio
1. Abre la la imagen imagen en GIMP. Selecciona la herramienta Texto y haz clic en cualquier lugar lugar de la Ventana imagen . 2. Se abre abre la ventana ventana Editor de texto, escrib escribe e allí "Eros "Erosión". ión". Elige la fuent fuente e Sans Bold con 100 puntos de tamaño; haz clic en Aceptar y obtienes obtienes una capa de texto que colocarás en la parte inferior inferior de la imagen.
3. Vas a realizar realizar una selecc selección ión con la forma de las letras pero de forma distinta distinta a la realiz realizada ada en el apartado anterior. anterior. Accede al menú Capa --> Texto a selección --> Texto a selección
12
Se ha creado una selección de todo el texto. Comprueba Comprueba que que en la Ventana imagen apare aparece ce una selecci selección ón alrede alrededor dor de todo el texto (las llamadas hormigas en marcha ). 4. Selecciona Selecciona la capa "textos1.jpg" "textos1.jpg" y accede al menú contextual contextual de la Ventana Capas para elegir la opción Añadir canal Alfa lo que propor proporciona ciona a la capa de fondo la posibi posibilidad lidad de tener píxeles píxeles transp transparente arentes; s; esto no ocurre en las capas de fondo de las imágenes imágen es que proce proceden den de archivos JPG tal y como es este caso. Duplica esta capa "textos1.jpg". Siempre es conveniente preservar preser var la capa de fondo origin original al y trabajar con una copia. Con la capa "Copia de textos1.jpg" textos1.jpg" seleccionada, seleccionada, haz invisi invisible ble la capa de texto y la capa "textos1.jpg". "textos1.jpg". Observa Observa cómo en la Ventana imagen tienes una selección con la forma del texto pero sin ningún rellen relleno. o.
5. Ahora que tienes esta selección es importante importante que compruebes compruebes que la capa seleccionada seleccionada es "Copia de textos1.jpg". textos1.jpg". Haz clic con el botón derecho sobre la imagen y elige Editar --> Limpiar (Supr) . Acabas de quitar un trozo de la imagen de fondo con la forma del texto.
6. Ahora debes crear crear dos capas, una con el fondo transp transparent arente e y otra con el fondo blanco llamadas llamadas "Transparente" "Transparente" y "Fondo "Fondo blanco". Debes colocarlas tal y como se observa en la imagen siguiente.
13
7. Selecc Selecciona iona la capa "Transparent "Transparente", e", recuerda recuerda que aún tenemo tenemoss una selecc selección ión con la forma del del texto. Accede al menú de la pintura a), selecciona Ventana Imagen Seleccionar --> Invertir . Elige la herramienta Rellenar con color (el cubo de pintur negro como color de frente y haz clic en la Ventana imagen . Para comprobar que se ha llenado toda la capa de color negro puedes hacer invisible la capa "Copi "Copia a de textos textos1.jpg" 1.jpg"
8. Accede al menú menú Seleccionar --> Ninguno para quitar la selección. Haz clic con el botón derecho sobre sobre la Ventana despuéss acepta acepta.. imagen y aplica un filtro: Filtros --> Desenfoque --> Desenfoque gaussiano, con un valor de 10 , despué Mueve esta capa 4 píxeles a la derecha y 4 píxele píxeless hacia abajo. abajo. Haz visible la capa "Copia de textos1.jpg" textos1.jpg"
9. El efecto obtenido obtenido te permit permite e ver a travé travéss de la imagen imagen,, has hecho un agujero, con la forma del texto, en la imagen. 10. El resultado resultado es el que puedes ver. Guarda el traba trabajo jo como "erosion.xcf". "erosion.xcf". Mantén Mantén no visible la capa de texto y aplana la imagen. Ahora puedes exportarla en formato JPG. Éste es el resultado.
14
Instalar fuentes para GIMP Cada sistema operativo lleva instaladas un buen número de fuentes tipográficas y, habitualmente, los diferentes programas que instalamos instal amos añaden fuentes al catálo catálogo go de fuente fuentess de nuestr nuestro o ordena ordenador. dor. No es conveniente conveniente usar un gran número de fuentes porque hace más lento el arran arranque que de los diferentes diferentes programas programas y porque, al final, nos hace dudar a la hora de elegir la fuente que vamos a usar. GIMP nos permite tener instaladas instaladas fuente fuentess que solame solamente nte puedan ser utilizadas en nuestr nuestro o progra programa ma y, a la vez, poder utilizar todas todas
las fuentes que estén instaladas instaladas en el ordenador. ordenador. Es una gran ventaj ventaja a para tener localizadas localizadas las fuentes que usamos a menudo en GIMP y poder borrarlas de forma cómoda cuando ya no las usemos.
Instalar fuentes en GIMP Desde el sitio de Internet Open Font Librar Libraryy hemos obtenido la fuente denominada denominada Nobile que vamos a utiliza utilizarr en los siguientes siguientes apartados de este módulo. En primer lugar debemos obtener el archivo de la fuente y después realizar la instalación para GIMP. Clic con el botón derech derecho o en el siguiente enlace fuente Nobile y elige la opción Guardar destino como..., guarda el archivo en la carpeta carpe ta del curso.
En Windows C:/Documents s and Una vez obtenido el archivo "Nobile-Bold.ttf" debes copiar el archivo y acceder a la carpeta C:/Document Settings/Usuario/.gimp-2.x/fonts (siendo x la versión de GIMP que tengas instalada): instalada):
15
Abre la carpeta ".gimp-2.x" " .gimp-2.x"
Una vez abiert abierta a la carpeta carpeta fonts debes hacer clic derecho y pegar el archivo "Nobile-Bold.ttf"
Abre GIMP y accede a la herramienta Texto y busca en las Tipografías para localizar la fuente que acabas de instalar.
16
En Linux En Ubuntu Después Despu és de haber obtenido obtenido el archi archivo vo con la fuente "Nobile-Bold" "Nobile-Bold" copia este archivo archivo y accede a tu carpe carpeta ta perso personal nal (Menú de Ubuntu -> Lugares --> Carpeta personal ). Para que se muestren las carpetas ocultas debes acceder al menú Ver --> Mostrar los archivos ocultos:
Localiza Locali za y abre la carpe carpeta ta ".gimp-2 ".gimp-2.x" .x" (x corresponde a la versión de GIMP que tenga tengass instal instalada) ada)
17
Localiza Locali za y abre la carpe carpeta ta fonts:
Pega el archivo "Nobile-Bold.ttf"
Abre GIMP y comprueba comprueba que se ha instal instalado ado correctamente correctamente la fuente fuente::
18
En Mac Copia el archivo "Nobile-Bold.ttf" y localiza la carpeta fonts siguie siguiendo ndo la ruta que se observa en la imagen:
Pega el archivo "Nobile-Bold.ttf"
Abre GIMP y comprueba comprueba que la fuente Nobile-Bold está correctamente instalada:
19
Logotipo con texto Texto tipo Web 2.0 Utilizando la herramienta Texto , y otras opciones opciones que hemos visto en otros apartados y módulos, módulos, vamos a constr construir uir un logotipo de Texto con el estilo llamad llamado o Web 2.0 .
1. Crea una nueva image imagen n con un tamaño tamaño de 500x350 píxele píxeless y con fondo blanco blanco.. 2. Elige la herramient herramienta a de Texto y utiliza como fuente la instal instalada ada en el apartado anterior, anterior, Nobile-Bold. Usa un tamaño de 100 y escribe escrib e el texto "GimP" en el centro de la Ventana imagen , llama a la capa de texto "texto base" y centra centra la capa de texto creada utilizando la herramienta de Alineación.
20
3. Bloquea el canal alfa de la capa "texto base" para que no se pueda pintar sobre los píxeles transparentes transparentes de dicha capa:
4. Vas a pintar pintar el texto con la herramienta herramienta Relleno degradado . En las opciones de esta herramienta herramienta puedes elegir el degradado degra dado con el que vas a pintar, pero antes vamos a crear un degradado nuevo. 5. Accede a la Ventana Ventana Capas - Pinceles y, en la parte inferior, inferior, puedes ver la paleta de Degradados :
21
Haz clic en el botón Degradado nuevo, en el siguien siguiente te vídeo
puedes ver cómo se hace:
Una vez cread creado o el degrad degradado ado nuevo, vamos a utiliz utilizarlo. arlo. 22
6. Relle Rellena na la capa de texto con el degradado degradado que acabas de crear:
7. Obtien Obtienes es el siguiente siguiente resultado: resultado:
8. En la Ventana Capas haz clic derecho sobre la capa "texto base" y elige la opción Alfa a selección , posteriormente aumenta aumen ta la selecc selección ión obteni obtenida da en 3 píxeles desde el menú Seleccionar --> Agrandar . 9. Crea una nueva capa a la debes llamar "Borde" "Borde" y rellena rellena la selección con el color con valor hexadecimal hexadecimal 293a47 . Sitúa esta capa debajo de la llamad llamada a "texto base". base".
10. Dupli Duplica ca las capas "Bord "Borde" e" y "texto Base" Base" y sitúalas sitúalas en la pila de capas en este orden: orden:
23
11. Selecciona Selecciona la capa "texto base" y aplica aplica sobre ella la herramienta herramienta Reflejo Vertical de borde". Mueve la capa "texto base" hasta situarla de la siguie siguiente nte forma.
, haz lo mismo sobre sobre la capa "Copia
12. Combi Combina na las capas que forma forman n el texto invertido. Aplica Aplica una máscara rápida sobre ellas. Puedes acceder a la máscara rápida desde el menú Seleccionar --> Activar máscara rápida . Selecciona la herramienta Relleno degradado con el degradado Frente a fondo siendo el color de frent frente e el negro y el de fondo el blanco .
13. Desactiva la máscara rápida . Debes limpiar el contenido de la selección que has obtenido: menú Editar --> Limpiar . Quita la selección Seleccionar --> Ninguno :
14. Selecc Selecciona iona la capa "texto base 1" que forma el texto en color azul degradado. Haz Haz clic derecho y elige elige la opción Alfa a selección. En la Caja de herramientas selecciona la Herramien Herramienta ta selección elíptica
y en las Opciones de
la herramienta selecciona la opción Extraer de la selección actual :
24
15. Realiza una selección elíptica para obtener la siguiente selección:
16. Crea una nueva capa llamada "efecto cristal" y rellena la selección con el color blanco y una opacidad de 50 . Quita la selección para finalizar el trabajo.
Logotipos con textos Son una serie de órdenes escritas en un lenguaje llamado Scheme que hacen que GIMP cree un determinado efecto. Se encuentran en el menú de la Ventana Imagen Archivo --> Crear --> Logotipos. Todos los logotipos que podemos crear se basan en el texto que introducimos en la ventana de diálogo de cada logotipo.
25
Para no tener que ir de forma constante al Menú de Logotipos vamos a hacer que el menú Logotipos esté de forma permanente en nuestra pantalla. Haz clic derecho sobre la Ventana imagen y con el menú desplegable abierto, debes hacer clic en la línea discontinua que aparece en la parte superior, (marcada en rojo en la imagen).
Obtienes una ventana independiente con todos los accesos a los logotipos visibles.
26
Todos los Logotipos de texto funcionan de forma similar: Especificando el texto sobre el que se aplicará el guión. El tipo de letra. Parámetros propios de cada uno de los Logotipos.
Por ejemplo en el filtro Desmenuzar podemos modificar los siguientes parámetros:
27
El resultado que se obtiene es el que puedes ver a continuación:
Esta forma de obtención de logotipos no solamente es útil para conseguir una imagen como la anterior, también puedes usarlos para obtener textos que puedes colocar en otras imágenes. Debes observar el contenido de la Ventana de Capas-Pinceles donde se distribuyen las distintas capas creadas por el Logotipo. Cada una de ellas se puede copiar o traspasar a otra imagen, utilizando los efectos obtenidos en otras imágenes.
Creación de logotipos Mostramos a continuación los diferentes resultados que puedes conseguir con los Logotipos que vienen instalados por defecto en GIMP : Básico 1
28
Básico 2
Bisel degradado
29
Bovinación
Bruñido
Es uno de los más completos. Puedes modificar una gran variedad de parámetros, desde el gradiente (degradado) del texto y la sombra, hasta distintos patrones que se emplearán para el texto y la sombra, así como el desplazamiento de la sombra en vertical y horizontal. A continuación hay otro ejemplo utilizando patrones .
30
Cabecera de título web
Sencillo y efectivo. Sólo podemos seleccionar el tipo de fuente y el tamaño de la misma.
Calor resplandeciente
Puedes cambiar el tipo de letra, su tamaño y seleccionar el color de fondo de la imagen.
31
