CLASE 1 FLASH IMPROVE

COPIAR LA CARPETA CLASE 1 FLASH CON LAS IMGENES A USAR Abrir las Pginas web que estn en la presentacin pgina 5-7. 1. Presentacin de PowerPoint de flash hasta la pagina 5 all mostrarle las pginas diseas con flash y luego las no diseada con flash, recordar que esto se disea segn el cliente, el lnea que va a tener la pgina. Aprenderemos animaciones de objetos, banner en movimientos, diversas herramientas de animacin y Galeras de Imgenes. 2. Entrar a Flash explicar la pantalla de bienvenida y que hara cada tipo de archivo:

3. Continuar con las partes de la pantalla de flash. 4. Luego indicar que la idea de usar Flash es la potente posibilidad de hacer ANIMACIONES. 5. Seguir con la presentacin pgina 9 hasta la 11. 6. Hacer un archivo nuevo ActionScript 2.0 7. Mostrar la configuracin del escenario, dndole botn derecho y tomar la configuracin requerida. 8. Igualmente con el botn derecho se configurara el documento, tamao, color y tiempo de cada frame.

DISEO DE OBJETOS BSICOS: 9. Insertar un Rectangle primitive tool, aplicar las siguientes opraciones: mover, de las puntas podras jugar con ellas, si quieres ajustar el tamao debes darle el botn que es libre

transformacin botn derecho Free Transformacin, tambin puedes girar o darle perspectiva. 10. Cambiar el color amarillo. 11. Hacer otro de color azul y explicar el Arrange. 12. Convertir las autoformas en Break Part para usarlo como vectores y usar el icono (sino se ven los punticos jalas la autoforma un poco a la derecha). 13. Usar luego ENVELOPE. 14. Disear un OVAL PRIMITIVE TOOL, cambiar todo pero con el panel de propiedades. 15. Eliminamos todas las figuras. 16. Disear ahora un RECTANGULO TOOL Y UN OVAL TOOL OJO SE MANEJA DIFERENTE. 17. MANEJA UNO CON Y OTRO CON

18. Dibuja ahora un POLISTAR TOOL, Si abrimos una seleccin que cubra esta figura si la podemos mover con sin descomponerla o darle doble click antes de moverla.

19. Antes de ajustar un RECTANGLE, OVAL O POLISTAR TOOL Se da click en el icono e inmediatamente en el panel de propiedades cambias color lnea, fondo, grosor y mas opciones, adems si la dibujas y aun no la has movido todava puedes hacerle cambios. 20. Dibujar un RECTANGULO TOOL y comprubalo. 21. Dibujar un POLISTAR TOOL ve cmo trabaja. (en opciones puedes cambiar polgono o estrella.) 22. Dibujar una lnea y cambiarle sus propiedades. 23. Diferencias entre HERRAMIENTAS TOOL Y HERRAMIENTAS PRIMITIVE. 24. Practicar PEN TOOL. 25. Insertar un TEXTO y aplicar todo.

MI PRIMERA ANIMACIN
INDICAR QUE EXISTEN DIFERENTES FORMAS DE ANIMAR LO VEREMOS POCO A POCO, Recordar que es lnea de tiempo, que es frame (fotograma)
1. Crear un OVAL PRIMITIVE de color degradado y lo coloco al principio de la pgina. 2. Nos paramos en el fotograma 1. 3. Le damos botn derecho CREATE MOTION TWEEN (INTERPOLACION DE MOVIMIENTO). 4. Al final en el FRAME 24 botn derecho Insert KEYFRAME POSITION. 5. Clik en el medio de los frame sea en el 12. 6. Arrastrar el crculo hasta el final. 7. Listo. PRESIONAR CONTROL + ENTER para probarlo. 8. Mueves el ltimo frame hasta el final y se reducir la velocidad. 9. Click en el frame 35 y hacer otro movimiento y correrlo para que lo vean.

MI SEGUNDA ANIMACIN
1. Crear un RECTANGULO PRIMITIVE de color degradado y lo coloco al principio de la pgina. 2. Nos paramos en el fotograma 1. 3. Le damos botn derecho CREATE MOTION TWEEN (INTERPOLACION DE MOVIMIENTO). 4. Rodamos hasta el fotograma 100. 5. Nos paramos en el fotograma 25 y bajamos el rectngulo, nos paramos en el 50 y lo rodamos a la derecha nos paramos en el 75 y lo subimos, nos paramos en el 100 y lo colocamos al principio. 6. PEDIR A ELLOS QUE REALICEN UNO PROYECTO.

ANIMACION DE TEXTOS: LLUVIA CON LA PALABRA AGUA SE PUEDE CREAR UNA ANIMACIN IGUAL A LAS ANTERIORES PERO VAMOS APRENDER MAS COSAS:
1. Crear un archivo nuevo. 2. Importar a la biblioteca la imagen AGUA1, Ajustar el tamao 3. Crear una capa nueva y Llamar A. 4. Insertar un texto A en la parte de arriba, aplicar el tipo de letra: SNAP ITC, tamao 41, color azul claro. Explicar los filtros y dejar sombra. 5. Crear una capa nueva, pero como se necesita una letra igual se va a la capa A y se copia y se paga en la capa G y se edita el texto y se coloca G, Hacer lo mismo con la letra U y A. 6. Luego convertir cada letra en SIMBOLO CLIP DE PELICULA y explicar esto. 7. Explicar cmo alinear las letras si quieres mueves una ms abajo y pruebas

8. Ubicamos la lnea de tiempo al principio, Seleccionamos el primer FRAME de las letras sin el fondo. 9. Botn derecho Le damos interpolacin de movimiento (CREATE MOTION TEEN) 10. Insertar FRAME en la capa fondo hasta el ultimo frame que quedo las interpolaciones Estando en los ltimos frames de todas las capas mover las letra abajo hasta el final. 11. LISTO, PROBAR FINO PERO VAMOS A MEJORAR: MAS LENTA. 12. Para colocarlo ms lento debemos agregar mas FRAMES seleccionamos todos lo frames en el frame 100 e insertar frame. 13. LISTO, PROBAR FINO PERO VAMOS A MEJORAR: QUIERO Q CAIGA LETRA X LETRA (LLUVIA) 14. Arrastrar el primer FRAME de la letra A ojo ve que qued abajo al FRAME 7, la G hasta el 14, la U hasta la 21, la A hasta el 30. LISTO, PROBAR FINO PERO VAMOS A MEJORAR: QUIERO Q CAIGA LETRA X LETRA (LLUVIA)

ANIMACION DE TEXTOS: LETRAS DESORDENADAS EXPLICA QUE QUIERO HACER

1. Crear un archivo nuevo. 2. Importar a la biblioteca la imagen bg, Ajustar el tamao 3. Ajustar el Documento al tamao:550x300 y ajusto la imagen. 4. Escribir la palabra META de color y tipo de letras q ellos quieran. 5. Colocar estar palabra en el centro. 6. Seleccionamos el texto escrito y botn derecho, break parts 7. Convertir cada letra en un SIMBOLO CLIP DE PELICULA 8. Seleccionamos todas las letras botn derecho distribuir en capa. 9. Seleccionar el fotograma 30 de todas las capas e insertamos fotograma. 10. EXPLICA QUE AQU ES EL TIEMPO ESTIMADO DE LA ANIMACION. 11. Nos paramos en el fotograma 15 e insertamos un FOTOGRAMA CLAVE. 12. EXPLICA QUE FOTOGRAMA CLAVE DONDE QUIERO A HAGA EL CAMBIO OSEA AQU QUIERO Q ESTEN UNIDAS. 13. Llevamos la lnea de tiempo al principio. Porque al principio quiero q este desordenado por lo tanto lo coloco al principio y muevo las letra como quiero q estn desordenadas. 14. PRUEBAS Y VEN QUE LO HACE PERO MUY RUSTICA. 15. Para acomodar se da INTERPOLACION CLASICA. 16. Colocarte en el centro del primer fotograma y donde creamos el fotograma clave y aplicamos interpolacin clsica (CREATE CLASIC TEEN). 17. Listo, si queremos ms lento mueve los ltimos FRAME al 55 pero tambin tienes q rodar los fotogramas claves al 30. 18. LISTO, QUE ELLOS HAGAN EL DEL POLLO.

REPASAR TODAS LAS ANIMACIONES VER SUS DIFERENCIAS INTERPOLACIN DE FORMAS: (CONVERTIR DE UN OBJETO A OTRO A UN TEXTO).

1. Crear un archivo nuevo. 2. Insertar un OVAL PRIMITIVE de color amarillo relleno y de lnea. 3. Ir al fotograma que quiero que haga el cambio e inserto un FOTOGRAMA CLAVE y borrar el crculo. 4. Escribir un poco mas abajo la palabra ANIMACION del mismo color. 5. Selecciono la palabra le indico men modify break apart (separar) dos veces. 6. Ir al principio de la lnea de tiempo e insertar INTERPOLACION DE FORMA (CREATE SHAPE TEEN). 7. Si lo ven muy rpido rueda los ltimos FRAMES unos quince ms. 8. QUE ELLOS HAGAN EL EJERCICIO DE CUIDAME. 9. SI TE DA TIEMPO HACER EL DE VARIOS FOTOGRAMAS CLAVES.

BANNER 1. EXPLICAR QUE YO QUIERO MOSTRAR EL DISEO PERO SIN ANIMACION.

1. Crear un archivo nuevo. 2. Ajustar el documento de 300 x 300. 3. Importar a la biblioteca las imgenes de la carpeta: IMGENES PARA BANNER 1. 4. Insertar las imgenes: fondo, servisun y clean. Ajustarle los tamaos que quede igual al diseo, cambiale el nombre a la capa y le escribes fondo. 5. Escribir tus soluciones COLOR BLANCO en la parte de arriba debajo del pingino, y se DEBE SEPARAR DOS VECES, cambiale el nombre a la capa y le escribes soluciones. 6. En el fotograma 55 insertar un FOTOGRAMA CLAVE y borrar el texto tus soluciones de color blanco, visualice que se borra el fondo por lo tanto insertar fotogramas para que no se borre. 7. Escribir en este fotograma 55 tus soluciones COLOR AMARILLO en la parte de debajo Aumntale el tamao, separar dos veces. 10. Ir al fotograma 1 de la capa soluciones e insertar una INTERPOLACION DE FORMA (CREATE SHAPE TEEN). 8. Probar y fino pero si quiero que salga el fondo haga una pausa y salga soluciones ruedo el primer fotograma hasta el fotograma 5. 9. Insertar una capa nueva escribirle flecha 1, insertar la imagen de la flecha girarla y reducirla, colocar al principio a mano izquierda. 10. Mover el fotograma 1 hasta el 55 para que comience luego de la capa soluciones. 11. En el fotograma 65 insertar un fotograma clave y mover la flecha donde quiero que se detenga la flecha, EXPLICA LOGICA DE ESTO. 12. Pararse en el centro de los fotograma ms o menos 60 e insertar INTERPOLACION CLASICA. 13. Rodar los frames de las dems capas si es necesario.

14. Insertar una capa nueva escribirle Redes, insertar un texto REDES con tipo de letra candy y colocarlo debajo del pingino. 15. Mover el fotograma 1 hasta el 65 para que comience luego de la capa flecha 1. 16. En el fotograma 75 insertar un fotograma clave y mover el texto REDES donde quiero que se detenga, OSEA A LA DERECHA DE FLECHA 1. 17. Pararse en el centro de los fotograma ms o menos 70 e insertar INTERPOLACION CLASICA. 18. Rodar los frames de las dems capas si es necesario. 19. Insertar una capa nueva escribirle flecha 2, seleccionar la capa flecha 1 copiar la flecha hecha irse a la capa flecha 2 y pegarla 20. Mover el fotograma 1 hasta el 75 para que comience luego de la siguiente capa. 21. En el fotograma 85 insertar un fotograma clave y mover la flecha donde quiero que se detenga la flecha. 22. Pararse en el centro de los fotograma ms o menos 80 e insertar INTERPOLACION CLASICA. 23. Rodar los frames de las dems capas si es necesario. 24. Insertar una capa nueva escribirle Soporte, insertar un texto SOPORTE con tipo de letra candy y colocarlo ENCIMA de soluciones amarillo el de abajo. 25. Mover el fotograma 1 hasta el 85 para que comience luego de la capa flecha 2. 26. En el fotograma 95 insertar un fotograma clave y mover el texto SOPORTE donde quiero que se detenga, OSEA A LA DERECHA DE FLECHA 2. 27. Pararse en el centro de los fotograma ms o menos 90 e insertar INTERPOLACION CLASICA. 28. Rodar los frames de las dems capas si es necesario. 29. LISTO SI QUEREMOS QUE SEA MAS LENTO RODAMOS TODOS LOS ULTIMOS FRAME HASTA 120.