Professional Documents
Culture Documents
INSTITUTO TECNOLGICO DE PUEBLA Elaborado por: Hernndez Hernndez Beatriz Ramrez Hernndez Viridiana
Preguntas Frecuentes
Antes de comenzar a explicar el uso de Adobe Flash Profesional Cs6, hay que aclarar algunos de las preguntas que pueden surgir durante la explicacin del manual, de flash.
Qu es Flash?
Flash es un estudio de animacin que trabaja sobre "fotogramas" y est destinado a la produccin y entrega de contenido interactivo para diferentes audiencias alrededor del mundo sin importar la plataforma. Es actualmente desarrollado y comercializado por Adobe Systems Incorporated y forma parte de la familia Adobe Creative Suite, su distribucin viene en diferentes presentaciones, que van desde su forma individual o como parte de un paquete, siendo estos: Adobe Creative Suite Design Premium, Adobe Creative Suite Web Premium y Web Standard, Adobe Creative Suite.
Qu es ActinScript?
Adobe ActionScript es el lenguaje de programacin de la plataforma Adobe Flash. Originalmente desarrollado como una forma para que los desarrolladores programen de forma ms interactiva. La programacin con ActionScript permite mucha ms eficiencia en las aplicaciones de la plataforma Flash para construir animaciones de todo tipo, desde simples a complejas, ricas en datos e interfaces interactivas.
Crear un nuevo documento Plantillas de Adobe Flash Professional CS6 Ejemplos de Flash Linea de tiempo/ Editor de movimiento Panel de propiedades
La primera pantalla que se muestra solo es una breve descripcion global de los atributos de Adobe Professional Flash CS6. Posteriormente en los ejemplos realizados se explicaran con mas detalle la herramientas de Flash. Ahora Por ejempos si trabajamos en una archivo ActionScript 3.0, el cual es la version mas reciente que utiliza Adobe Flahs Professional CS6.
Primero iremos a la parte de Crear Nuevo, y presionaremos la opcion AtionScript 3.0 se nos mostrara la siguiente ventana:
Escenario: Aqu es donde veremos lo que vamos a disear en Flash. Solo seremos capaces de ver, lo que se genera dentro de Escenario.
Esta parte es donde Veremos la lnea de tiempo/Editor de movimiento, que es donde podremos apreciar que movimientos de los fotogramas El panel de propiedades, con la cual realizaremos y editaremos en flash.
Herramienta Seleccin (V) Herramienta se Subseleccin (A) Herramienta de Transformacin Libre (Q) Herramienta de Rotacin 3D (W) Herramienta Pluma (P) Herramienta Texto (T) Herramienta Lnea (L) Herramienta Lpiz (Y) Herramienta Pincel (B) Herramienta Deco (U) Herramienta Hueso (M) Herramienta Cubo de Pintura (K) Herramienta de Cuentagotas (I) Herramienta Borrador (E) Herramienta Mano (H) Herramienta Zoom (Z) Color Trazo Color Relleno Intercambiar Colores Ajustar Objetos Suavizar Enderezar
Herramienta Seleccin (V): esta herramienta nos permite seleccionar, el escenario que vamos a trabajar. Herramienta se Subseleccin (A): esta herramienta nos permite subseleccionar, una parte de lo que vamos a trabajar, por ejemplo, si seleccionamos la imagen de una flor, no necesariamente vamos a editar toda la flor, podemos editar solo el tallo de la flor, un petalo, etc. Herramienta de Transformacin Libre (Q): esta herramienta nos permite tranformar, la imagen en la que estamos trabajando, para detallarla o modificarla. Herramienta de Rotacin 3D (W): esta herramienta nos permite girar una imagen o figura, parra darle efecto. Herramienta Pluma (P): esta herramienta nos permite, utilizarla como si se tratara de una pluma. Herramienta Texto (T): esta herramienta nos permite insertar texto dentro de Escenario. Herramienta Lnea (L): esta herramienta nos permite insertar una lnea dentro de escenario. Herramienta Lpiz (Y): esta herramienta nos permite utilizar un lpiz, dentro de Escenario conde se encuentra trabajando. Herramienta Pincel (B): esta herramienta nos permite utilizar un lpiz dentro de Escenario donde se encuentra trabajando. Herramienta Deco (U): esta herramienta nos permite utilizar un lpiz tipo rociador, que inserta simbolos como si fuera una pintura en Spray, dentro de Escenario donde se encuentra trabajando. Herramienta Hueso (M): esta herramienta nos permite generar movimiento en ua imagen, por ejemplo si tenemos una imagen de una abeja, con la herramienta hueso, podemos darle movimiento a la imagen. Herramienta Cubo de Pintura (K): esta herramienta nos permite rellenar el interior de las pinturas, de un color seleccionado, de la paleta de colores. Herramienta de Cuentagotas (I): esta herramienta nos permite seleccionar un color,que queremos utilizar, para no buscarlo dentro de la paleta de colores. Herramienta Borrador (E): esta herramienta nos permite borrar, dentro de la imagen. Herramienta Mano (H): esta herramienta nos permite Seleccionar. Herramienta Zoom (Z): esta herramienta nos permite realizar un zoom, dentro de Escenario. Color Trazo: Nos permite definir el color de un trazo. Color Relleno: nos permite rellenar, con un color, escogido de la paleta de colores. Intercambiar Colores: nos permite invertir colores. Ajustar Objetos: Nos permite ajusta los objetos que se crean en el Escenario. Suavizar: Permite suavizar lo que se seleccione. Enderezar: Endereza la imagen seleccionada.
Color
Muestras
Alinear
Transformacin _____..
Informacin
Fragmentos de cdigo
Componentes
Primero iremos a la parte de Crear Nuevo, y presionaremos la opcion AtionScript 3.0 se nos mostrara la siguiente ventana:
Dibujaremos una imagen sencilla, para nuestro Banner, en este caso sera la imagen de un corazn:
Ahora, seleccionaremos la imagen que creamos, y la convertiremos en simbolo, podemos presionar la tecla F8, o ir a menu Modificar y presinar la opcion Convertir en smbolo
Donde en Nombre, escribiremos Corazn, y lo manejaremos con el Tipo Clip de pelcula, y presionaremos el botn Aceptar
Ahora, seleccionaremos la casillas de verificacion: Escala aleatoria Girar smbolo Rotacin Aleatoria
Ahora bloquearemos esta capa, la cual se utilizara de fondo, al presinar el candado, en la Linea de tiempo, para que no sufra modificiones el fondo del Banner.
Aadiremos una nueva capa, para colocar un texto. Damos clic derecho, sobre la capa actual, y seleccionaremos la opcion de Insertar capa
Selecionaremos la herramienta Texto, y escribiremos una palabra, en este ejemple escribiremos la palabra HOLA, para nuestro Banner.
Alinearemos el texto, con la opcion alinear, y marcamos la casilla de verificacon Alinear en escenario Ahora presegiremos con la animacion de las letras, para comenzar seleccionaremos el texto, e iremos a Modificar y presinaremos Separar
Ahora insertaremos fotogramas, de momento insertaremos 50 fotogramas, al sealar las capa de las letras y presionar clic.
Ahora selecionaremos algunos Fotogramas intermedios, presionaremos clic, y presionaremos la opcion Crear interpolacion de movimiento
Para que se vea el movimiento de las letras. Ahora iremos a Control, y presionaremos Reproducir, y veremos nuestro Banner animado.
Nos aparecer la siguiente ventana, en la cual nos dar las siguientes opciones para la creacin de diferentes tipos de Archivos. 1. Seleccionaremos la opcin de archivo ActionScript 3.0 2. Presionaremos el botn aceptar.
Como resultado de lo anterior, nos aparecer la siguiente pantalla, en la cual se muestra un escenario en blanco, cobre el cual trabajaremos el nuevo video.
Lo cual nos mostrara la siguiente ventana: En esta ventana es donde daremos la ruta donde se encuentra nuestro video. Presionaremos botn Examinar. el
Nos aparecer la siguiente ventana donde, especificaremos la ruta donde se encuentre nuestro video. Es importante recordar que Flash, utiliza videos con formato FLV.
el
Podemos escoger entre las tres opciones siguientes: Video incorporado Clip de pelicula Grfico
Por defecto el video se esta saliendo del Escenario, por consiguiente no se podra reproducir el video.
Para arreglar este detalle iremos al panel de propiedades, presionaremos el boton de Editar propiedades del documento
Observaremos que coincide como Predeterminado, pero modificaremos la opcion en los botones de radio, dandole la opcion e Conenido.
Al dar la opcion de contenido, las dimesiones se ajustaran de manera automatica. Presionaremos el boton de Aceptar.
El video se ajusto al tamao del Escenario. Para poder reproducir el video iremos al menu Control y seleccionaremos el submenu Reproducir
La animacin de la tortuga, la generaremos en un documento nuevo. Iremos al men Insertar y el submen nuevo smbolo (o la tecla F8)
Aadiremos dos capas nuevas, con el con la opcion que se encuentra en la parte inferior de la lnea de tiempo.
Ahora crearemos dos cajas transparente, las cuales nos serviran como guia para cuando realicemos el movimiento sobre la tortuga.
3. Daremos doble clic sobre el rectangulo que hemos creado, para convertirla en un simbolo. Para esto, presionaremos la tecla F8 y nombraremos el simbolo como rectangulo.
4. Ahora copiaremos el simbolo que hemos creado, daremos doble clic sobre el rectangulo y seleccionaremos la opcion copiar.
5. Ahora daremos clic derecho y seleccionaremos la opcion copiar ,el rectangulo esta vez lo ubicaremos ente las patas traseras y el rabo de la tortuga.
6. Como podemos observar en la imagen de la tortuga, el rectengulo sale de color negro, pero nosostros queremos que el rectangulo sea transparente, para ello seleccionaremos el rectangulo, e iremos a efectos de color.
por defecto tiene ninguno, pero nosotros seleccionaremos alfa y lo dejaremos en el nivel cero.
Este paso lo repetiremos para el siguiente rectangulo. 7. Ahora seleccionaremos la herramienta hueso.
Con la cual vincularemos de la siuiente manera: La primera caja la vincularemos con el cuello y con ambas patas delanteras. La segunda pata la vincularemos con ambas patas traseras y el rabo de la tortuga.
8. Ahora organizaremos la imagen de la tortuga, ya que al general el esqueleto de la imagen, se han movido.
Para esto seleccionaremos la cabeza de la tortuga e iremos al menu Modificar , al submenu organizar y la opcion Trael al frente
9. Por ultimo copiaremos los fotogramas del esquelto para poder mover los movimientos de la tortuga, solo generaremos 10 fotogramas, aunque se pueden general ms.