jueves, 16 de octubre de 2008

Introducción a Flash MX

Las películas de Flash son imágenes y animaciones para los sitios Web. Aunque están compuestas principalmente por imágenes vectoriales, también pueden incluir imágenes de mapa de bits y sonidos importados. Las películas Flash pueden incorporar interacción para permitir la introducción de datos de los espectadores, creando películas no lineales que pueden interactuar con otras aplicaciones. Los diseñadores de la Web utilizan Flash para crear controles de navegación, logotipos animados, animaciones de gran formato con sonido sincronizado e incluso sitios Web con capacidad sensorial. Las películas Flash son gráficos vectoriales compactos que se descargan y se adaptan de inmediato al tamaño de la pantalla del usuario.

Es más que probable que haya visto e incluso utilizado películas Flash en muchos sitios Web, como por ejemplo Disney®, Los Simpson® o Coca-Cola®. Millones de usuarios de la Web han recibido Flash Player con sus PC, navegadores o software del sistema; otros lo han descargado desde el sitio Web de Macromedia. Flash Player reside en el PC local, donde puede reproducir películas en navegadores o como aplicaciones independientes. Ver una película de Flash en Flash Player es similar a ver una cinta de vídeo en un aparato de vídeo, siendo Flash Player el dispositivo que se utiliza para ver las películas creadas con la aplicación de creación de Flash.

Flujo de trabajo de Flash

El trabajo en Flash para la creación de una película incluye el dibujo o la importación de una ilustración, su organización en el Escenario y su animación con la Línea de tiempo. La película puede hacerse interactiva utilizando acciones que hagan que la película responda a determinados eventos de cierta manera.

Una vez terminada la película, es posible exportarla para verla en Flash Player o bien como un proyector de Flash independiente, lo cual permite verla con un reproductor que se incluye con la película misma.

- Las películas de Flash pueden reproducirse de varias formas:

- En navegadores Internet, tales como Netscape Navigator y Microsoft Internet Explorer, que estén equipados con Flash Player.

- Con el control ActiveX de Flash en Microsoft Office, Microsoft Internet Explorer para Windows y otros entornos anfitrión de ActiveX.

- En Flash Player, una aplicación independiente de manejo similar al complemento Flash Player.

- Como un proyector independiente, un archivo de película que se puede reproducir sin disponer de Flash Player.

Animación en Flash

Flash le permite animar objetos para dar la impresión de que se mueven por el Escenario, así como cambiar su forma, tamaño, color, opacidad, rotación y otras propiedades. También puede crear animación fotograma a fotograma, creando una imagen diferente para cada fotograma. Otra posibilidad consiste en crear animación interpolada, es decir, crear los fotogramas primero y último de una animación y dejar que Flash cree los fotogramas intermedios.

Gráficos vectoriales y de mapa de bits

Los PC muestran imágenes en formato vectorial o de mapa de bits. Es muy importante comprender la diferencia existente entre ambos formatos para poder utilizarlos de la forma más eficaz. Flash permite crear y animar gráficos vectoriales compactos. También permite importar y manipular gráficos vectoriales y de mapa de bits creados en otras aplicaciones.

miércoles, 15 de octubre de 2008

Creación de un película en Flash

Cada vez que se abre Flash, la aplicación crea un nuevo archivo. Durante la sesión de trabajo es posible crear otras nuevas películas. Para definir el tamaño, la velocidad de fotogramas, el color de fondo y otras propiedades de una nueva película, se utiliza el cuadro de diálogo Propiedades de película.

Seleccione Archivo > Nuevo .

1.2. Modificar

Para crear una película nueva y establecer sus propiedades:

2 Elija Modificar > Película . Aparecerá el cuadro de diálogo Propiedades de película.

3 En la sección Velocidad de fotogramas, introduzca el número de fotogramas de animación que deben mostrarse cada segundo. La mayoría de las animaciones que se ven en los PC, especialmente las que se reproducen desde un sitio Web, no necesitan una velocidad mayor de 8 a 12 fps (fotogramas por segundo). (12 fps es la velocidad de fotogramas predeterminada).

4 En la sección Dimensiones, elija una de estas opciones:

- Para especificar el tamaño del Escenario en píxeles, introduzca los valores en los campos Anchura y Altura. El tamaño de película predeterminado es de 550 por 400 píxeles. El tamaño mínimo es de 18 por 18 píxeles, mientras que el máximo es de 2880 por 2880 píxeles.

- Para establecer el tamaño del Escenario de forma que el espacio que rodea el contenido sea igual en todos los lados, haga clic en Coincidir contenido. Para reducir al mínimo el tamaño de la película, alinee todos los elementos en la esquina superior izquierda del Escenario antes de utilizar el comando Coincidir contenido.

- Para establecer el tamaño del Escenario con la mayor área de impresión posible, haga clic en Coincidir impresora. Este área queda determinada por el tamaño del papel menos los márgenes seleccionados en el área Márgenes del cuadro de diálogo Configurar página (Windows) o del cuadro de diálogo Márgenes de impresión (Macintosh).

5 Para establecer el color de fondo de la película, elija un color en la muestra de colores de fondo.

6 Seleccione la unidad de medida en el menú emergente Unidades de regla que se va a utilizar para las reglas que es posible mostrar en las partes superior y lateral de la ventana de la aplicación.

7 Haga clic en Aceptar.

martes, 14 de octubre de 2008

Línea de Tiempo


Línea de tiempo (Timelines)

La Línea de tiempo organiza y controla el contenido de una película a través del tiempo, en capas y fotogramas. Los componentes principales de la Línea de tiempo son las capas, los fotogramas y la cabeza lectora.

Las capas de una película aparecen en una columna situada a la izquierda de la Línea de tiempo. Los fotogramas contenidos en capa cada aparecen en una fila a la derecha del nombre de la capa. El encabezado de la Línea de tiempo situado en la parte superior de la Línea de tiempo indica los números de fotogramas. La cabeza lectora indica el fotograma actual que se muestra en el Escenario.

La información de estado de la Línea de tiempo situada en la parte inferior de la Línea de tiempo indica el número de fotograma actual, la velocidad de fotogramas actual y el tiempo transcurrido hasta el fotograma actual.

Nota: Al reproducir una animación, se muestra la velocidad de fotogramas actual, que puede diferir de la velocidad de fotogramas de la película si el sistema no puede mostrar la animación con la rapidez apropiada.

Puede cambiar la manera según la que se muestran los fotogramas y mostrar miniaturas del contenido de los fotogramas en la Línea de tiempo. La Línea de tiempo muestra dónde hay animación en una película, incluyendo la animación fotograma a fotograma, la animación interpolada y los trazados de movimiento.

Modificación del aspecto de la Línea de tiempo

De forma predeterminada, la Línea de tiempo aparece en la parte superior de la ventana de la aplicación principal, encima del Escenario. Para cambiar su posición, puede acoplarla tanto a la parte inferior como a uno de los dos lados de la ventana de la aplicación principal, así como mostrarla en su propia ventana. También es posible ocultarla.

Puede cambiar el tamaño de la Línea de tiempo para cambiar el número de capas y fotogramas visibles. Si hay más capas de las que es posible mostrar en la Línea de tiempo, puede ver las capas adicionales utilizando las barras de desplazamiento situadas a la derecha de la Línea de tiempo.

Para mover la Línea de tiempo:

Arrástrela desde el área por encima del encabezado de la Línea de tiempo.

Arrastre la Línea de tiempo hasta el borde de la ventana de la aplicación para acoplarla. Presione Control (en Windows y en Macintosh) mientras la arrastra para impedir que la Línea de tiempo se acople a los bordes.

Para aumentar o reducir los campos de nombre de las capas:

Arrastre la barra que separa los nombres de capa y la Línea de tiempo.


Para cambiar el tamaño de la Línea de tiempo, utilice uno de los siguientes procedimientos:

Si la Línea de tiempo está acoplada a la ventana de la aplicación principal, arrastre la barra que separa la Línea de tiempo de la ventana de la aplicación.

Si la Línea de tiempo no está acoplada a la ventana de la aplicación principal, arrastre la esquina inferior derecha (Windows)

Desplazamiento de la cabeza lectora

La cabeza lectora se mueve por la Línea de tiempo para indicar el fotograma que se muestra en cada momento en el Escenario. El encabezado de la Línea de tiempo muestra los números de fotograma de la animación. Para que aparezca en el Escenario un determinado fotograma, puede mover la cabeza lectora hasta ese fotograma en la Línea de tiempo.

Si está trabajando con un número de fotogramas tal que no es posible que todos aparezcan al mismo tiempo en la Línea de tiempo, puede centrar la cabeza lectora en la Línea de tiempo para poder localizar fácilmente el fotograma actual.

Para ir a un fotograma:

Haga clic en la posición del fotograma en el encabezado de la Línea de tiempo o bien arrastre la cabeza lectora hasta la posición deseada.

Para centrar la cabeza lectora en el medio de la película:

Haga clic en el botón Centrar fotograma situado en la parte inferior de la Línea de tiempo.

En la Línea de tiempo, se trabaja con fotogramas y fotogramas clave

lunes, 13 de octubre de 2008

Elementos de la Línea de Tiempo

Fotograma: Un fotograma es un espacio en cual podemos tener objetos vectoriales, imágenes o símbolos, un conjunto de fotogramas conforman una animación.

Puede realizar las siguientes modificaciones tanto a los fotogramas como a los fotogramas clave:

Insertar, seleccionar, eliminar y mover fotogramas y fotogramas clave.

Arrastrar fotogramas y fotogramas clave a una nueva posición en la misma capa o en otra diferente.

Copiar y pegar fotogramas y fotogramas clave.

Convertir fotogramas clave en fotogramas.

Arrastrar un elemento desde la ventana Biblioteca hasta el Escenario y agregar el elemento al fotograma clave actual.

La Línea de tiempo permite ver los fotogramas interpolados de una animación. Para insertar fotogramas en la Línea de tiempo, utilice uno de los siguientes procedimientos:

Para insertar un nuevo fotograma, seleccione Insertar > Fotograma .

Para crear un nuevo fotograma clave, seleccione Insertar > Fotograma o bien haga clic con el botón derecho del ratón (Windows) o Control-clic (Macintosh) en el fotograma donde desea colocar un fotograma clave y seleccione Insertar fotograma clave en el menú contextual.

Para crear un nuevo fotograma clave vacío, seleccione Insertar > Fotograma vacío o bien haga clic con el botón derecho del ratón (Windows) o Control-clic (Macintosh) en el fotograma donde desea colocar el fotograma clave y seleccione Insertar fotograma clave vacío en el menú contextual.

Fotograma clave: Un fotograma clave es un fotograma en el que se define un cambio en una animación o bien se incluyen acciones de fotograma para modificar una película. Los fotogramas clave son fundamentales en la animación interpolada. Puede cambiar la longitud de una animación interpolada arrastrando un fotograma clave en la Línea de tiempo
Para eliminar o modificar un fotograma o fotograma clave, utilice uno de los siguientes procedimientos:

Para eliminar un fotograma, fotograma clave o secuencia de fotogramas, selecciónelo y elija Insertar > Eliminar fotogramas o bien haga clic con el botón derecho del ratón (Windows) o Control-clic (Macintosh) en el fotograma, el fotograma clave o la secuencia y seleccione Eliminar fotograma en el menú contextual. Los fotogramas circundantes permanecerán tal como estaban.

Para mover un fotograma clave o una secuencia de fotogramas y su contenido, arrástrelo a la posición deseada.

Para alargar la duración de un fotograma clave, arrastre con la tecla Alt. presionada (Windows) o con la tecla Opción presionada (Macintosh) el fotograma clave hasta el fotograma final de la nueva duración de la secuencia.

Para copiar un fotograma clave o secuencia de fotogramas mediante la operación de arrastre, haga clic con el ratón, presione Alt. (Windows) u Opción (Macintosh) y arrastre el fotograma clave a la nueva posición.

Para copiar y pegar un fotograma o una secuencia de fotogramas, seleccione el fotograma o la secuencia y elija Edición > Copiar fotogramas. Seleccione el fotograma o la secuencia que desee sustituir y elija Edición > Pegar fotogramas .

Para convertir un fotograma clave en un fotograma común, selecciónelo y elija Insertar > Borrar fotograma clave o bien haga clic con el botón derecho del ratón (Windows) o Control-clic (Macintosh) en el fotograma o la secuencia y seleccione Borrar fotograma clave en el menú contextual. El fotograma clave borrado y todos los fotogramas hasta el fotograma clave siguiente serán sustituidos por el contenido del fotograma anterior al fotograma clave borrado.

Para cambiar la longitud de una secuencia interpolada, arrastre el fotograma clave inicial o final a la izquierda o a la derecha.

Interpolación: Una interpolación es la generación automática de secuencias de movimientos en diferentes, delimitados por un fotograma clave inicial y otro final.

Capa: Una capa es un área en la cual podemos tener animaciones, el uso de múltiples capas permite ejecutar diversas animaciones al mismo tiempo.

Escena: Una escena es un conjunto de capas.

Película: Una película es un conjunto de Escenas, reproduciendo simultáneamente en el orden que fueron creadas. Previsualización de películas en el entorno de creación Para previsualizar las películas, puede utilizar los comandos del menú Control, los botones del Controlador o los comandos de teclado.

Para previsualizar la escena actual, utilice uno de los siguientes procedimientos:
Seleccione Control > Reproducir .

Elija Ventana > Barras de herramientas > Controlador (Windows) o bien Ventana > Controlador (Macintosh) y haga clic en Reproducir.


Presione Intro (Windows) o Retorno (Macintosh). La secuencia de la animación se reproducirá en la ventana de la película a la velocidad de fotogramas especificada.

Para desplazarse a través de los fotogramas de la animación, utilice los botones Avanzar uno y Uno hacia atrás del Controlador, o bien elija los comandos correspondientes del menú Control. También puede presionar las teclas <>. Para desplazarse al primer fotograma de la película o al último, utilice los botones Primer fotograma o Último fotograma del Controlador.

Nota: También puede arrastrar la cabeza lectora para ver los fotogramas de una película.

Puede modificar la reproducción de la película utilizando los comandos del menú Control. Observe que también deberá seleccionar Control > Reproducir para previsualizar una película al utilizar los siguientes comandos.

Para reproducir una película en un bucle continuo: Seleccione Control > Reproducir indefinidamente. Para reproducir todas las escenas de una película:
Elija Control > Reproducir todas las escenas. Para reproducir una película sin sonido: Seleccione Control > enmudecer sonidos.

Para habilitar acciones de fotograma o de botón:

Seleccione Control > Habilitar acciones de fotogramas simples o Habilitar botones simples . Para probar todas las funciones interactivas y la animación: Elija Control > Probar película o Control > Probar escena .
Flash crea una película de Flash Player (un archivo SWF), la abre en otra ventana y la reproduce con Flash Player. El archivo SWF se coloca en la misma carpeta que el archivo FLA. Para probar la película en un navegador Web:
Seleccione Archivo > Previsualización de publicación > HTML .

Almacenamiento de archivos de películas
Puede guardar una película FLA de Flash utilizando su nombre y ubicación actuales, o bien guardar el documento utilizando un nombre o una ubicación diferentes. También puede volver a la última versión guardada de un archivo.

Para guardar un documento:

1 Utilice uno de los siguientes procedimientos:
Para sobrescribir la versión actual existente en el disco, seleccione Archivo > Guardar.
Para guardar el archivo en una ubicación diferente o con otro nombre, seleccione Archivo > Guardar como.

2 Si selecciona el comando Guardar como o si nunca a guardado antes el archivo, introduzca el nombre y la ubicación del archivo.

3 Haga clic en Guardar. Para volver a la última versión guardada de un archivo:

Seleccione Archivo > Descartar cambios

domingo, 12 de octubre de 2008

Crear una animación


Crear una animación
1. Archivo > Nuevo
2. Crear Objeto
3. F5 asta cubrir cierto numero de fotogramas
4. F6
5. Mover el Objeto Creado
6. Clic derecho sobre el primer y ultimo fotograma clave
7. Seleccionar crear Interpolación de movimiento


Uso de múltiples capas
1. Archivo > Nuevo
2. Crear Objeto
3. F5 asta cubrir cierto numero de fotogramas
4. F6
5. Mover el Objeto Creado
6. Clic derecho sobre el primer y ultimo fotograma clave
7. Seleccionar crear Interpolación de movimiento
8. Dar clic al icono de agregar capa
9. Regresamos en el punto 2 de este procedimiento