Mi primera animación en Flash I

Creación de un símbolo en nuestra biblioteca flash.

14/3/03 -

Después de haber introducido los conceptos básicos de Flash, vamos a poner en practica algunos de ellos de manera a comenzar a familiarizarnos con la interface.

Para empezar, comenzaremos por generar un documento en blanco por medio de:

Archivo > Nuevo

Como podemos observar en la línea de tiempo, nuestra animación consta de una sola capa y un único fotograma representado por un rectángulo con un círculo. Este círculo significa que se trata de un fotograma que contiene una imagen clave vacía.

La animación que pretendemos crear consiste en un movimiento de traslación de una esfera con una trayectoria elíptica. Así pues, lo primero que debemos hacer es dibujar la esfera. Sin embargo, para empezar con las buenas costumbres, no dibujaremos la esfera directamente sobre nuestro fotograma vacío, sino que crearemos un símbolo en nuestra biblioteca.

Para crear nuestro símbolo en la biblioteca:

Ventana > Biblioteca

Llegados a este punto veremos aparecer en la pantalla una ventana como la que veis en la ilustración.

Para insertar el símbolo lo podemos hacer a partir del botón con una cruz situado en la parte inferior izquierda de la ventana de la biblioteca, o bien ir a la barra de menús y hacer:

Insertar > Nuevo Símbolo

Una nueva ventana de dialogo aparece ante nuestros ojos (ver figura abajo). En ella podremos definir el nombre (para este caso la llamaremos esfera) y el comportamiento (elegiremos gráfico). Por el momento no entraremos en la explicación de la opción comportamiento, ya lo veremos más adelante.


Al rellenar debidamente la ventana anterior y Aceptar, veremos como el escenario se agranda y la barra superior del escenario nos muestra la palabra Esfera. Lo que ha pasado es que hemos salido de nuestra animación para meternos en un espacio en el que podemos editar el símbolo que queremos crear. Así que nos ponemos manos a la obra con nuestra labor de artistas.

Para dibujar la esfera vamos a servirnos de las herramientas de dibujo. Comenzamos por elegir la herramienta óvalo, representada por un círculo. Una vez elegida nos colocamos en el escenario y, apretando la tecla mayúsculas y pulsando el botón izquierdo del ratón (el único para los usuarios Mac), desplazamos el ratón hacia cualquier dirección. Veremos aparecer un círculo con los colores definidos en el apartado colores de la barra de herramientas.

Ahora, para darle la sensación de perspectiva a la esfera, vamos a colorearla en su interior usando un degradado radial. Para ello, visualizamos el panel mezclador de colores:

Ventana > Mezclador de color

Llegados aquí, veremos una ventana como la de la figura:


En este panel, seleccionaremos en el menú desplegable la opción Radial. Veremos como la ventana cambia de aspecto pareciéndose a la imagen siguiente:


Lo que haremos es seleccionar dos colores (los que os gusten) para cada una de las casitas que se encuentran en la parte inferior de la barra de degradado. Para ello, clicaremos sobre cada una de las casitas y a continuación, elegiremos un color en la paleta desplegable situada en la parte superior izquierda del panel. Repetiremos el proceso para la otra casita.

Una vez definido el degradado, podemos seleccionar la herramienta cubo de pintura y clicaremos con el botón izquierdo sobre la parte rellena del círculo. Si todo funciona correctamente, deberemos obtener una esfera similar a la de la figura mostrada:


Sugerimos repetir este proceso de relleno del círculo con un degradado jugando con las opciones que nos ofrece el panel mezclador de colores. Podemos ver que es posible añadir más casitas para conseguir un efecto de coronas o bien cambiar el tipo de degradado a lineal y más cosas...

Después de dejarnos llevar por nuestra vena creativa podemos volver a cosas más serias. Para empezar, podemos alinear la esfera con la cruz que define el punto de alineamiento del símbolo. Para ello, elegiremos la herramienta flecha y seleccionaremos la esfera desplazando el ratón al mismo tiempo que mantenemos pulsado el botón izquierdo. Para mover la esfera lo haremos del mismo modo, desplazando el ratón hasta el lugar apropiado manteniendo pulsado el botón izquierdo. Podemos precisar el desplazamiento usando las flechas del cursor que nos permitirán desplazarnos píxel por píxel.

+ 1 manual relacionado
+ 1 categoria relacionada
+ 1 comentario (Añadir)
+ 7 comentarios no revisados

Autoría, licencia y acciones sobre este artículo

Informe de Rubén Alvarez* Redactor de DesarrolloWeb.com URL: http://www.desarrolloweb.com Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright. * Para consultas técnicas utilizar la lista de correo. Versión imprimible del artículo Enviar artículo por e-mail Publicar un comentario del artículo

+ Entrar en Flash

Añadir un comentario del artículo Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar.

Se muestra un comentario revisado

Añadir un comentario del artículo

Comentarios sin revisar

Añadir un comentario del artículo Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.

 Se han encontrado 7 comentarios sin revisar

Ver los comentarios no revisados

Añadir un comentario del artículo

Enlaces:

Maestrosdelweb

  Ir arriba