MODULO: flash Cs3 AVANCE:1/7 TEMA:Introducccion

Semana: 21 Fecha: 21-mayo-2011

Elementos principales de una pelcula *Personajes *Escenarios *Guion = Pelcula

Definicin de Flash Es un programa utilizado para la creacin de pelculas (compuestas por Imgenes y Animaciones) y son utilizados dentro de las pginas y sitios Web. Aunque los objetos estn compuestos principalmente por imgenes Vectoriales, tambin podemos incluir imgenes de mapa de bits y sonidos importados. Las pelculas de flash pueden incorporar interaccin para permitirnos la introduccin de datos a los espectadores, creando pelculas NO lineales que pueden interactuar con otras aplicaciones, los diseadores de sitios web utilizan flash para crear: Controles de navegacin, Logotipos animados, Animaciones de gran Formato con sonidos sincronizados e incluso sitios web con capacidad sensorial. Inicio>>todos los programas>>Adobe Design Premium>>adobe flash cs3. Botn window + R= flash Fotogramas: es una secuencia de espacios utilizados dentro de una animacin o fotograma clave vacio.
Mostrar /ocultar todas las capas Mostrar/bloquear todas las capas

Nombre de la capa

Mostrar /ocultar todas las capas como contornos

Deformar Objeto.
Convertir lnea Recta

Convertir a curvas

Al seleccionar el lpiz aparecen nuevas opciones

Herramienta Lpiz Permite dibujar lneas y formas de manera muy similar a como se emplea un lpiz real para realizar un dibujo. La herramienta lpiz presenta 3 modelos: Altera el trazado que se est dibujando con el lpiz corrigiendo Automticamente. El resultado tiende a dejar lneas rectas. Modo suavizar En este modo cuando se dibuja con el lpiz el trazado queda uniendo abultamientos y vrtices. El resultado tiende a dejar un trazado con curvas. Modo Tinta: Nos permite dibujar como seria con un lpiz, aunque suaviza ligeramente el resultado para que no se vea el efecto de Aserrado de los pixeles cuando se dibuja.

Animacin La animacin nos permite que las figuras que existen dentro del escenario generen una ilusin de movimiento dentro de la pelcula, es decir que la animacin e crea mediante el cambio del contenido de los fotogramas sucesivos. Insertar Fotograma Fotograma Clave (F6) crea una copia del fotograma anterios. Fotograma Clave Vacion (F5) crea un fotograma en blanco

Eliminar Fotogramas. Clic derecho al Fotograma Quitar fotogramas. Reproducir Pelicula Genera la animacion solo una vez dentro del programa Probar pelcula Genera la animacin en una ventana independiente donde se ejecuta dicha animacin en varias ocasiones. Menu control>>Reproducir Ctrl + enter

Velocidad de Fotograma Menu modificar>>documento. ctrl + J

Es la velocidad o lentitud que avanzara la pelcula. Y tambin el tamao del escenario, color de fondo etc.

Fila=flash Swf= pelcula ejecutable ( para paginas de internet) Html= documento para web Nota: Es muy importante presionar el botn publicar por si se quiere hacer algn cambio. Archivo>>Publicar mayus + F12

Tipos de animaciones Dentro de flash pueden crear varios tipos de Animaciones: Animacin de Fotograma a Fotograma En esta animacin se va creando dicha animacin en cada uno de los fotogramas que conforman la pelcula. 4

Animacin por interpolacin En esta animacin se crea una imagen inicial y otra imagen final y posteriormente flash creara las imgenes intermedias.

Imagen de un lado a otro 1. Hacer el cuadro con un color solido(bloquear capa) 2. Convertir a smbolo (menu modificar>>covertir en smbolo F8) 3. Seleccionar fotograma 30 4. Insertar>lnea de tiempo>>fotograma clave 5. Mover el cuadro a la esquina deseada 6. Regresar al inicio del cuadro (seleccionado) fotograma 1 7. Clic derecho>>crear interpolacin de movimiento.

MODULO: Flash cs3 AVANCE: 2/7 TEMA: Animaciones Fotograma a fotograma Interpolacin de movimiento -Tipos de simbolos Graficos Clip de pelcula Botones

SEMANA: 22 FECHA: 28-Mayo-2011

Simbolos Smbolo es un objeto grafico al que se le asigna un nombre con el fin de emplearlos posteriormente dentro de la misma pelcula. La finalidad de crear un smbolo consiste en poder emplearlo las veces que sean necesarios en la pelcula sin la necesidad de volverlo a dibujar. La utilidad y ventaja que tenemos con el smbolo es que la podemos insertar en la pelcula. Las veces que lo deseemos. Cada smbolo que insertamos es conocido como instancia (copia del smbolo original), es decir que podremos insertar tantas instancias del mismo smbolo dentro de la pelcula como lo deseemos. Pasos para la creacin de un smbolo
1. Dentro del menu insertar presionar la opcin nuevo smbolo o utilizando la combinacin de teclas ctrl + F8 2. Se abrir una seccin dentro de la cual se creara el smbolo. Previamente debemos establecer un nombre al smbolo para que sea reconocido.

Aqu se creara el simbolo

Los simbolos de tipo grafico principalmente son creados para aquellos objetos que permanecen estaticos dentro de la pelcula.

Biblioteca de smbolo sitio dentro de la pelcula sonde son almacenados los simbolos.

Ventana >>Biblioteca o tecla: F11 Botones son objetos que ejecutaran una accin programada cuando se crea un smbolo de tipo botn en la edicion del smbolo, se trabaja con 4 fotogramas:

Reposo Estado normal

Sobre Al situar el cursor sobre el botn.

Presionado Al dar clic sobre el boton

Zona activa Es el area sensible del boton

F6 pasa al siguiente sobre En la biblioteca donde se creo el botn ah se hacen todos los cambios que deseemos y se arratra a la escena.

MODULO: Flash cs3 AVANCE: 3/7 TEMA: animaciones por interpolacin Lnea gua Animar: forma Separar texto.

SEMANA:23 FECHA:04-junio-2011

Capas Guia La funcin de una capa gua consiste en controlar en movimiento de los objetos por medio de una animacin de interpolacin. Interpolacion por formas Este tipo de interpolacin permite transformar de una forma a otra a algn objeto. Se trata de una especie de Morphing (metamorfosis) con la cual se logran interesantes efectos de desvanecimiento de algunas formas y el surgimiento de otras nuevas. 1. Crear un objeto inicial en algn fotograma especifico 2. Crear otro objeto final en algn fotograma especifico 3. Seleccionar el fotograma del objeto inicial y en la venta de propiedades: Animar: forma 4. Seleccionar el fotograma del objeto final y en la ventana de propiedades: Animar: forma

Presionar F6 para que se vea algo lenta y se pueda ver la transformacin. Los objetos no deben estar Agrupados (si no falla la metamorfosis)

Texto La accin que debemos ocupar en este tipo de animacin Propiedades>>Texto dinamico Separar textos. Escribir el textos Seleccionar fotograma, menu modificar>>separar o ctrl+B (2 ocasiones)

Debe de estar en texto Dinmico

Cuando se encuentre de este modo puede aplicarle el efecto que se desee.

Elegir la opcin Forma

Cuando la letra este todo punteada puede moverla o lo que se desee.

10

MODULO: Flash cs3 AVANCE: 4/7 TEMA: Panel transformar Animaciones por mascara Propiedades de color para las imgenes

SEMANA: 24 FECHA: 11-junio-2011

Panel transformar Desde el panel transformar podemos cambiar el tamao, Rotar o inclinar un objeto segn las propiedades que establezcamos. 1. Crear un objeto 2. Crear una interpolacin de movimiento (1-40) 3. Mantenga seleccionado el fotograma donde terminara la interpolacin 4. Activar el panel transformar: menu ventana>>Transformar

Aqu se cambiaran el tamao de la imagen

11

Ejercicio: dar animacin a una imagen ventilador 1. Hacer una imagen del ventilador 2. F6 en los dos fotogramas 3. Crear interpolacin de movimiento donde crearon las aspas del ventilador. 4. En la barra de propiedades: Animar:movimiento Aceleracion:100 Girar:Horario Veces:30

12

ANIMACIONES POR MASCARA Esta animacin funciona cmo un agjero o un huevo que nos permite ver la imagen que hay debajo de ella para que la mascara no permira ver los objetos que se encuentran detrs de ella se tendr que crear una interpolacin de movimiento. 1.- crear o insertar algn objeto texto y dar 2veces ctrl+B

2.- insertar una nueva capa y dibujar un objeto (cuadradro,circulo, estrella etc) en esta capa de la imagen crear interpolacin de movimiento

13

4.- dar clic derecho sobre la capa del objeto y presionar la opcin mascara (aparentemente se elimina todo)

Mascara en una Imagen Tener una imagen en la Biblioteca (menu archivo>>importar>> importa a la biblioteca).

14

Dentro de la ventana Biblioteca cambiar el formato de la imagen, clic derecho sobre la imagen>>propiedades>>compresin: sin perdida (PNG / GIF) (mejor calidada de la imagen)

Ajustar el tamao de la imagen

Clic derecho

F6 en el fotograma 40 (ejemplo) y bloquear la capa

15

Insertar capa y hacer una figura por ejemplo: (circulo, estrella, cuadrado etc), ir creando interpolacin de movimiento por varias partes de la imagen. Y en esa parte donde se creo la figura se le da clic derecho en mascara.

listo!!! Propiedades de color para la imagen 1. En la biblioteca descargar 4 imgenes y cambiarles el formato para que tenga mejor calidad. Clic derecho>>propiedades>>sin perdida: (png/gif) 2. Abrir 4 capas y cambiarle de nombre ejemplo:foto1,foto2, etc 3. Bloquear las capas 2,3 y 4 4. Nos quedamos solo con la capa 1 (donde se empezara a trabajar)

16

2.- abrir 4 capas y cambiarle d de nombre

3.-Bloquear las capas 2,3,4

4.- nos quedamos solo con la capa 1 con la que trabajaremos

1.-En la biblioteca, descargar las imgenes

Para que aparezcan las funciones de propiedades solo dar un clic en la imagen

17

Alfa.- baja o sube la intensidad del color de la imagen si se esta en 0 desaparece la imagen.

Ejemplo: Foto1 1 1 1 1 fotograma 1 30 60 90 color alfa alfa alfa alfa porcentaje 0% 100% 100% 0%

Brillo.- ilumina la imagen o la oscurece si se le da (0) puede desaparecer la imagen semejante al alfa.

18

Ejemplo: Foto 2 2 2 2 fotograma 91 120 150 180 color brillo brillo brillo brillo porcentaje 0% 100% 100% 100%

Tinta.- en esta opcin se puede cambiar el color a la imagen dando todos los colores deseados y el porcentaje % de la intensidad del color.

Ejemplo: Foto 3 3 3 3 fotograma 181 210 240 270 color tinta tinta tinta tinta elegir elegir elegir elegir color color color color

19

Avanzado.- personaliza aun mas el color dar clic en la opcin configuracin.

Ejemplo: Foto 4 4 4 4 fotograma 271 300 330 360 color avanzado avanzado avanzado avanzado personalizar color personalizar color personalizar color personalizar color

20

Modulo: Flash cs3 Semana: 25 Avance: 5/7 Fecha: 18-junio-2011 Tema: Efectos de la lnea de tiempo escenas Efectos de la lnea de tiempo Son efectos predeterminados por flash los cuales son aplicados directamente sobre los fotogramas (lnea de Tiempo) y el usuario tendr que configurar el efecto mediante sus propiedades. Hacer un circulo en la esquina (4 colores) 1.- seleccionar el fotograma 2.- menu insertar>>efectos de la lnea de tiempo>>transformar.

21

listo!!! 1.- hacer un circulo 2.- seleccionar el fotograma 3.- menu insertar>>afectos de lnea de tiempo>>transicin

22

listo!!! 1.- menu insertar>>efectos de lnea de tiempo >> efectos >> desenfocar, Expandir, explotar y sombras

23

24

Lenguaje de programacin de ActionScript Es un lenguaje de programacin que nos permite desarrollar secuencias de cdigo (declaraciones); ActionScript se utiliza para controlar objetos dentro de las pelculas de flash con la finalidad de crear elementos interactivos y de navegacin, para crear pelculas altamente interactivas y aplicaciones para sitios web. En conclusin flah utiliza ActionScrip para crear Scripts, que nos permiten crear pelculas con elementos interactivos. Pasos para crear un romprcabezas 1. Crear los objetos o hacer el Rompecabezas en Photoshop e importarlo al escenario cada parte o ctrl + R

25

2. Cada parte convertirlo en smbolo

3. Clic derecho sobre la imagen para abrir acciones que es donde escribiremos el cdigo o la tecla F9
on (press){ startDrag (""); } on (release){ stopDrag (); }

listo!! 26

27