práctica 4 (gimp)

práctica guiada 4

Vamos a preparar una lámina para imprimir y ser usada por proyección o usar esa imagen para incluirla en una presentación con ordenador.

Dispones de la siguiente imagen que puedes obtener por el método habitual. 

1. Abre la imagen "pez.jpg" en GIMP. Dado el tamaño de la imagen (600x380 píxeles) vamos a ampliarla para tener espacio suficiente y añadir el texto que necesitamos para nuestro trabajo. Accede al menú Imagen --> Tamaño del lienzo e introduces el valor "700" píxeles como ancho, la altura queda elegida de forma automática. Haz clic en el botón Centrar para que el anterior lienzo quede centrado en el nuevo. Haz clic en Redimensionar.
2. El antiguo lienzo nos queda centrado y con el tamaño que tenía la única capa. Haz clic derecho sobre la capa en la Ventana Capas - Pinceles y elige Capa a tamaño de imagen.
3. Coloca dos líneas guía de forma vertical en los píxeles 250 y 410 para trazar dos líneas discontinuas y delimitar las partes del cuerpo del pez: Cabeza, tronco y cola. También traza una línea guía horizontal en el píxel 420 para colocar alineado el texto correspondiente a los nombres de las partes del pez.
4. Traza dos líneas desde la parte de abajo del pez hasta el borde inferior de nuestra imagen. Con la Herramienta Lápiz, la brocha Circle (03) y de color rojo. Haz clic sobre la primera línea guía vertical cerca del cuerpo del pez y presiona Mayúsculas para dibujar una línea recta hasta la parte inferior de nuestra imagen. Repite sobre la otra línea guía vertical.


5. Selecciona la herramienta Texto y elige un tipo de letra y un color azul. Haz clic sobre la zona correspondiente a la cabeza y sobre la línea guía horizontal para crear tres capas con los textos "Cabeza", "Tronco" y "Cola". Utiliza la herramienta Mover para colocar estas tres capas de forma alineada utilizando la guía horizontal.
   
   


6. Si todo es correcto puedes combinar las tres capas de texto para formar una sola. Atención a este paso, porque las capas de textos pierden la posibilidad de volver a ser editadas.
7. Crea una capa nueva llamada "líneas", donde vas a dibujar todas las líneas que van a unir cada órgano con el texto correspondiente. Crea una capa independiente para estas líneas porque te permitirá tener la opción de imprimir tu trabajo como una imagen muda en las que los alumnos deban escribir los nombres que correspondan o la opción de imprimir con los textos y las líneas. Elige un color verde oscuro para estas líneas y traza con el lápiz. Para que las líneas sean totalmente rectas el proceso que debes seguir es el siguiente: haz clic en el punto de inicio de la línea recta; suelta el botón del ratón y sitúate en el punto final de la recta, presiona la tecla Mayúsculas y con ella presionada haz clic en ese punto. Repite el proceso para cada una de las líneas.



8. Haz clic en las proximidades del final de cada una de las líneas dibujadas y con el mismo color escribe los textos correspondientes. Cada vez que escribas un texto se creará una capa nueva de texto. Te recomendamos que dejes estas capas de forma independiente porque podrían ser usadas como parte de una imagen animada, donde se van mostrando paso a paso las distintas capas. Por último vamos a crear una imagen nueva para poner título a nuestra lámina.
9. Accede al menú de la Ventana Imagen Crear --> Logotipos y con un tamaño de letra de 40 escribimos el título de nuestra lámina "El pez". Se crea un nuevo documento que contiene tres capas. Haz invisible la capa de fondo y combina las otras dos, después arrastra la capa resultante sobre la ventana imagen de nuestra lámina del pez, suelta y colócala en la parte superior-central de la imagen. El trabajo realizado tendrá el aspecto de la siguiente figura:
   
   




Si haces invisibles todas las capas que contienen los textos, obtienes una lámina muda que puedes imprimir y entregar a tus alumnos para que la completen.





10. No olvides guardar esta imagen en formato XCF para poder seguir trabajando con capas y guardar la imagen en formato JPG para poder imprimirla

El resultado final será

 

práctica guiada 3 (gimp)

PRÁCTICA GUIADA 3

Practica guiada de composición de capas.

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. 

En primer lugar debes obtener las siguientes imagenes para ello haz clic con el botón derecho del ratón sobre cada una de ellas y selecciona Guardar destino como....

1. Abre GIMP y, en él, todas las imágenes que acabas de guardar. Las cuatro imágenes se muestran cada una en su Ventana imagen. Primero vas a trabajar con la imagen "ovejas.xcf", que la usarás de fondo para ir colocando en ella el resto de las imágenes.

2. Minimiza todas las Ventanas imagen excepto las que contienen los archivos "ovejas.xcf" y "perro_solo.xcf".

3. Comienza por colocar la capa que contiene la imagen del perro dentro de la Ventana Imagen del archivo "ovejas.xcf", arrastrándola desde la Ventana Capas.

4. Una vez abierta la imagen del perro 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 imagen de las ovejas.

5. Renombra la capa "Copia de perro_solo" que se acaba de crear como "Perro". Con ella seleccionada, haz clic con el botón derecho del ratón sobre la paleta de Capas y elige Escalar capa, escribe 200 píxeles como valor de anchura y pulsa Aceptar. Comprueba que el perro ya cabe en la imagen.

6.Ahora vas a reflejar el perro, es decir, vas a 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 puntero del ratón encima de la imagen del perro, después de haber comprobado en las Opciones de herramienta que tienes seleccionada la opción Horizontal, también hay que pulsar el primer botón situado al lado de la palabra Afectar para que actuemos sobre la capa "perro".

Haz clic sobre el perro y la capa que contiene al perro se refleja de forma horizontal.



7. Mueve la capa que contiene al perro hasta colocarlo en el pequeño montículo que está debajo de él. Elige la herramienta Mover, haz clic en la Ventana imagen sobre el perro y, utilizando las flechas del teclado, mueve la capa hasta colocarla en el lugar correcto.


8. Guarda el trabajo en el formato 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 270x75 píxeles, nómbrala como "Fondo texto1". Al presionar sobre Aceptar, la nueva capa queda situada en la parte superior izquierda de nuestra Ventana imagen.


9. Elige la 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.

10. Si haces clic con el botón derecho sobre la imagen y eliges Seleccionar --> Invertir, la parte seleccionada pasa a ser la exterior al rectángulo. Ahora con el botón derecho del ratón elige Editar --> Limpiar (Supr). La zona seleccionada queda borrada. Quita la selección (menú Seleccionar --> Ninguno) para poder seguir trabajando en la imagen. El resultado puedes observarlo a continuación.

Guarda el trabajo.

11. Duplica la última capa creada, se llamará "Fondo texto 2". Ahora utilizarás una de las dos capas para poner encima un texto. Colorea una de ellas de color amarillo claro, por ejemplo, "Fondo texto 2". Selecciona la capa y haz clic en Bloquear transparencia, lo que te permitirá manchar de color todo el contenido de la capa que no sea totalmente transparente.

Recuerda donde está el botón Bloquear transparencia

12. Selecciona el color de primer plano haciendo clic en y elige el valor hexadecimal e8f963. Coge el pincel de la Caja de herramientas y pinta sobre la capa. Guarda el trabajo.
 
13. Poner 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 posición.

14. Coloca dos Guías horizontales en las posiciones 135 y 340; y otras dos verticales en los píxeles 20 y 580. Puedes orientarte por las coordenadas que va mostrando la barra de estado de la Ventana 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.

15. Mueve la capa "Fondo texto 2" a la línea guía más baja, encajándola entre las dos líneas guías, y la capa "Fondo texto 1" a la más alta, también encajándola. Guarda el trabajo.

16. Transparencia de las capas. Vas a dotar de transparencia a estas dos 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. Selecciona cada una de las capas en la Ventana capas y coloca un valor de 60 en Opacidad a cada una de ellas.

17. Ahora coloca el texto. Recuerda que tienes dos imágenes, "texto1.xcf" y "texto2.xcf", abiertas en GIMP. Desde la Barra de tareas puedes 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".

18. Coloca ahora cada uno de los textos encima de las capas correspondientes. Como el texto ocupa un mayor espacio que el fondo, tienes que aumentar el tamaño de las capas "Fondo texto 1" y "Fondo texto 2". Selecciona la primera de ellas, haz clic con el botón derecho sobre ella y elige Escalar capa. Cambia su ancho por 300 píxeles. Haz lo mismo con la otra capa, en este caso pon 390 de ancho, pero desmarcando la Relación 1:1 para que se mantengan los 75 píxeles originales de altura. Si las capas quedan fuera de las guías vuelve a colocarlas en ellas.

19. Debes alinear las capas del fondo con cada una de las capas de texto. Deja sólo visibles las capas "Texto2" y "Fondo texto 2". En la Caja de herramientas elige la herramienta Alineación.

20. En la Ventana Capas, haz activa la capa "Fondo texto 2". Accede a la Ventana Imagen y haz clic en la capa "Fondo texto 2"; presiona la tecla Mayús y sin soltar esta tecla, haz clic sobre la capa "Texto2" en la Ventana imagen.

21. Están seleccionadas, para su alineación, las dos capas que van a componer este título. Ahora debes fijar en las Opciones de la herramienta Alineación, bajo la Caja de herramientas, las siguientes opciones.

22. Para alinear las capas seleccionadas primero debemos hacer clic en el botón de alineación sombreado en verde y, 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.

23. Para evitar que se muevan accidentalmente estas dos capas y pierdan la alineación, debes enlazarlas.

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.

24. Combina estas dos capas visibles para formar una sola y que no puedan modificarse.

25. Repite el proceso para las otras dos capas que forman el otro texto. Alinea y combina las otras dos capas. Ahora la Ventana Capas tendrá este aspecto.

26. Haz visibles todas las capas y guarda en el formato nativo de GIMP el trabajo.

27.Para concluir debes Aplanar la imagen y exportarla en formato JPG, aceptando todas las opciones que vienen 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

practica guiada 2 (gimp)

Prática guiada 2

 

De acuerdo con las prácticas realizadas en el apartado anterior y utilizando alguna de las imágenes que puedes obtener de interntet:

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 GIMP XCF.
• 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 la Práctica guiada 1 guardando la imagen en los formatos expresados.

práctica guiada 1 (gimp)

PRÁCTICA GUIADA 1

Un marco para una foto

Con esta primera práctica vamos a familiarizarnos con algunas herramientas de GIMP. A la vez que conocemos el uso de las herramientas de GIMP, practicaremos con los aspectos planteados a lo largo de la unidad. Al final de la práctica encontrarás un enlace 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ón y que SIEMPRE puedes obtener de la siguiente forma: haz clic sobre la imagen, se abrirá una nueva ventana del navegador en la que debes hacer clic con el botón derecho sobre la imagen y en el menú que aparece seleccionar Guardar imagen como... Te recomendamos que crees una carpeta llamada "Módulo 1" situada dentro de la creada anteriormente para el curso de GIMP.

Consigue la imagen para realizar la práctica.

1.      Guarda la imagen en la carpeta que acabas de crear y que se denomina "Módulo1".
2.      Pon en marcha GIMP y abre la imagen "pguiada01 1.jpg". Coloca la Ventana Imagen en el centro de la pantalla.
3.      La imagen carece de algo de contraste y brillo, así que primero vas a hacer unas pequeñas modificaciones en este sentido. Haz clic con el botón derecho del ratón sobre cualquier parte de la imagen, selecciona Colores --> Brillo-contraste...


4.      En el cuadro de diálogo Brillo y contraste pondrás los siguientes valores: brillo 20 y contraste 20. Puedes ver que esta herramienta tiene seleccionada la opción Vista previa, de tal forma que puedes 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 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 en la figura. Para ello debes situarte en la parte superior izquierda de la imagen (dejando un pequeño espacio), haz clic y, sin soltar, arrastra formando un rectángulo. Cuando veas que se ha formado el rectángulo suelta el botón del ratón. Presiona la tecla Enter para confirmar la selección. Los lados del rectángulo limitan la parte de la imagen que ha sido seleccionada.

6. Pulsa el botón Activar Máscara rápida, que se encuentra en la esquina inferior izquierda de la Ventana Imagen.

7.La máscara rápida permite trabajar de forma más cómoda con las selecciones. Vas a deformar esta selección utilizando un filtro. Si haces clic con el botón derecho del ratón sobre cualquier parte de la imagen y en el menú emergente que aparece seleccionas Filtros --> Distorsiones --> Ondas... aparecerá un cuadro de diálogo con ciertos parámetros. Selecciona los valores por defecto y aceptar la mascara rápida.

8. Para que la máscara no tenga un borde tan duro vamos a difuminarla utilizando otro filtro. En este caso, Filtros --> Desenfoque -- >Desenfoque Gaussiano. En la Ventana de diálogo del Filtro pon tanto en la casilla vertical como en la casilla horizontal el valor 10. Observa cómo los bordes de la máscara han quedado desenfocados.

9. Se debe invertir la imagen con el icono inversión de imagen


10. Ahora vas a rellenar la selección obtenida con un patrón. En la Caja 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 completamente.
Ahora escoge el patrón: Dried mud. Coloca el puntero del ratón dentro de cualquier parte de la selección (ves que cambia la forma del puntero) y presiona el botón izquierdo del ratón, obteniendo el relleno.

11. Quita la selección para ver el resultado. Haz clic con el botón derecho sobre cualquier parte de la imagen: Seleccionar --> Ninguno (modo de teclado abreviado May + Ctrl + A).

12. Solamente nos queda guardar el trabajo. Para no eliminar la imagen original, debes guardarla con otro nombre, por ejemplo: "alcázar con marco.jpg", en la misma carpeta donde estamos guardando los trabajos. Archivo --> Exportar... Aparece la ventana para Exportar JPG; elige los parámetros adecuados y haz clic en Exportar.