Administra tu Blog

¡Crea tu Blog Ya! Fácil y Gratis

Las Locuras del Gil
Es este blog encontraras datos, archivos y ejemplos de temas tales como C++, Office XP,Sistemas Operativos, Arquitectura de Computadoras, elaboración de Videos, entre otros temas

23/03/2009 GMT -5

Introducción a Flash

gilcc @ 21:16

Hola muchachos, el día de hoy vamos a entrar al mundo de las animaciones en Flash, para ello vamos a usar la versión 8, que ya esta en sus máquinas, primero vamos a abrir flash, en este caso el programa se en cuentra en Inicio-Todos los programas-macromedia- Macromedia Flash 8, al abrirse el programa se mostrará la siguiente pantalla:

 Principal

Como podrán ver 5 partes importantes que són:

1.- El Menú de Texto:

Menú texto

2.- La Barra de Herramientas:

Herramientas

3.- Área de Trabajo (o Layer o Capa):

Trabajo

4.- Línea de Tiempo:

Tiempo

5.- Propiedades:

Propiedades

Ok, en este momento voy a explicar algo sobre la Línea de Tiempo, y es el hecho de que tiene 2 partes importantes: el nombre de la capa y el número de Frames(Fotogramas), que durará la película(o animación).

Tiempo

El nombre de la capa se puede cambiar poniendo el cursor sobre el nombre y dar doble clic y se verá así:

Cambiar

y en la sección de los frames verás muchos rectángulitos numerados, cada uno de ellos es un frame. En el primer frame verás un indicador rojo que indica el frame en el cual me encuentro, y en el rectángulo veras una circunferencia blanca y esta indica que no hay nada en la capa, tal como ves esta imagen:

vacio

Si en la capa existe algún dibujo entonces se verá la circunferencia negra:

negra

Ahora si,  vamos a realizar un ejemplo para ir conociendo como trabaja.

El ejemplo es hacer girar un Triángulo.

Para ello haremos lo siguiente:

  • Primero Seleccionamos la herramienta Línea y con ella dibujamos un triángulo:

triangulo

  • Para ponerle color  vamos a dar clic en la herramienta Rellenorelleno,  luego damos clic en la herramienta Bote de pinturaColor y damos clic en la zona a rellernar y se verá así:

coloreado

  • Ahora para empezar a darle movimiento ponemos el cursor sobre la circunferencia negra y damos clic derecho para mostrar el siguiente menú:

menu

  • Damos clic en la opción "Create Motion Tweed"(Crear Interpolación de Movimiento), viendose así:

selección

  • Luego ponemos el cursor sobre el rectángulo abajo del núm. 15 clic derecho para ver el menú de opciónes y dar clic en "Insert Frame" (Insertar Fotograma), mostrandose esto:

insertar

  • Repatimos el paso anterior, pero ahora vamos a seleccionar la opción "Insert Keyframe" (Insertar Fotograma Clave), del menú de opciones, viendose esto:

clave

  • Esto indica que la animación durará 15 frames(fotogramas), ahora para girarlo vamos a dar clic en la herrameinta "Free Transform" (Transformación Libre) transformar y lo giramos hasta que quede de cabeza.

voltear

  • Después vamos a agregar 15 frames más, para ello ponemos el cursor sobre el rectángulo que se encuentra abajo del núm. 30, damos clic derecho y seleccionamos del menú de opcciones la que dice "Insert Keyframe", y la línea de tiempo debe verse así:

tiempo

  • Y giras el triángulo así:

girar

  • Para terminar la animación vamos a agregar 10 fotogramas más, de tal forma que la línea de tiempo quede así:

agregar

  • Giramos la figura hasta que quede de nuevo parada sobre su base, así:

terminar

Y listo acabamos. Ahora para ejecutar nuestra animación primero la guardamos (queda con la extensión .fla), y luego damos "Enter" y debe ejecutarse en ese momento. Para crear el archivo ejecutable (con extensión .swf), oprimimos las teclas "Control" + "Enter", y el archivo se vera correr en otra ventana.

Para verificar que existen los 2 archivos, busquen en donde lo hayan guardado los siguientes íconos:

iconos

el de color rojo es el .fla y el plateado es el .swf.

Gracias y hasta pronto. 

Comentarios

Un Comentario »

  1. Q ONDA GIL SOY MIGUEL DE UNIVA COMO ESTASSS

    MIGUEL ANGEL | 22-06-2009 - 22:18:26 GMT -5 #

Dejar un Comentario


<a href> <em> <blockquote> <strong> <cite> <code> <ul> <li> <dl> <dt> <dd>

Contactar con la autora o autor | Archivo | ¡Crea tu Blog Ya! Fácil y Gratis