Archive for September, 2006

Crear simbolos en Flash

Saturday, September 30th, 2006

Primero debemos saber ¿Que son los simbolos?.

Los simbolos son objetos que creamos en flash, a fin de optimizar los recursos en nuestras animaciones.

Tipos de Simbolos en Flash.

  1. Clip de Pelicula (Movie Clip)
  2. Botones
  3. Graficos

Qué son los Clips de Pelicula

Los clip de peliculas son pequeñas animaciones dentro de una animacion mas grande.

Por ejemplo, si queremos dar la sensacion de movimiento en una rueda, deberemos crear una rueda con un degradado como relleno, insertar 10 fotogramas (pueden ser mas o menos), crear Interpolacion de movimiento, seleccionar el primer fotograma de la animacion y en el panel de propiedades buscamos la opcion rotar (rotate) y seleccionamos la opcion horario (CW), para rotar en sentido a las agujas del reloj; o Anti horario (CCW) para girar en sentido contrario.

El problema es que una vez que el apuntador llegue al ultimo fotograma nuestra animacion de la rueda se va a ver interrumpida por el “auto rebobinado ” que Flash hace por defecto en todas sus animaciones.

Para resolver este problema, realizamos la animacion dentro de un Clip de Pelicula, esto nos garantiza que la animacion va a continuar independientemente que la linea de tiempo haya o no llegado a su final.

Botones

Todos hemos visto objetos llamativos con diferentes diseños en casi todas las paginas web que hemos visitado, en Flash nosotros podemos crear nuestros propios botones, Flash trae botones prediseñados que podemos usar para casos de emergencia, pero es importante conocer como realizar nuestros botones personalizados.

Graficos

Los Graficos funcionan similar a un clip de pelicula, la limitante es que necesitamos en la linea de tiempo principal, la cantidad exacta de fotogramas para que la animacion que incluimos en el grafico pueda verse en su totalidad.

Como hacer simbolos

Para convertir en simbolo un objeto, dibujamos el objeto en el escenario.

Seleccionamos el objeto (doble clic para seleccionar el relleno y contorno) y presionamos la tecla “F8″.

 Aparecerá un cuadro de Dialogo en el cual daremos El nombre del simbolo y el tipo de simbolo que deseemos.

Convertir en simbolo

Como se puede apreciar en la imagen, ademas hay una opcion “Registration” o Punto de Registro el cual nos servira para el establecimiento de las coordenadas “X” e “Y” (X para las coordenadas horizontales y “Y” para las coordenadas verticales).

Un carro por la carretera

Saturday, September 30th, 2006

En muchas ocasiones necesitamos hacer que un carro esté en movimiento, usando Macromedia Flash 8 (se puede hacer perfectamente con Macromedia Flash MX 2004) haremos un carro que se vaya desplazando sobre una carretera y a su vez que se vayan cambiando las panoramicas.

Para ello requeriremos de las siguientes imagenes:

(2) panoramicas.
Podemos usar http://www.images.google.com/ para buscarlas.

(1) carro.
Buscamos en Google el carro que querramos utilizar en nuestra animacion.

Procedimiento.

  • Haremos un nuevo documento de Flash, de 500 x 200.

Panel de Propiedades de Flash

  • Importamos las dos panoramicas y el carro a la Biblioteca.

 Insertar imagen a la Biblioteca de nuestro documento Flash

 

 

 

  • Abrimos la biblioteca (CTRL + L) para arrastrar la imagen al escenario (Una de ellas).

Arrastrar Imagen de la biblioteca al escenario

Es preferible que las imagenes que vamos a usar para el Fondo (panoramicas) sean un poco mas anchas que el fondo, es decir, si el fondo es de 500 px que la imagen sea de almenos 100 pixeles superior (600).

  • Convertimos en Clip de Pelicula esa imagen (ver convertir en simbolos) y le damos doble clic para editarla.
  • Una vez dentro del Clip de pelicula ubicamos la imagen exactamente en el borde izquierdo de la imagen, es decir, las coordenadas “x” deben estar en 0.
  • Insertamos 30 fotogramas y creamos Interpolacion de Movimiento (ver como crear interpolacion de movimiento).
  • Seleccionamos el ultimo Fotograma Clave (fotograma 30) y lo movemos, procurando que el extremo derecho de la imagen coincida con el extremo derecho del escenario.
  • insertamos una nueva capa y en el fotograma 30 insertamos un fotograma clave.
  • De la Biblioteca arrastramos la segunda panoramica y seguimos los pasos 6 - 8 (en el paso numero 7 ya no seria el fotograma 30 nuestro fotograma final sino el 60)
  • Salimos del Clip de Pelicula y regresamos a la Escena 1.

Hasta el momento tenemos unicamente un fondo cambiante, sin nada del otro mundo, es simplemente un Clip de Pelicula que en determinado punto de la animacion cambia.

Recordemos que para el fondo utilizamos un total de 60 fotogramas.

Un carro por la carretera II