Escena

Trabajar con fotogramas en la línea de tiempo

En la línea de tiempo se trabaja con fotogramas y con fotogramas clave. Un fotograma clave es un tipo de fotograma en el que el diseñador dibuja la imagen utilizando las herramientas que le proporciona Flash. Se representa en la línea de tiempo como un rectángulo con un punto hueco cuando el fotograma está vacío y negro cuando contiene algún objeto.

A continuación puedes experimentar los procedimientos más habituales para modificar los fotogramas de una capa en la línea de tiempo. Todos ellos comienzan por clic derecho sobre una posición de fotograma en la capa y seleccionando la opción deseada en el menú contextual que se despliega.

Clic derecho sobre un fotograma para elegir qué hacer en él

Uso de escenas

Para organizar una película se usan las escenas. Por ejemplo, puedes utilizar escenas diferentes para el mensaje de carga, la introducción, el desarrollo, el desenlace y los créditos finales.

Al publicar una película de Flash que contiene más de una escena, las escenas del archivo SWF se reproducen en una sola secuencia en el orden en el que aparecen en el panel Escena.

La descarga en Internet de una película Flash se realiza siguiendo el orden de reproducción por fotogramas, capas (de abajo hacia arriba o viceversa) y escenas. Precisamente el mensaje de precarga (“Cargando ...”) que aparece en muchas animaciones web diseñadas con Flash es la primera escena que se reproduce ininterrumpidamente y que no da paso a la siguiente escena hasta que no detecta que ya ha sido bajada a la caché del navegador cliente.

Diseño de la Escena 1

1 Elige la herramienta Texto. En el Inspector de propiedades, define como fuente Arial, tamaño 36 y color #FFCC33 (hexadecimal de un color amarillo-anaranjado). Clic en la parte superior del escenario para escribir el texto en mayúsculas “CONÉCTATE”.

 Inspector de propiedades de la herramienta Texto
2 Selecciona la herramienta Flecha para pinchar y arrastrar este cuadro de texto y centrarlo en la parte superior del escenario.
3 Añade una nueva capa con Insertar > Línea de tiempo > Capa. En la línea de tiempo aparece una capa con el nombre por defecto Capa 2.
4 Abre la subcarpeta Conecta dentro de la carpeta Gráficos en la Biblioteca común Curso: Ventana > Otros paneles > Bibliotecas comunes > Curso. Pincha y arrastra al escenario el símbolo Enchufe. Asegúrate de que esta instancia se ubica en el primer fotograma de Capa 2.
5 Sobre Capa 2 (la que contiene la imagen), haz clic derecho en el fotograma nº30 y selecciona Insertar Fotograma Clave.
6 Clic en el fotograma inicial nº1 de la Capa 2. A continuación haz clic sobre la instancia de la imagen. En el Inspector de propiedades, despliega la lista Color, para elegir la propiedad Alfa. Arrastra el deslizador hasta 0% o bien teclea este valor en la casilla adjunta. Otra posibilidad para hacerlo desaparecer es definir la propiedad de color Brillo con un valor de -100%.

Escenario tras situar el cuadro de texto y el gráfico enchufe en la escena 1
7 Clic derecho sobre el fotograma nº1 de Capa 2 y selecciona Crear interpolación de movimiento. Nota que se ha creado una interpolación de movimiento que define una transición de transparencia de 0 al 100 % en la instancia del símbolo enchufe.
8 Clic derecho en el fotograma nº 45 de Capa 2 y selecciona Insertar Fotograma .No es necesario añadir un fotograma clave porque del 30 al 45 su contenido no varía. Este espacio se muestra en la línea de tiempo sobre fondo gris claro con un punto negro en el extremo izquierdo y un rectángulo hueco en el derecho.
9 El rótulo “CONÉCTATE” debe ser visible hasta el fotograma nº45. Para ello clic derecho sobre el fotograma nº 45 en Capa 1 y selecciona Insertar Fotograma. La línea de tiempo tendrá el aspecto de la figura.
Aspecto final de la Línea de Tiempo de la Escena 1
10 Para contemplar la animación contenida en esta escena , elige Control > Probar Escena.

Diseño de la Escena 2

1 Clic en Ventana > Paneles de diseño > Escena para visualizar el panel de Escena

Panel Escena para trabajar con las escenas que forman la película
2 Para añadir una nueva escena, sigue uno de estos procedimientos alternativos:

  • Clic en el botón Añadir escena del panel Escena.
  • Insertar > Escena en la barra de menú principal.

Observa que ha desaparecido la línea de tiempo anteriormente diseñada porque ahora Flash te sitúa en la nueva Escena.  En la esquina superior izquierda de la línea de tiempo se muestra la etiqueta Escena 2 para indicar al diseñador que esa línea de tiempo corresponde a esta escena.

Etiqueta Escena 2 en la esquina superior  izquierda de la línea de tiempo
3 Para ir a una escena en concreto, haz clic sobre su nombre en el panel Escena. Si te has olvidado algún detalle en la escena 1, utiliza este procedimiento. Cerciórate de que estás en la Escena 2 para continuar.
4 Activa la herramienta Texto. Con la misma configuración escribe el texto: “Para compartir con los demás”.
5 Selecciona la herramienta Flecha para arrastrar y situar este cuadro de texto en la zona inferior centrada del escenario.
6 Añade una nueva capa con Insertar > Línea de tiempo > Nueva Capa. En la línea de tiempo aparece una capa con el nombre por defecto Capa 2.
7 Arrastra una instancia del símbolo astronauta desde la carpeta gráficos/conecta  en Ventana > Otros paneles > Bibliotecas Comunes > Curso.
8 Asegúrate de que esta imagen se sitúa en el fotograma nº1 de Capa 2. Sitúa la instancia del astronauta en el extremo superior derecho del escenario. Utiliza la herramienta Transformación libre con el modificador Escalar para reducir su tamaño.
9 Sobre Capa 2 (la que contiene la imagen), haz clic derecho en el fotograma nº30 y selecciona Insertar Fotograma Clave.
10 Una vez seleccionado este fotograma clave final, pincha y arrastra la instancia del astronauta hasta la esquina inferior izquierda.

Escenario tras situar el astronauta y el texto en la Escena 2

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *