Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

Computación Aplicada a la Fonoaudiología 2015

TEMA 3. IMAGEN

Objetivo

Aprender a generar y editar imágenes para su uso como material fonoaudiológico.

Actividades primera parte.

Abra el programa Gimp. Genere un nuevo archivo (menú Archivo / Nuevo) con los mismos parámetros que se observan en la imagen.

Si las opciones avanzadas aparecen minimizadas, debe hacer click sobre el botón correspondiente, para ver el detalle de resolución.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

Antes de comenzar la edición, guarde el archivo con el nombre “actividad 1” en formato xcf. Este archivo permitirá realizar la edición de la imagen que luego deberá ser exportada en el formato deseado, una vez que esté lista.

Es posible que al abrir gimp no se visualice inmediatamente la barra de herramientas. En ese caso será necesario ir al menú ventanas/caja de herramientas y con esto se hará visible la barra, posiblemente al lado izquierdo de la pantalla.

Desde el menú ventanas/diálogos empotrables, será posible configurar el modo de visualización de gimp y qué ventanas se dejarán abiertas sobre la ventana de trabajo de la imagen.

Será importante visualizar la ventana CAPAS y OPCIONES DE HERRAMIENTAS.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

EL software GIMP permite trabajar una imagen con distintas capas superpuestas. Para agregar capas al archivo antes creado, se debe ir al menú capas/crear nueva capa. Se abre un cuadro de dialogo que permite configurar la capa. Deje todos los parámetros que aparecen por defecto.

Cree 3 capas, aparte de la capa inicial denominada fondo. En la ventana CAPAS observará la lista de 4 capas que la imagen contiene.

Además se verá que la capa que aparece más arriba en la lista está seleccionada, y por lo tanto aparece sobre un fondo gris.

Desde esta misma lista seleccione con el mouse la primera capa (fondo) y luego en la barra de herramientas a la izquierda, elija la herramienta de selección de rectángulos. Con ella cree un rectángulo en la capa de fondo.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

Con la herramienta de relleno (representada por un bote de pintura), pinte esa selección rectangular de color negro.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

Seleccione ahora la segunda capa que aparece en la lista justo sobre la capa de fondo y con la herramienta de selección elíptica cree un círculo que aparezca sobre alguna de las esquinas del rectángulo negro.

Vaya a la herramienta colores de frente y fondo y cambie el color de frente por rojo.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

Luego pinte rojo el círculo mediante el bote de pintura.

En la capa siguiente, escriba su nombre y apellido mediante el uso del pincel con color verde. (Debe cambiar el color de frente).

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

Para poder escribir sobre la capa completa, deberá ir al menú Seleccionar/ Todo, ya que como se observa en la imagen anterior, sigue habiendo una selección circular.

Manteniendo la misma selección (imagen completa) vaya a la capa superior, y luego al menú SELECCIONAR/BORDE.

Cree un borde de 25 pixeles de grosor. Esto creará un marco en la selección pero no aparecerá con color.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

Manteniendo esa selección vaya al menú EDITAR/rellenar con un patrón.

Guarde los cambios en el archivo anterior. (recuerde que es un archivo xcf que permitirá continuar con la edición.

Desde el menú archivo/exportar; exporte el archivo creado, como jpg y guárdelo con el nombre actividad 1.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

A partir del mismo archivo Utilizando la herramienta de emborronado, difumine todos los bordes del círculo, rectángulo, nombre y marco. Deberá ir seleccionando cada capa correspondiente para trabajar sobre ella.

Esta imagen debe ser exportada en formato jpg con el nombre actividad 2.

Ambas imágenes deben ser publicadas en el blog, en un solo post, que debe llevar la etiqueta IMAGEN y el título del post será actividades 1 y 2.

Acceda a su blog para ver de qué dimensiones es la imagen de la cabecera. Acceda a Escritorio/apariencia/cabecera.

Figura 23. Menú apariencia / cabecera

Entonces aparecerán las dimensiones exactas de la imagen de cabecera.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

Figura 24. Tamaño Cabecera del Blog.

Genere en GIMP una imagen con las dimensiones especificadas en su blog. (Para el ejemplo serían 990 x 180 pixeles), con resolución 72 pixeles por pulgada.

Utilice la herramienta de mezcla para generar un fondo para la imagen de la cabecera del blog. Puede modificar los colores y diseño del degradado y la forma del degradado. En la zona opciones de herramienta.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

Una vez elegido el diseño y color del degradado de fondo, agregue una capa en la cual deberá escribir su nombre con la herramienta pincel, utilizando un color distinto al del fondo degradado.

Debe exportar la imagen como jpg, y posteriormente subirla al blog como cabecera.

Por último, descargue desde internet 10 imágenes para colorear (en blanco y negro). Y realice las siguientes transformaciones sobre cada una de ellas:

• Coloree las imágenes mediante el bote de pintura. • Agregue un marco de un color único o relleno con un patrón en cada

imagen. • Cada imagen debe tener un marco de color distinto o con un patrón de

diseño distinto. • Utilice la herramienta para difuminar algunas zonas de la imagen. • En una de las cuatro esquinas escriba sus iniciales con la herramienta

pincel. • Genere un archivo Word que debe contener las 10 imágenes editadas,

cada una junto con la original tomada de internet. Guarde el archivo en formato pdf cuando ya contenga las 20 imágenes.

• Suba este archivo a su blog en un nuevo post denominado 10 imágenes editadas. Agregue la categoría IMAGEN al post.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

Actividades segunda parte.

1. Abra el programa Gimp. Genere un nuevo archivo (menú Archivo / Nuevo) de 640

x 480 pixeles, con fondo verde. 2. Genere 5 capas aparte de la capa de fondo. 3. En la capa más cercana al fondo cree un rectángulo y luego transforme dicha

selección en el menú seleccionar/distorsión. Configure esta herramienta como se muestra a continuación.

4. Pinte la nueva selección con algún patrón.

5. En la siguiente capa dibuje un círculo y modifique la selección tal como lo hizo con el rectángulo. Mantenga la configuración para la distorsión. Llene esta nueva selección con un degradado en tonos amarillos.

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

6. En la cuarta capa realice una selección con forma de estrella, mediante la herramienta de selección libre.

7. Luego genere un borde de 10 pixeles a esa selección (menú seleccionar/borde). Posteriormente utilice el menú editar/rellenar con el color de frente. (use color rojo).

8. En la siguiente capa, dibuje un espiral utilizando el lápiz en color morado. Ajuste su forma y grosor. Recuerde que debe seleccionar TODO para que el lápiz pinte sobre toda la capa.

9. Aplique un filtro de mosaico sobre esta capa, seleccionando la capa en la ventana de diálogo de capas, y accediendo posteriormente al menú filtros/distorisiones/mosaico.

10. Por último en la capa superior escriba sus iniciales, separadas por punto. Utilice tipografía Harrington y tamaño 60; color negro. Una vez escritas, realice una

 

Universidad Mayor Escuela de Fonoaudiología Computación Aplicada a la Fonoaudiología  

rotación sobre esta capa, accediendo al menú capa/transformar/rotación arbitraria, y elija un ángulo de rotación de -45°. El resultado debe ser similar a la siguiente imagen:

11. Acceda al sitio http://www.catedu.es/arasaac/catalogos.php que corresponde al Portal Aragonés de la Comunicación Aumentativa y Alternativa.

12. Descargue 10 pictogramas color, y edite cada una de esas imágenes, mediante el uso de todas las herramientas que se han mencionado en estas 2 partes de la guía.

13. Cada imagen editada debe contener: aplicación de un filtro distinto en alguna parte de la imagen, sus iniciales en alguna de las 4 esquinas, que deben aparecer con algún ángulo de rotación, un marco que debe tener distorsión, algún degradado o patrón que se utilice para pintar partes de la imagen.

14. Confeccione un archivo pdf que contenga los 10 archivos originales y los 10 editados, y suba dicho material a su blog, con el título 10 Imágenes Arasaac editadas.