Upload
bernard-villacorta-vela
View
225
Download
0
Embed Size (px)
Citation preview
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
7/25/2019 FICHA+INFOTEENGIMP4.13.compressed
http://slidepdf.com/reader/full/fichainfoteengimp413compressed 2/10
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
7/25/2019 FICHA+INFOTEENGIMP4.13.compressed
http://slidepdf.com/reader/full/fichainfoteengimp413compressed 3/10
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
7/25/2019 FICHA+INFOTEENGIMP4.13.compressed
http://slidepdf.com/reader/full/fichainfoteengimp413compressed 4/10
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
7/25/2019 FICHA+INFOTEENGIMP4.13.compressed
http://slidepdf.com/reader/full/fichainfoteengimp413compressed 5/10
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.
7/25/2019 FICHA+INFOTEENGIMP4.13.compressed
http://slidepdf.com/reader/full/fichainfoteengimp413compressed 6/10
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).
7/25/2019 FICHA+INFOTEENGIMP4.13.compressed
http://slidepdf.com/reader/full/fichainfoteengimp413compressed 7/10
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
7/25/2019 FICHA+INFOTEENGIMP4.13.compressed
http://slidepdf.com/reader/full/fichainfoteengimp413compressed 8/10
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.
7/25/2019 FICHA+INFOTEENGIMP4.13.compressed
http://slidepdf.com/reader/full/fichainfoteengimp413compressed 9/10
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
7/25/2019 FICHA+INFOTEENGIMP4.13.compressed
http://slidepdf.com/reader/full/fichainfoteengimp413compressed 10/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.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