Este documento presenta el Módulo 4 de un curso de diseño gráfico con GIMP. El módulo cubre animaciones sencillas, creación de logotipos y retoque fotográfico. Instruye sobre cómo crear animaciones usando capas en GIMP y cómo retocar imágenes y fotografías con las herramientas de curvas y niveles. El módulo dura 4 semanas y proporciona ejemplos y actividades para que los estudiantes apliquen los conceptos.

1. Infoteens
CURSO
Diseño Gráfico con GIMP
MÓDULO 4
Animaciones sencillas, logotipos y
retoque fotográfico

2. Infoteens
MÓDULO 4: Animaciones sencillas, logotipos y retoque fotográfico
NOMBRE DEL
MÓDULO -4
CONTENIDOS RECURSOS
CAPACIDADES ESPECÍFICAS
ACTITUDES Y
VALORES
DURACIÓN
Comprensión e
información
Indagación y
experimentación
Juicio crítico Creatividad
-Se muestra
dispuesto a
aprender los
conceptos
necesarios
para realizar
las tareas
propuestas.
-Realiza los
retoques
necesarios
según las
fotografías
propuestas.
4
semanas
•
Módulo 4
Animación
sencilla
Creación de
logotipos
Retoque de
imágenes y
fotografías
• Fichas de
Aprendizaje
• Aplicaciones
en la
plataforma
Paideia.
Computadora
-Identifica el uso de
las capas y su
utilización en la
creación de
animaciones.
-Utiliza la
herramienta texto
en la creación de
logotipos
-Reconoce las
propiedades de las
curvas y los niveles
para la realización
de retoque.
-Explora las
herramientas de
la cinta de
opciones
aplicando
formato a los
documentos
elaborados
-Regula márgenes
a través del uso
adecuado de la
ficha diseño de
página.
-Define su
propia
configuración
de hojas.
-Inserta imágenes
desde archivo de
modo
satisfactorio
-Explora e
integra
conectores y
formas.
-Valora las
herramientas de las
capas en la
creación de
animaciones.
-Elige las
herramientas
pertinentes para la
creación de
logotipos
innovadores.
-Elige el balance
apropiado para el
retoque de las
imágenes.
-Crea una
animación
sencilla utilizando
las herramientas
de capas.
-Crea un logotipo
de manera
creativa
utilizando las
herramientas
aprendidas.
-Utiliza la
herramienta
balance de color
para retocar las
imágenes de
manera creativa
Animaciones
sencillas,
logotipos y
retoque
fotográfico

3. 1
13Tema: Alternando la orientación de las páginas
Realiza animaciones sencillas.
Logro
Conocimientos previos
@
#
n°
Observa el muñeco de la imagen; da la sensación de que
se está moviendo. Ahora que ya conoces varias
herramientas de GIMP, ¿cuáles crees que serían útiles
para crear una animación? Comenta con tus
compañeros.
Ficha de Aprendizaje

4. 2
Contenidos de aprendizaje
Mapa de contenidos
Definición de animación sencilla
Realiza lo siguiente:
Una imagen animada está conformada por fotogramas
(imágenes fijas) que van mostrándose con un intervalo de
tiempo definido en cada imagen.
GIMP permite generar animaciones sencillas usando el
concepto que revisamos en las fichas anteriores: capas.
Para ello, es requisito indispensable que cada cuadro de la
animación se encuentre en una capa diferente.
permite realizar
Para ello es necesario
ReproducirUtilizar
capas
Animaciones
Gimp
Guardar
Ejemplo 1
Establecer capas para la animación
Crea una imagen
nueva con fondo
blanco de 360 x 128
píxeles.
1

5. 3
Puedes usar la opción para hacer visibles o no las capas de texto mientras se escriben
y/o usar líneas guías como referencia.
Los textos son:
1. Mi primera 2. Animación 3. Con GIMP
2 Copia el logo de
GIMP, que
encuentres en
Internet y pégalo
en la capa creada.
Observa que la imagen
pegada se agrega como una
selección flotante. Para que
esta selección forme parte
de la última capa creada,
deberemos usar la opción
para anclar la imagen
3 Añade uno a uno tres textos a la
imagen. Los tres deben estar
alineados y usar el mismo tipo de
letra: Script MT Bold y Bold, y el
mismo tamaño de fuente: 40. Usa la
herramienta Texto , para realizar el
1er. texto. Luego, usa la opción
Duplicar de la ventana de capas,
para los otros dos textos restantes.
Coloca el cursor al borde de las
reglas (horizontal y vertical) y
jala la guía. Servirán de
referencia para colocar los
textos.

6. 4
Hasta aquí hemos realizado el trabajo con capas para la imagen. A continuación,
procederemos a animar los textos ingresados.
Se necesitará que el fondo de cada texto sea de color blanco.
Para la animación, todas las capas deben tener
activa la propiedad Visible.
Reproducir la animación
Una vez establecidas las capas y el tiempo de retardo, al
mostrar cada una de ellas se usará la opción Animación
del menú Filtro para “animar” los textos en las capas.
Desde el menú Filtro elegimos Animación
-> Reproducción. Esta acción mostrará la
ventana Reproducir animación, en la cual
se podrá ver cada cuadro de la animación.
4 Oculta la capa Fondo y usa la
herramienta Relleno con color
blanco en cada texto. Y, finalmente,
guarda el archivo como
animación_1.xcf.
5 Al lado de cada nombre de capa
ingresa el tiempo de retardo con el
que se mostrará cada cuadro de
texto, tal como aparece en la
imagen de la derecha. El tiempo se
coloca en milisegundos (ms).

7. 5
Un formato que soporta animaciones sencillas es el formato de imágenes GIF. Las
imágenes en este formato pueden colocarse en páginas web.
Para crear la imagen en formato GIF, debemos ir al menú Exportar y modificar el
nombre del archivo animación_1.xcf por animación_1.gif. Luego, haz clic en el boton
Exportar.
La secuencia que se muestra en la animación es la siguiente:
Guardar la animación
A continuación, se mostrará las
ventanas de diálogo que permitirán
exportar el archivo a este formato.
Nota que se debe marcar la opción
Como animación y que también se
puede especificar el retraso entre
cuadros, entre otras opciones.
Finalmente, se debe seleccionar el botón Exportar.
Para visualizar el resultado, abre la
imagen creada, animación_1.gif, con un
navegador de Internet. En el ejemplo se
usa FireFox.
Toma en cuenta que con cuatro capas,
tres de texto y una de fondo, solo se
verá una capa a la vez. Sin embargo en
las capas de texto el fondo alrededor de
los cuadros de texto es transparente y
por ello en cada secuencia siempre se
verá el logo.
43
1 2

8. 6
Para realizar esta animación, abre el archivo
cachorro.png y realiza lo siguiente:
Ejemplo 2
1 Duplica la capa de la
imagen original.
2 Con el Pincel y el
color blanco, elimina
la cola del cachorro.
3 Ubícate en la capa original
cachorro.png y con la selección
elíptica copia la cola en la otra
capa. Observa que se crea una
capa flotante.
4 Antes de anclar la copia, usa la
herramienta Rotar y gira la cola
hacia la derecha. Ángulo: 20;
Centro X: 90.5; y Centro Y: 172.

9. Repite el mismo procedimiento para
crear otra capa, pero esta vez gira la
cola a la izquierda y ubica esta capa
debajo de la capa original.
Finalmente, sigue los mismos pasos que en el ejemplo anterior para generar el
archivo .gif.
5 Luego de ubicar la cola en la
nueva posición, selecciona la
capa flotante y ánclala a la capa
Copia de cachorro.png.
Finalmente, renombra la capa
7

10. Ingresa a Paideia y realiza las siguientes actividades:
Aplica lo aprendido
Amplia tus conocimientos @
En los siguientes enlaces encontrarás mayor información sobre animación
de imágenes:
http://www.gimp.org.es/tutoriales/animaciones/
http://es.wikihow.com/crear-una-imagen-GIF-animada-con-GIMP
Aplicación 4.1
Utilizando distintos colores y la herramienta pincel crea un diseño
que te guste, luego duplica la capa y bloqueando la capa de abajo
usa la herramienta emborronado y modifica el
diseño de la capa 2. Duplica la capa 2 y repite los mismos pasos
en la capa 3 y así sucesivamente hasta tener cinco
modificaciones progresivas del tu diseño original. Luego configura
la animación para que cada fotograma (capa) dure 1000 ms.
Aplicación 4.2
Usa un lienzo de 512 x 324 píxeles y crea una postal animada
para invitar a unos amigos a visitar nuestro país.
Se pueden usar cuatro imágenes y generar una animación con
cuatro secuencias.
machu-pichu.png costa_mar.png
sierra_alpaca.png selva.png
8
1 2
3 4