Académique Documents
Professionnel Documents
Culture Documents
Nuevo - Manual-de-Flash-Cs6-V2 PDF
Nuevo - Manual-de-Flash-Cs6-V2 PDF
Antes de comenzar a explicar el uso de Adobe Flash Profesional Cs6, hay que aclarar algunos de las
preguntas que pueden surgir durante la explicación del manual, de flash.
¿Qué es Flash?
Flash es un estudio de animación que trabaja sobre "fotogramas" y está destinado a la producción
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 distribución 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.
Flash es el entorno de desarrollo y Flash Player es el reproductor utilizado para visualizar los
archivos generados con Flash. En otras palabras, Adobe Flash crea y edita las animaciones o
archivos multimedia y Adobe Flash Player las reproduce.
Los archivos de Adobe Flash, que tienen generalmente la extensión de archivo SWF, pueden
aparecer en una página web para ser vistos en un navegador web, o pueden ser reproducidos
independientemente por un reproductor Flash. Los archivos de Flash aparecen muy a menudo
como animaciones en sitios web multimedia, y más recientemente en Aplicaciones de Internet
Ricas. Son también ampliamente utilizados como anuncios en la Web.
¿Qué es ActiónScript?
Ejemplos de Flash
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:
Esta parte es donde Veremos la línea de tiempo/Editor de movimiento, que es donde podremos
apreciar que movimientos de los fotogramas
El panel principal, esta centrado entre el paneles, los cuales son el “Panel de Herramientas” y el
“Panel de Tareas”:El panel de herramientas, es donde se encuetan todas la herramientas que se
utilizan para diseñar, en el cual esta integrado por la siguientes herramientas:
Herramienta Selección (V)
Herramienta se Subselección (A)
Herramienta de Transformación Libre (Q)
Herramienta de Rotación 3D (W)
Herramienta Pluma (P)
Herramienta Texto (T)
Herramienta Línea (L)
Herramienta Lápiz (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 Selección (V): esta herramienta nos permite seleccionar, el escenario que
vamos a trabajar.
Herramienta se Subselección (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 Transformación Libre (Q): esta herramienta nos permite tranformar, la
imagen en la que estamos trabajando, para detallarla o modificarla.
Herramienta de Rotación 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 Línea (L): esta herramienta nos permite insertar una línea dentro de
escenario.
Herramienta Lápiz (Y): esta herramienta nos permite utilizar un lápiz, dentro de Escenario
conde se encuentra trabajando.
Herramienta Pincel (B): esta herramienta nos permite utilizar un lápiz dentro de Escenario
donde se encuentra trabajando.
Herramienta Deco (U): esta herramienta nos permite utilizar un lápiz 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.
“Panel de Tareas de Flash Professional CS6”
Y por otra parte esta el panel de Tareas, en el cual se realizan la asociasiones con los elementos
detro del Escenario, el panel de tareas, esta integrado por los siguientes elementos los cuales se
muestran desglosados a continuación:
Fragmentos de código
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
corazón:
Escala aleatoria
Girar símbolo
Rotación Aleatoria
Aplicaremos el roceador, sobre el Escenario:
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.
Añadiremos 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.
Ahora presegiremos con la animacion de las letras, para comenzar seleccionaremos el texto, e
iremos a “Modificar” y presinaremos “Separar”
Nos mostrara la letras separadas, como se muestra en la siguiente imagen:
Ahora, iremos a “Modificar”, y seleccionaremos “Linea de tiempo” y presionaremos “Distribuir en
capas”
Primero abriremos Adobe Flash Profesional CS6, ahora iremos a la parte que dice Archivo
En esta ventana es
donde daremos la
ruta donde se
encuentra nuestro
video.
Presionaremos el
botón Examinar.
Nos aparecerá la siguiente
ventana donde,
especificaremos la ruta
donde se encuentre nuestro
video.
Seleccionaremos el video
IMG_1883, y
presionaremos el botón
Abrir.
Ahora, presionaremos el
boton de radio:
Y presionaremos el Boton
Siguiente.
Ahora escogeremos el Tipo de
archivo.
Video incorporado
Clip de pelicula
Gráfico
Seleccionaremos la opcion de
Grafico.
Seleccionaremos la tres
casillas de verificacion, y
presionaremos el boton
aceptar.
Presionaremos el boton Finalizar.
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”
Ahora crearemos dos cajas transparente, las cuales nos serviran como guia para cuando
realicemos el movimiento sobre la tortuga.
1. Selecionamos la herramienta rectangulo, la cual se encuentra dentro de la herramienta
rectangulo.
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.