FICHA+INFOTEENGIMP4.13.compressed

7/25/2019 FICHA+INFOTEENGIMP4.13.compressed

http://slidepdf.com/reader/full/fichainfoteengimp413compressed 1/10

Infoteens

CURSO

Diseño Gráfico con GIMP

MÓDULO 4 Animaciones sencillas, logotipos yretoque fotográfico



Infoteens

MÓDULO 4: Animaciones sencillas, logotipos y retoque fotográfico

NOMBRE DEL MÓDULO -4

CONTENIDOS RECURSOS

CAP ACIDADES ESPECÍFICAS ACTITUDES Y

VALORESDURACIÓN

Comprensión einf ormación

Indagación y experimentación

Juicio crí tico Creatividad

-Se muestra dispuesto a aprender losconc eptosnecesariospara realizarlas tareaspropuestas.

-Realiza losretoquesnecesariossegún lasf otograf í aspropuestas.

4 semanas

Módulo

4

Animación sencilla

Creación delogotipos

Retoque deimágenes y f otograf í as

Fichas de Aprendiza je

Aplicac ionesen la plataf orma Paideia.

Computadora

-Identifica el uso delas capas y su utilización en la creación deanimac iones.

-Utiliza la herramienta textoen la creación delogotipos

-Reconoce laspropiedades de lascurvas y los nivelespara la realización de retoque.

-Explora lasherramientas dela c inta deopc ionesaplicandof ormato a losdocumentoselaborados

-Regula márgenesa través del usoadecuado de la ficha diseño depágina.

-Define su propia

configuración de hojas.

-Inserta imágenesdesde archivo demodosatisfactorio -Explora eintegra conectores y f ormas.

-Valora lasherramientas de lascapas en la creac ión deanimac iones.

-Elige lasherramientaspertinentes para la creación delogotiposinnovadores.

-Elige el balanceapropiado para el retoque de lasimágenes.

-Crea una animac ión senc illa utilizandolas herramientasde capas.

-Crea un logotipode manera creativa utilizando lasherramientasaprendidas.

-Utiliza la herramienta balance de color

para retocar lasimágenes demanera creativa

Animacionessencillas,logotipos yretoquefotográfico



1

13 Tema: 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 quese está moviendo. Ahora que ya conoces varias

herramientas de GIMP, ¿cuáles crees que serían útilespara crear una animación? Comenta con tus

compañeros.

Ficha de Aprendizaje



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 detiempo definido en cada imagen.

GIMP permite generar animaciones sencillas usando elconcepto que revisamos en las fichas anteriores: capas.Para ello, es requisito indispensable que cada cuadro de laanimación se encuentre en una capa diferente.

permite realizar

Para ello es necesario

ReproducirUtilizarcapas

Animaciones

Gimp

Guardar

Ejemplo 1Establecer capas para la animación

Crea una imagennueva con fondoblanco de 360 x 128píxeles.

1



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 deGIMP, queencuentres enInternet y pégaloen la capa creada.

Observa que la imagenpegada se agrega como unaselección flotante. Para queesta selección forme partede la última capa creada,

deberemos usar la opciónpara anclar la imagen

3 Añade uno a uno tres textos a laimagen. Los tres deben estaralineados y usar el mismo tipo deletra: Script MT Bold y Bold, y elmismo tamaño de fuente: 40. Usa laherramienta Texto , para realizar el1er. texto. Luego, usa la opciónDuplicar de la ventana de capas,para los otros dos textos restantes.

Coloca el cursor al borde de lasreglas (horizontal y vertical) y

jala la guía. Servirán dereferencia para colocar lostextos.



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 teneractiva la propiedad Visible.

Reproducir la animaciónUna vez establecidas las capas y el tiempo de retardo, almostrar cada una de ellas se usará la opción Animacióndel menú Filtro para “animar” los textos en las capas.

Desde el menú Filtro elegimos Animación-> Reproducción. Esta acción mostrará laventana Reproducir animación, en la cualse podrá ver cada cuadro de la animación.

4 Oculta la capa Fondo y usa laherramienta Relleno con colorblanco en cada texto. Y, finalmente,guarda el archivo comoanimación_1.xcf.

5 Al lado de cada nombre de capaingresa el tiempo de retardo con elque se mostrará cada cuadro detexto, tal como aparece en laimagen de la derecha. El tiempo secoloca en milisegundos (ms).



5

Un formato que soporta animaciones sencillas es el formato de imágenes GIF. Lasimágenes en este formato pueden colocarse en páginas web.

Para crear la imagen en formato GIF, debemos ir al menú Exportar y modificar elnombre 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á lasventanas de diálogo que permitiránexportar el archivo a este formato.Nota que se debe marcar la opciónComo animación y que también sepuede especificar el retraso entrecuadros, entre otras opciones.

Finalmente, se debe seleccionar el botón Exportar.

Para visualizar el resultado, abre laimagen creada, animación_1.gif, con unnavegador de Internet. En el ejemplo seusa FireFox.

Toma en cuenta que con cuatro capas,tres de texto y una de fondo, solo severá una capa a la vez. Sin embargo enlas capas de texto el fondo alrededor delos cuadros de texto es transparente ypor ello en cada secuencia siempre severá el logo.

43

1 2



6

Para realizar esta animación, abre el archivocachorro.png y realiza lo siguiente:

Ejemplo 2

1 Duplica la capa de laimagen original.

2 Con el Pincel y elcolor blanco, eliminala cola del cachorro.

3 Ubícate en la capa originalcachorro.png y con la selecciónelíptica copia la cola en la otracapa. Observa que se crea unacapa flotante.

4 Antes de anclar la copia, usa laherramienta Rotar y gira la colahacia la derecha. Ángulo: 20;

Centro X: 90.5; y Centro Y: 172.



Repite el mismo procedimiento paracrear otra capa, pero esta vez gira lacola a la izquierda y ubica esta capadebajo de la capa original.

Finalmente, sigue los mismos pasos que en el ejemplo anterior para generar elarchivo .gif.

5 Luego de ubicar la cola en lanueva posición, selecciona lacapa flotante y ánclala a la capaCopia de cachorro.png.

Finalmente, renombra la capa

7



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.1Utilizando distintos colores y la herramienta pincel crea un diseñoque te guste, luego duplica la capa y bloqueando la capa de abajo

usa la herramienta emborronado y modifica eldiseño de la capa 2. Duplica la capa 2 y repite los mismos pasosen la capa 3 y así sucesivamente hasta tener cincomodificaciones progresivas del tu diseño original. Luego configurala animación para que cada fotograma (capa) dure 1000 ms.

Aplicación 4.2Usa un lienzo de 512 x 324 píxeles y crea una postal animadapara invitar a unos amigos a visitar nuestro país.Se pueden usar cuatro imágenes y generar una animación concuatro secuencias.

machu-pichu.png costa_mar.png

sierra_alpaca.png selva.png

8

1 2

3 4

Documents

FICHA+INFOTEENGIMP4.13.compressed