Autoinstructivo animacion de graficos

Instituto de Educación
Superior Tecnológico Público
“MARCO”

GUÍA AUTOINTRUCTIVA
UNIDAD DIDÁCTICA

ANIMACIÓN DE GRÁFICOS
Docente: Ing. EDVERD ARIAS VALENZUELA
edverdnilton@hotmail.com

2012

Guía de aprendizaje de Flash CS5

Tutorial 1. Creación de una ilustración vectorial
Paso 1 de 14
Esta es la pantalla de bienvenida que aparece al
ejecutar Flash. En esta pantalla tenemosseis áreas
principales:
Crear con plantilla. Abre un nuevo archivo a
partir de una plantilla.
Abrir un elemento reciente. Acceso directo a
archivos recientes y opción Abrir para buscar
otros archivos.
Crear nuevo. Creación de un documento nuevo
de Flash del tipo que seleccionemos. Para
comenzar seleccionaremos Crear nuevo >
ActionScript 3.0.
Ampliar. Vínculo a Flash Exchange, un sitio deintercambio de recursos.
Aprendizaje. Enlaces a diferentes tutoriales sobre
Flash CS5.
Puesta en marcha, Nuevas funciones,
Desarrolladores y Diseñadores. Vínculos a sitios
de ayuda de Flash.

Paso 2 de 14
En Flash CS5 podemos elegir entre varios
espacios de trabajo, así como crear nuestro
espacio de trabajo personalizado.
Cada espacio de trabajo tiene una distribución
diferente de lasdiferentes áreas, y puede mostrar
por defecto unos paneles u otros.
Podemos cambiar a diferentes espacios de trabajo
seleccionando en el desplegable, situado en la
parte superior al lado del buscador, el espacio de
trabajo que queramos.
En esta guía trabajaremos con el espacio de
trabajo llamado Conceptos básicos.

Paso 3 de 14
Generalmente, el primer paso que haremos al trabajar conun archivo Flash es configurar las características
principales de la película.
Podemos ver las características de nuestra película en el inspector de Propiedades. Si no vemos este
panel, pulsaremos sobre el menú Ventana > Propiedades*.
Si en este panel vemos otros datos que no corresponden con la imagen, seleccionaremos la herramienta
Selección pulsando sobre la flecha superior de la barra deherramientas o bien pulsando la tecla de acceso
directo V. Este acceso directo puede ser muy útil, ya que es una de las herramientas que más utilizaremos.
Con la herramienta Selección, pulsaremos sobre un lugar vacío del escenario para asegurar que no haya
nada seleccionado.
En la parte superior de este panel vemos el título de documento. Después está el área Publicar, de la que
hablaremos enotros tutoriales. Después nos encontramos con el área de Propiedades, en la que nos
centraremos a continuación. Por último está la nueva área Historial del swf, en la que podremos ver algunos
datos sobre los archivos swf que vayamos publicando.
Dentro del área Propiedades, FPS muestra los fotogramas por segundo a los que está configurada la
película. A mayor número de FPS, mayor velocidad yfluidez de la animación. Para algunas animaciones
puede ser suficiente un valor de 12 o 18 FPS, pero de momento dejamos este valor en 24 fotogramas por
segundo.
Después tenemos el tamaño del escenario. Si queremos cambiar este valor, pulsaremos sobre el botón
Editar que tenemos a su lado. Para este tutorial no vamos a modificar el tamaño.
Escenario muestra el color de fondo de nuestrapelícula. Vamos a cambiar el color de fondo pulsando sobre
el cuadro de color y seleccionando un color azulado, tal y como se puede ver en este vídeo.
*Siempre que un panel no está visible, podemos abrirlo haciendo clic en su nombre desde el menú Ventana.

Paso 4 de 14
Para comenzar vamos a dibujar una nube trazando varios círculos superpuestos.
En primer lugar seleccionaremos la herramienta Óvalo,que se encuentra agrupada junto con la
herramienta Rectángulo. Todas las herramientas que tienen otras herramientas agrupadas muestran en
la barra de herramientas una pequeña flecha negra. Manteniendo pulsada la herramienta
correspondiente podemos acceder al resto de herramientas que están agrupadas junto a ella.
Una vez seleccionada la herramienta Óvalo, el inspector de Propiedades mostrará...