Tutorial De Flash Escenas Cuento

cuentCuento Interactivo

Apunte Flash - 03

Cuento Interactivo
Objetivos:
Diseño, Edición y programación botones. Navegación a través de Escenas. Uso de Audio. Manejo y utilización de acciones. Manejo de Clip de Películas.

Consideraciones:
Antes de comenzar a trabajar en Flash es necesario, planificar nuestro trabajo, saber el total de Escenas, Los personajes o Clip que contendránanimación. Cuáles serán nuestros botones, el cursor, la música aplicada, en definitiva Bocetear la aplicación para tener claridad, antes de lanzarse a la labor de desarrollo

Diseño de Animaciones - Carlos Oyarzún B.

página - 1

Cuento Interactivo
Configuración del Documento
En un Archivo Nuevo en ActionScript 2.0, definir el tamaño del Documento a 800 x 600 px.

Apunte Flash - 03Ordenando la Información
En esta etapa se hace necesario que organicemos nuestro contenido de acuerdo a como va a ser presentado en la aplicación y determinar que elementos participarán en ésta. Es recomendable realizar un mapa general de la aplicación escena por escena, con apuntes acerca de qué elementos serán animados y cuales no, además de definir claramente sus acciones y sonidos. Antes deincorporar cualquier elemento, agregar escenas, crear animaciones, incorporar sonidos. Lo primero que debemos hacer es configurar correctamente nuestra primera escena, de manera tal que nos sirva de plantilla para las demás escenas. En ella debemos considerar una capa para cada elemento que posea animación y capas para cada contenido específico. Acciones, cursor, botones, contenido, fondo, etc. Esimportante que cada capa sea nombrada, ya que esto dará una apariencia más profesional a nuestro trabajo, además, de facilitarnos la labor en futuras mantenciones. Se ha pensado una duración standar de 80 cuadros para las secuencias de animación, por lo tanto, agregamos fotogramas (F5) hasta el cuadro 80.

Desde la Paleta de Línea de Tiempo Agregar Capas para organizar el contenido del Cuento. En laCapa Fondo, importar la Imagen que será el fondo del Cuento. En la Capa Botones, importar los archivos PNG o dibujar los elementos que serán los botones para generar la interacción en el Cuento.

Diseño de Animaciones - Carlos Oyarzún B.

página - 2

Cuento Interactivo
Modificación del Cursor
Comenzamos por dibujar el elemento que queremos que será nuestro Cursor en la capa Cursor, paraposteriormente Convertir en Símbolo, como Clip de Película. Es importante nombrar los símbolos que vayamos creando para evitarnos confusiones y perdidas de tiempo, cuando nuestra aplicación vaya creciendo en cantidad de símbolos que interactúan en la escena.

Apunte Flash - 03
Botones
Comenzamos por dibujar los elementos que queremos que sean nuestro Botón en la capa botones, Dibujaremos cadaelemento como un grupo independiente, ya que posteriormente serán animados.

Luego de ubicarlos en su posición desde el menú modificar elegir la opción Convertir en Símbolo, como Gráfico. Luego editaremos el Símbolo mc_cursor para generar una pequeña animación con él, de manera de crear un Símbolo animado.

Diseño de Animaciones - Carlos Oyarzún B.

página - 3

Cuento Interactivo
Luegovolverémos a Convertir en Símbolo el objeto, pero esta vez como Botón, de esta manera podremos luego por medio de acciones controlar la navegación a través de las escenas del Cuento.

Apunte Flash - 03
Presionado(Down): Este estado
En el estado Sobre de nuestro botón seleecionaremos el Símbolo, con el botón derecho de nuestro Mouse y seleccionaremos la opción duplicar Símbolo, para crear un Clip dePelícula animado con el molino.

aparece cuando el usuario presiona o hace click con el puntero del mouse sobre el botón.

sirve para delimitar las zonas que serán sensibles al paso del mouse por sobre el botón. Y sólo visible cuando estamos trabajando en nuestro archivo Flash, pero al momento de crear la aplicacíón no es visible por el usuario.

Zona Activa(Hit): Este estado nos...