PROGRAMA DIGITAL JUNIOR Dificultad: * Fácil Simple Intermedio * Complejo Difícil Prácticas de Flash Fundamentos Ejercicio Temas Consigna Dificultad Materiales y Modelos EjFlaFun01 Herramientas de dibujo, Trabajo con objetos Propiedades del texto Diseñar la película flash utilizando capas separadas. Flecha Camión Círculo Texto Círculo: An: 274 Al: 274 Tamaño del borde 10 * Flash1.swf / senales.doc Texto: Letra Arial 25-1-
Tamaño de la película Al:400 An:550 EjFlaFun02 Herramientas de dibujo, Capas, escenas, Fotogramas Trabajo con objetos La película tiene dos escenas: Día Noche El tamaño de la película debe ser de Al: 400 An:400 La velocidad es de 12 fps Cada escena contendrá para todas las capas por igual 50 fotogramas Escena día: El cielo se ubica en un capa fondo, con degradado lineal de celestes Campo: capa superior degradados en verdes Palo: An: 41 Al: 215 Cartel: amarillo, cuadrado, con rotación de 45º, bordes negros Señalización: Arial 51(dibujar dos triángulos iguales) Camino Textos : Arial 34 Flash2.swf / senales.doc Noche: El cielo se ubica en un capa fondo, color azul oscuro Campo: verde oscuro Cartel: Un hexágono con todos sus lados iguales color rojo -2-
EjFlaFun03 Herramientas de dibujo, Texto, separar Fotogramas clave (degradado radial), (bordes rojo blanco rojo)se pueden superponer dos hexágonos para formar la figura. Textos : Arial 34 Esta animación es cuadro a cuadro. Es necesario escribir el texto y convertirlo a modo gráfico. Se necesitan aproximadamente 100 fotogramas para realizar la película. Tamaño Al. 400 An:400 Velocidad 12fps Capas: Pizarrón Texto Tiza Flash3.swf Nota: escribir el texto, separarlo. Cada fotograma clave implica un cambio donde se van agregando porciones de las letras. Probara usando la herramienta borrador, para las letras que todavía no se utilizan EjFlaFun04 Herramientas de dibujo, interpolación de movimiento, Símbolo gráfico, propiedades del texto Tamaño de la película: Al 358 An:240 Realizar el gráfico: Flash4.swf /senales.doc -3-
El texto AU1: blanco con bordes negros. Texto de la señal Arial bold 28 Capas: Textos Grafico Fondo Banda roja Interpolación de movimiento: Color alfa, Movimiento de Objeto Tamaño de objeto EjFlaFun05 Interpolación de movimiento, panel de Transformación (rotación), Rotación de la señal en el cartel Dimensión de la película: An: 550 Al: 400 Velocidad 12fps Flash5.swf /senales.doc Capas: Texto: Arial 43 bold Palo Cartel: amarillo, cuadrado, con rotación de 45º, bordes negros Señal: Flechas rotadas (Usar herramientas de dibujo, distorsión, subselección, duplicar los objetos) Interpolación de movimientodel circulo formado por flechas haciéndolo girar 360º en forma constante (la película se repite y no se nota). Cantidad de fotogramas usados 36. -4-
EjFlaFun06 Herramientas de dibujo, Capas, Interpolación de movimiento, Símbolo gráfico, Biblioteca Animación: An: 267 Al:370 Cantidad total de fotogramas: 241 Capas: Cartel: o Rectángulo con radio de esquina: 30 o Bordes en color negro: tam 3 o En la parte superior del cartel se recorta la silueta de otro rectángulo con radios de esquina ( queda como una ventana). Museo: Herramientas de dibujo Duplicar las columnas Aeródromo: Herramientas de dibujo Correo: Herramientas de dibujo Flash6.swf /senales.doc Museo, aeródromo y correo son símbolos gráficos, que se animan en diferentes capas con diferentes interpolaciones, en forma consecutiva. Textos varían según la señal. Arial 34 (amarillo) EjFlaFun07 Capas, Transformación (rotación), Interpolación de forma. Animación: An: 550 Al:400 Tiempo total de duración: 9.0s Flash7.swf / senales.doc Esta animación cuenta con tres capas -5-
Textos: o Camino lateral -> Bifuración Cartel: o Cuadrado: 180 px x 180 px o Color: #F3F301 Forma: Interpolación de formas EjFlaFun08 Interpolación de forma, Pista de formas, Animación: An: 550 Al:400 Tiempo total de duración: 13.6s Flah8.swf /senales.doc Capas: Textos: o Estrechamiento de calzada -> Puente Angosto Cartel: o Cuadrado: 180 px x 180 px o Color: #F3F301 Forma: Interpolación de formas, utilizar Pista de formas EjFlaFun09 Interpolación de movimiento, rotación: alfa, Tranformación de formas. Escenas Animación: An: 400 x Al:400 Flah9.swf /senales.doc La película está compuesta de 3 escenas. Escena 1: 9.4 s -6-
Cuatro capas: Textos: Camino o calle sin salida Señal: Sin salida (Intepolación de movimiento) Caminos: (Intepolación de movimiento) Cartel An:212: Al: 292 color: azul Escena 2: 12.4 s Cuatro capas: Textos: Cruce de caminos a nivel Señal1: Rectangulo 19 x 187 (duplicar),, Señal 2 :interpolación de movimiento Interpolación de movimiento) (rotación) Cartel Cuadrado amarillo, con interpolación Rotación y aumento de tamaño. Escena 3: 10.7s Cuatro capas: Textos: Prohibido estacionar Cartel: circulo con línea que gira (Interpolación de movimiento) E :interpolación de movimiento- Alfa -7-
EjFlaFun10 Interpolación de movimiento, Interpolación de formas, Escenas, capas, transformación. Tomando como referencia el ej: flash9.swf realizar a libertad de elección una película que como mínimo cuente con tres señales Una de Prevención Una de Reglamentación Una de Información Flash9.swf /senales.doc EjFlaFun11 Interpolación de forma separación de texto a modo gráfico. Como mínimo tres escenas, una por cada señal Animación: An: 550 Al:200 Cantidad total de fotogramas: 206 * Flash11.swf Capas: Cartel: compuesto de, palo, flecha, un cuadrado y un rectángulo con borde redondeado. de0a100: Seguridad (interpolación de forma) letra x por letra a Prudencia. (separar texto). Fondo: rectángulo del tamaño del documento, degradado lineal de celeste a blanco. EjFlaFun12 Propiedades de la capa: Con Guía, Interpolación de movimiento con rotación de objetos, Animación: An: 550 Al:400 Cantidad total de fotogramas: 180 Símbolos gráficos: Flash12.swf -8-
Símbolo gráfico. Capas Manzana Auto Manzanas: Instancias de Manzana guía (dibujo del trayecto del auto) con guía: (interpolación de movimiento del auto) Fondo: Rectángulo del tamaño del documento color gris. EjFlaFun13 Propiedades de la capa: Con Guía, Interpolación de movimiento con rotación de objetos, Símbolo clip de película. Animación: An: 550 Al:300 Cantidad total de fotogramas: 87 Símbolos de clip: Tierra.gif (importar gif animado a la biblioteca) Carpeta Flash13: Flash13.swf Tierra.gif Estrella (dibujar una estrella pequeña con dos fotogramas para simular el destello de luz) Capas Solsuperior (mitad sol superior) Guía-tierra: (dibujo del trayecto de la tierra circular)herramienta circulo sin centro. Tierra: Ïnerpolación de movimiento sobre el clip tierra.gif Solinferior (mitad sol inferior) Fondo: inserción de los clips de estrellas y un rectangulo del -9-
tamaño del fondo color azul oscuro. EjFlaFun14 Propiedades de la capa: Con Guía, Interpolación de movimiento con rotación de objetos, Símbolo clip de película. EjFlaFun15 Símbolo botón Duplicar botones Tomando como referencia el ej: flash13.swf realizar mas orbitas alrededor del sol (agregarle Mercurio y Venus) Realizar una botonera Que conste de cuatro botones. Hoteles Transportes Recorridos Museos. Los botones deben contener dos capas Texto Forma: Paralelogramo Altura 32.5 Ancho 157.8 Estados: Reposo: relleno degradado radial rojo Sobre: degradado radial verde Presionado y zona activa: verde Carpeta Flash13 Flash13.swf Tierra.gif Venus2.gif Mercurio.gif Flash15.swf -10-
EjFlaFun16 Compartir bibliotecas. (importar bibliotecas flash), Simbolo clip de película Transparencia alfa. Animación: An: 581 Al:306 Tiempo: 6.2 s Importar la biblioteca biblioflash16.fla que contiene Animación de la pecera compuesta por Varias capas. Carpeta Flash16 Cada capa contiene un gif animado de un objeto distinto. (tener en cuenta la posición de los objetos en las capas) según el orden de apilación. Queda a criterio del alumno, realizar una pecera con similares características que la animación actual. Agregar agua (con un rectángulo y colores alfa) Agregar el vidrio de la vista de la pecera, se encuentra en la biblioteca. EjFlaFun17 Símbolo botón Compartir bibliotecas. (importar bibliotecas flash), Transparencia alfa. EjFlaFun18 Propiedades de la capa: Con Guía, Interpolación de movimiento con Animación: An: 550 Al:400 Fotogramas: 1 Importar la biblioteca biblioflash17.fla que contiene alguno de los botones. Completar la secuencia de botones para que sea lo mas similar posible el modelo flash17.swf Animación: An: 550 Al:400 Fotogramas: 104 * Carpeta Flash17 Biblioflash17.fla Flash17.swf Flash18.swf -11-
rotación de objetos, Símbolo gráfico. Símbolo clip de película Realizar la animación del carrito en movimiento Tener en cuenta que Se tiene un símbolo gráfico: carrito Símbolo clip de película Ruedas (en movimiento- giran en forma independiente. EjFlaFun19 Símbolo botón Transparencia alfa. La animación consta de guías por donde correrá el carrito Generar 5 botones con las señales de tránsito una por cada señal que al posicionarse por encima de la señal aparezca la definición de la misma. En texto Tomar como referencia el modelo del ejercicio flash19.swf Flash17.swf EjFlaFun20 Compartir bibliotecas. (importar bibliotecas flash), Símbolo clip de película Degradados radiales Texto Interpolación de movimiento: Tinta Animación: An 381 Al:273 Velocidad 5 fps Fotogramas: 104 Realizar la animación que consta de tres capas Texto: Interpolación de movimiento que varía la gama de colores del texto. Candado: Clip del gif animado del candado Fondo degradados radiales. (del mismo tamaño que el documento Color del degradado: Blanco - naranja Carpeta : Flash 20 Frase.txt Biblioflash20.fla Flash20.swf -12-