GUÍA 10 Tema: Animación.
Contents
1. Animaci n cuadros 1 3 3 3 3 A 2 A 2 A 2 A 0 1 seg Y 1 seg 1 seg v 1 seg Y Infinito Y 4 di Pra al Y id 0 1 seg pon peno 1 seg 0 1 seg Y 0 1 seg Y ja Animaci n sencilla con varios cuadros Note que cada cuadro tiene una posici n y visualizaci n diferente de los elementos o las capas Flujo de trabajo de la animaci n 1 Una capa de fondo no puede tener animaci n por lo tanto es importante que la convierta en capa regular antes de proceder a animar 2 El siguiente paso es crear las capas necesarias con los elementos que desee animar Si la anima ci n incluye varios objetos animados de forma independiente o si desea cambiar el color de un objeto o cambiar totalmente el contenido de un cuadro cree objetos en capas separadas Manual de laboratorios 3 A ada uno o varios cuadros al panel de animaci n 4 Seleccione el primer cuadro y realice alguna de las siguientes acciones para configurar su animaci n e Activar o desactivar la visibilidad para capas distintas e Cambiar la posici n de los objetos o las capas para que el contenido de la capa se mueva e Cambiar la opacidad de la capa para provocar la transici n del contenido e Cambiar el modo de fusi n de las capas e A adir un estilo a las capas 5 Luego a ada m s cuadros y edite cada uno seg n sea necesario2. Puede generar nuevos cuadros con cambios intermedios entre dos cuadros existentes en el panel utilizando el comando Intercalar desde el men contextual ste constituye un m todo r pido para hacer que un objeto se mueva por la pantalla o para hacerlo aparecer o desaparecer gradualmente 6 Defina las opciones de retardo de cuadro y de repetici n E perae Puede asignar un tiempo de retardo para cada cuadro haciendo clic en la flecha que aparece a la par de los segundos y especificar repeticiones de manera que la animaci n se ejecute una vez un n mero determinado de veces o de forma continua haciendo en el men de opciones de re petici n a la iquierda del panel de animaci n O TE 7 Previsualice la animaci n haciendo clic en el bot n reproducir 8 Optimice la animaci n haciendo clic en esta opci n desde el men contextual 9 Finalmente puede guardar la animaci n en forma de GIF animado con el comando Guardar para Web y dispositivos Tambi n puede guardar la informaci n en formado Photoshop PSD para poder trabajar m s tarde en la animaci n o guardarlo como una secuencia de im genes pel cula QuickTime o como archivos independientes por medio del men Archivo gt Exportar gt Interpretar video Si lo guarda para Web y dispositivos aseg rese de seleccionar el formato GIF y ajuste las opciones seg n lo necesite Escoja en las opciones de animaci n si desea que la animaci n se repita una sola vez o se repi
3. Animaci n incluye los siguientes controles Opciones de repetici n Define el n mero de veces que se reproduce una animaci n cuando se exporta como archivo GIF animado Tiempo de retardo de cuadros Define la duraci n de un cuadro durante la reproducci n Intercala cuadros de animaci n A ade una serie de cuadros entre dos cuadros existentes y las propiedades de capa se interpolan var an uniformemente entre los nuevos cuadros Duplica los cuadros seleccionados A ade un cuadro a la animaci n duplicando el cuadro selec cionado en el panel Animaci n Convertir en animaci n de l nea de tiempo Photoshop Extended Convierte una ani maci n de cuadros en una animaci n de l nea de tiempo con la ayuda de im genes principales a fin de animar las propiedades de capa Dise o Digital Il Gu a 10 Crear una animaci n Una animaci n simple en Photoshop se realiza con el panel de animaci n en modo de cuadros cada cuadro representa una configuraci n de capas es decir que crear una o varias capas por cada movimiento de su animaci n e ir colocando en cada cuadro las capas que desee que est n visibles en un momento determinado de manera que al verlas todas a una cierta velocidad pro duzca la sensaci n de movimiento Normal 2 Opacidad Unificar AAA M Propagar cuadro 1 Bloq ols a Rellenc g w P F E dl 1 em 7 Background e f ad O a
4. Edici n Digital de Im genes Gu a 10 80 GU A 10 Tema Animaci n Contenidos e Creaci n de animaciones Objetivo Espec fico e Que el estudiante conozca las herramientas y proceso para realizar gif animados Materiales y Equipo e Gu a N mero 10 e Story board final de Banner web con gr ficos adelantados e Material gr fico necesario para realizar la animaci n e Puede utilizar los elementos utilizados en la gu a 7 y 8 para crear su animaci n Introducci n Te rica Animaciones La animaci n es la preparaci n de im genes o dibujos para que al pasarlos a cierta velocidad den la sensaci n de movimiento Existen muchas t cnicas y programas que sirven para animar dibujos Se puede animar dibujando una secuencia cuadro por cuadro fotografiar dibujos de los diferentes movimiento o fotografiar un modelo tridimensional que se ir cambiando de posici n lentamente a esto ltimo se le llama slow motion animation Lograr como animar dibujos es un trabajo repetitivo que requiere de muchos dibujos para obtener una escena Ya que se requiere 24 fotogramas por segundo para simular el movimiento Primero se realizan los dibujos se colorean y luego se fotograf an creando las distintas secuencias de movimiento O si son fotograf as se toman las secuencias y luego se animan Photoshop incluye un panel de animaci n que le permitir crear secuencias para guardar ani maciones por medio del uso de capas Tambi n puede ex
5. alizaci n Criterios de desempe o Pre Impresi n e Impresi n e Opciones de salida para impresi n en Photoshop INDIVIDUAL Entrega de Evaluaci n Primera Unidad y de Autoevaluaci n Realizar la evaluaci n de la Tercera unidad y Autoevaluaci n Animaci n e Creaci n de animaciones
6. eg n indicaciones del docente guardar el archivo en la carpeta personal denominado Guia 10 Medidas Porcentaje 4 728x90px Tama o m s grande 468x60px Grande 230x35px Mediano 160x600px Grande Vertical Resoluci n 72 dpi Modo de color RGB so Fecha de presentaci n PO a Semana quince 4 Mayo al 9 Mayo Condiciones de realizaci n e Creaci n de animaciones INDIVIDUAL Desarrollo del ejercicio seg n la gu a de laboratoriOo Denominar el archivo como Gu a 10 dentro de su carpeta personal Banner para Web Gu a 10 Revisi n general mientras el alumno trabaja PLANIFICACI N DE LAS ACTIVIDADES DE APRENDIZAJE EVALUADAS DE LABORATORIO Edici n digital de im genes Lic Ulises Lazo Lic Tania Dominguez Lic Marcela Mendoza Lic Marcela Altamirano EVALUACI N UNIDAD 3 A Maneja herramientas de edici n digital y las TIC s para la Competencia Z E p producci n de materiales multimedia Indicador de logro Utilizar las herramientas digitales en la producci n gr fica de acuerdo a las necesidades de comunicaci n Evidencia lo que se va a entregar Archivos digitales Formato de Photoshop PS Captura de pantalla cuando se le indique Desarrollo de la pr ctica de laboratorio Porcentaje 5 Realizaci n de Evaluaci n de la Tercera Unidad y Autoevaluaci n Porcentaje Evaluaci n Pr ctica 3 5 Fecha de presentaci n Semana dieciseis 11 Mayo al 16 Mayo Condiciones de re
7. portar a formato Photoshop un archivo con capas desde ilustrador y animarlo desde Photoshop Estas animaciones pueden guardarse en formato gif para crear gifs animados que en determinado momento puede servir para utilizarlo como banner Web En Photoshop el panel Animaci n Ventana gt Animaci n aparece en modo de cuadros mostran do una miniatura de cada uno de los cuadros de la animaci n 81 Manual de laboratorios Utilice las herramientas que se encuentran en la parte inferior del panel para desplazarse por los cuadros definir las opciones de repetici n a adir y eliminar cuadros y previsualizar la animaci n El men del panel Animaci n contiene comandos adicionales para la edici n de cuadros o dura ciones de la l nea de tiempo as como para configurar la visualizaci n del panel Haga clic en el icono de men del panel para ver los comandos disponibles Animaci n cuadros x Infinito 44 dl Ple a i A E C D E F G Panel Animaci n modo de cuadros A Selecciona el primer cuadro B Selecciona el cuadro anterior C Reproduce la animaci n D Selecciona el cuadro siguiente E Intercala cuadros de animaci n F Crea un cuadro nuevo o Duplica los cuadros que est n seleccionados G Elimina los cuadros seleccionados H Realiza una conversi n al modo de l nea de tiempo s lo Photoshop Extended I Men del panel Animaci n Controles del modo de cuadros En el modo de cuadros el panel
8. ta de manera continua Puede seleccionar el bot n previsualizar para verlo su animaci n en acci n y luego oprima el bot n Guardar seleccione una ubicaci n y guarde Dise o Digital Il Gu a 10 84 Procedimiento 1 Abra archivo nuevo comando N Nombrelo Banner para Web Gu a 10 Algunos de los tama os estandar de los banners en Internet son 728 x 90 pixeles Tama o M s grande 468 x 60 pixeles Tama o Grande 230 x 35 pixeles Tama o medino 90 x 30 pixeles Tama o peque o 160 x 600 pixeles Tama o grande en vertical Sin embargo debe verificar el tama o que dej para el banner en su sitio Web Seleccione opci n Web para tener las dimensiones en pixeles y cambie las opciones al tama o que haya dispuesto para hacer su baner Resolucion de 72 ppi Modo color RGB Contenido Blanco Hacer click a OK Gu rdelo en una carpeta llamada gu a 9 y ub quela dentro de su carpeta personal 2 Abra las fotograf as a utilizar y realice los ajustes y efectos necesarios 3 Dise e su banner y an melo siguiendo los pasos para crear una animaci n explicados en la gu a 4 Guarde el documento en la carpeta Gu a 9 con la opci n Archivo gt Guardar para Web seleccionando el formato de archivo GIF si selecciona otro formato su animaci n no tendr efec to y elija la opci n de repetici n de animaci n continua 5 Para que su gif animado funcione como parte de su p gina Web debe sustit
9. uir la imagen gif que est en la carpeta imagenes dentro de su carpeta ra z de la semana anterior por el gif animado Para ello debe copiar el gif animado con el mismo nombre que tiene la imagen gif que ocupa el lugar en donde quiere que aparezca su baner Finalmente puede abrir el html en un navegador web y verificar que su p gina Web y su gif anima do funcionen correctamente Referencias Bibliogr ficas Adobe Photoshop CS 4 Gu a del Usuario Adobe Photoshop 5 0 Curso completo en un libro Prentice Hall M xico 1999 Fotograf a Digital Edici n 2009 Zoe Plasencia L pez Ediciones Anaya Multimedia Madrid 2009 La Biblia de Photoshop CS3 Laurie Ulrich Fuller Robert C Fuller Ediciones Anaya Multimedia Espa a 2008 PLANIFICACI N DE LAS ACTIVIDADES DE APRENDIZAJE EVALUADAS DE LABORATORIO Edici n digital de im genes Lic Ulises Lazo Lic Tania Dominguez Lic Marcela Mendoza Lic Marcela Altamirano GUIA DE LABORATORIO 10 ANIMACI N E Maneja herramientas de edici n digital y las TIC s para la producci n de Competencia E i materiales multimedia Indicador de logro Utilizar las herramientas digitales en la producci n gr fica de acuerdo a las necesidades de comunicaci n Evidencia lo que se va a entregar Actuaci n Archivos digitales Formato de Photoshop PS Captura de pantalla cuando se le Desarrollo de la pr ctica de laboratorio indique Dise o y Animaci n de Banner para web s
Download Pdf Manuals
Related Search