Ficha+infoteengimp4.13.compressed
- 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