Observa todo lo que se puede realizar con el programa de flash

MAPA DE CONTENIDOS

INTRODUCCION AL PROGRAMA ADOBE FLASHReconoce y utiliza la barra de herramientas y escenario del entorno de adobe flash

Maneja algunos de los paneles y Herramientas para la animacion

Aplica las diferentes formas y efectos de animacion

SESION N 01

Logros de aprendizaje

Animacin flash tiene la capacidad de convencer e impresionar a un usuario de la web cuando est visita un

determinado sitio web, en un solo vistazo. Es una imagen que vale ms que mil palabras y por lo tanto es un video

flash. Animacin flash tiene la capacidad de hacer bajar la imaginacin a la realidad de una manera hermosa e

informativa. Cualquier diseo simple o una imagen pero no tiene un borde convincente como un diseo flash.

Cuando un diseo o una imagen estn en movimiento resulta ms fcil de transmitir a travs de ella muchos tipos

de mensajes e informacin al pblico. Personas que buscan en internet a menudo no pasan demasiado tiempo en

cualquier sitio web, debido a una enorme poblacin de sitios web existentes en internet. Diseos y videos flash

ayudan a convencer a un cliente con ese sitio dentro de periodo de tiempo

Interactividad: En flash se desarrollan experiencias interactivas muy envolventes con relativa facilidad.

Desde una simple infografa hasta un complejo catlogo de productos. Audio y Video: Definitivamente la mejor manera para aadir audio y video a un website es en el formato

flash. Esto gracias a su rapidez y disponibilidad en casi todas las PCs. Presentaciones: Puedes deslumbrar a tu audiencia con presentaciones hechas en flash o aadir

elementos animados a tus trabajos. Publicidad: para poder crear banners y campaas publicitarias memorables, olvdate del formato gif

animado. Flash es el estndar para llamar la atencin.

1ra Forma

2da Forma

Una vez que hayas seguido cualquiera de los procedimientos, observaras la siguiente ventana con la que el programa te la bienvenida.

Que puedo hacer con flash

ANIMACION EN FLASH

GUIA DE LABORATORIO N 01

INGRESO AL PROGRAMA ADOBE FLASH

E

ADOBE FLASH

E

Recuerdas los pasos que se siguen para

ingresar a cualquier programa? Escribe las

dos rutas, ten en cuenta las imgenes de

referencia.

Una vez ah, debes seleccionar

el archivo con el que

trabajaras: Archivo de flash

(AS 3.0)

Flash es una potente herramienta desarrollada por adobe que ha superado las mejores expectativas de sus

creadores. Fue creado con el objeto de realizar animaciones y diseos vistosos para la web, as como para crear.

Los motivos que han convertido a flash en el programa elegido por la mayora de los diseadores web profesionales

y aficionados son varios.

Interfaz de la pantalla principal

Observa los

elementos del

programa de

Adobe Flash.

La Barra de Mens tiene como propsito facilitar el acceso a las distintas utilidades del programa. Es similar a la

de cualquier otro programa de diseo web o grfico, aunque tiene algunas particularidades. Veamos los

principales Submens a los que se puede acceder

EXPLORA: Al ingresar al programa, selecciona 5 opciones de la Barra de Herramientas, escribe

sus nombres y dibjalas en el recuadro.

1. _________________________________________________________

2. _________________________________________________________

3. _________________________________________________________

4. _________________________________________________________

5. _________________________________________________________

En la barra de herramientas, existe un grupo de herramientas que tienen

un tringulo negro en la esquina inferior derecha. Estas herramientas contienen una variedad de

opciones, para visualizarlas solo haz clic sobre el tringulo.

Barra de herramientas

E

Es el espacio donde se encuentran todas las herramientas que se utilizan para realizar imgenes y algunas caractersticas de animacin. Es muy similar a la barra de herramientas de otros programas de diseo de Adobe.

Si no encuentras activada la barra de herramientas, dirgete al men Ventana y seleccinala la opcin Barra de herramientas

BARRA DE MENUS

E

El escenario puede ser modificado en tamao y color. Para realizar

esta accin, debe utilizar el panel Propiedades y realizar los

siguientes pasos:

Selecciona el panel de propiedades

En la ventana que emerger, selecciona el botn Editar que

se encuentra en la seccin propiedades. Al activar esta

opcin, aparecer una ventana emergente.

Estos paneles o ventanas se encuentran organizados en el lateral derecho del rea de

trabajo, pudindose expandir o minimizar con un clic de ratn.

ESCENARIO

E

LOS PANELES

E

Sobre el escenario dibujaremos y colocaremos los diferentes elementos de la pelcula que estemos realizando. El escenario tiene unas propiedades muy importantes, ya que coinciden con las Propiedades del documento. Para acceder a ellas, hagamos clic con el botn derecho sobre cualquier parte del escenario en la que no haya ningn objeto y despus sobre Propiedades del documento:

En esta ventana, puedes modificar el tamao en la seccin Dimensiones y el color del escenario en la seccin color de fondo

3

1

2 EXPLORA: Realiza diferentes modificaciones al tamao y

color del escenario. Observa

lo que sucede con este en

cada uno de estos cambios

Los paneles son conjuntos de comandos agrupados segn su funcin (por

ejemplo, todo lo que haga referencia a las acciones, ir en el panel de

acciones). Su misin es simplificar y facilitar el uso de los comandos.

Si se cierra uno de los paneles o no los visualizas puedes recuperarlos y activarlos desde la opcin Ventana del men Principal

Cada panel cuenta con un conjunto de

herramientas u opciones que permiten

mejorar tus presentaciones.

Para organizar mejor el entorno de trabajo, puedes colocar los paneles de manera flotante o en otra ubicacin,

para ello, solo debes arrastrarlos con el cursor

EXPLORA: Utilizando el men Ventana, activa dos paneles y describe las opciones que contiene cada uno de

ellos.

1. _____________________________________________________________________________

2. _____________________________________________________________________________

Muestra las caractersticas que tienen el escenario y las

de los objetos que se insertan en l.

En este panel se ubican todos los colores que puedes aplicar al

contorno y relleno de las imgenes creadas o insertadas. Tambin contiene diferentes tipos de efectos como el degradado y el alfa (nivel de transparencia).

Los principales paneles de Adobe Flash son os siguientes:

Recuerda que si deseas modificar las

propiedades del escenario, no debe

haber ningn objeto seleccionado

pero si deseas modificar las

propiedades de algn objeto primero,

debes seleccionarlo

El color tambin puede visualizarse

mediante cdigos

En este panel se ubican todos los smbolos, imgenes y

sonidos que Se estn trabajando en un mismo proyecto de animacin. Los objetos que se guardan en este panel se pueden reutilizar y modificar a lo largo del proyecto.

Para trasladar las imgenes de la biblioteca al escenario, sebes seleccionar la imagen deseada y arrastrarla al escenario.

Cuando se selecciona una imagen,

smbolo o cualquier otro objeto del

panel biblioteca, este se muestra en

miniatura en la parte superior de la

ventana

La lnea de tiempo sirve para la visualizacin simple de los fotogramas de nuestra

pelcula con el orden determinado que le demos. Los fotogramas se colocan en la lnea

de tiempo en el orden en que se desea que aparezcan los objetos en la animacin

final.

LINEA DE TIEMPO

E

En la parte superior

de la lnea, se

visualiza el nmero

de fotograma en el que

te encuentras

trabajando

Conociendo el AREa de animacion

E Con que elemento del entorno del programa adobe flash crees que se realizan las animaciones?

Observa la siguiente imagen y encierra en un crculo el elemento que creas que cumpla esta funcin. Luego, averigua y escribe las opciones que contiene.

CABEZA LECTORA

FOTOGRAMAS CAPAS

1) Palabras que cambian de color

Con la herramienta Texto, escribimos (Computacin e informtica) en el primer fotograma y el ponemos un color

Luego en el siguiente fotograma presiona F6 y cambiamos el color al texto Repitamos este proceso 6 veces ms despus probamos como nos quedo Presione las teclas CTROL + ENTER para observar el resultado del

movimiento Presionar CTROL + W para regresar al editor de Flash Guarde el documento con el nombre: ejercicio n 01

2) Texto de cambia de tipo de letras

Primero escribimos un texto, despus vamos al men principal a textofuente

y cambiamos el tipo de letra al texto u tambin cambiamos el color

En los fotogramas siguiente seguimos cambiando de tipo de letra y color hasta

por lo menos el fotograma 20

Despus de este proceso procedemos a probar a ver cmo nos qued. Presione las teclas CTROL + ENTER para observar el resultado del movimiento

Presionar CTROL + W para regresar al editor de Flash Guarde el documento con el nombre: ejercicio n 03

3) Cuadro que se estira

En el primer fotograma dibujamos un cuadro En el segundo fotograma estiramos un poco el cuadro Repetimos el proceso unas cuatro veces ms. Despus de este proceso procedemos a probar a ver cmo nos

qued. Presione las teclas CTROL + ENTER para observar el

resultado del movimiento

Presionar CTROL + W para regresar al editor de Flash Guarde el documento con el nombre: ejercicio n 03

4) Dibujo que gira

En el primer fotograma dibujamos una figura Luego en los siguientes fotogramas con la herramienta

transformacin libre giramos la figura

Repetimos el proceso anterior unas 8 veces ms

5) Ejercicio con texto

Abra un escenario en blanco en flash Pulse el botn TEXTO y escriba lo siguiente en la posicin

indicada (presione la tecla ENTER para escribir en la sgte lnea del texto):

Asigne un Fotograma clave en la posicin 20 de la Lnea de tiempo.

Pulse el botn TRANSFORMACIN LIBRE y desplace el texto a la siguiente posicin, as como tambin cambie su tamao

Muy bien, ahora agregue un fotograma clave en la posicin 40 de la

lnea de tiempo. Con el botn TRANSFORMACIN LIBRE seleccionado desplace el

texto a la siguiente posicin, as como tambin sus tamaos. Haga clic en el nombre de la capa denominada Capa 1, para

seleccionar todos los fotogramas Ubique nuevamente el puntero sobre cualquiera de los 40 primeros

fotogramas que participan en el ejemplo y active el cuadro contextual para seleccionar la opcin Crear interpolacin de movimiento

Presione las teclas CTROL + ENTER para observar el resultado del movimiento Presionar CTROL + W para regresar al editor de Flash Guarde el documento con el nombre: Ejemplo 24flash

Ejercicios

E

6) Carro que para cuando esta la luz roja

Primero dibujamos en el escenario

El siguiente fotograma movemos el carro un poco hacia adelante y repetimos esto una 3 veces ms. El siguiente fotograma lo que hacemos es mover un poquito hacia delante el carro y ponemos el semforo en luz

amarilla

Luego seguimos moviendo el carro y ponemos el semforo en luz roja luego despus de unos 6 fotogramas insertamos un fotograma clave.Despus de esto es los siguientes fotogramas seguimos moviendo el carro hacia

adelante

Presione las teclas CTROL + ENTER para observar el resultado del movimiento

Presionar CTROL + W para regresar al editor de Flash Guarde el documento con el nombre: Semaforo

7) Ejercicio Delfn

Realiza el siguiente diseo

En cada fotograma darle un movimiento

Vas a realizar la siguiente animacin:

Cada fotograma contiene un

movimiento distinto, lo que permite la

ilusin de movimiento.