Leccin

Flash

Animacin, video y sonido

En esta leccin podrs:

Crear y distribuir imgenes en tipo secuencia para utilizarlas en un diseo web.

Y sers competente en:

El diseo de pelculas y animaciones por computadora empleando parte del desarrollo y secuencia de imgenes o fotografas.

Introduccin
dobe Flash cuenta con recursos muy sencillos y avanzados que A forman parte esencial del diseo web. Ello permite desarrollar aplicaciones interactivas tipo multimedia de gran calidad como es el

caso de secuencias de fotografas o imgenes. La leccin tiene como propsito contar con la experiencia necesaria para desarrollar proyectos tipo WEB ms profesionales.

79

Desarrollo

7
Flash

esarrollemos una secuencia de imgenes D de forma bsica, para ello te pedimos seguir los pasos:

Ejecuta el programa de Adobe Flash.

Animacin, video y sonido

Procesos fundamentales

Secundaria 3

Haz clic en el men Archivo, selecciona la opcin Importar/ Importar a biblioteca.

Presentar la ventana Preparando importacin, slo espera 2 segundos.

Ubica la carpeta llamada PAISAJES de la carpeta de Materiales de tu disco. Abre la carpeta y selecciona las 5 imgenes. Despus oprime el botn Abrir.

80

Es necesario contar con una galera o Biblioteca de imgenes.

Una biblioteca de imgenes es una carpeta que contiene las imgenes que utilizars para tu proyecto.

Las 5 imgenes se importarn a la Biblioteca de Flash.

7
Flash

Dirgete a las imgenes alojadas en el panel de Biblioteca. Con el ratn haz clic sobre la primera imagen y arrstrala al rea de Escena.

Ahora es necesario reajustar el tamao de la imagen a los lmites de la zona de trabajo. Para ello:

Haz clic en el cono de Herramienta Transformacin libre (Q) de la barra de herramientas.

Secundaria 3

Para observar la Biblioteca, debes hacer clic en la pestaa de Biblioteca que se encuentra a la derecha de la ventana de Flash en la seccin de los paneles de trabajo.

Animacin, video y sonido

81

Oprime la tecla de [Alt] y, sin soltarla, ajusta el tamao de la imagen dando clic sobre los nodos del contorno y arrastrndolos hasta dejar la imagen al tamao deseado.

7
Flash

Animacin, video y sonido

Procesos fundamentales

Secundaria 3

Ahora,coloca la siguiente imagen encima de la anterior y repite los pasos anteriores. Haz lo mismo con todas las dems imgenes.

Terminados los pasos anteriores, selecciona el rea de trabajo de la Escena. Para hacerlo, primero haz clic en el cono Herramienta seleccin (V) de la barra de herramientas. Despus dirgete a la imagen en una de sus esquinas y oprime el botn izquierdo del ratn, no lo sueltes, y deslzalo alrededor de la imagen.

Al terminar este proceso, notars un fino recuadro azul alrededor del Escenario como se muestra a continuacin:

82

Ahora, con el botn derecho del ratn haz clic sobre la imagen, se presentar un men y debers elegir la opcin Distribuir en capas.

7
Flash En la lnea del tiempo se anexarn 5 capas con distinto color.

Elimina la Capa 1 que no usaremos. Para hacerlo, haz clic con el botn derecho encima de la capa que eliminars, se presentar un men donde debers eligir la opcin Eliminar capas.

Ahora reacomodaremos las capas para que queden de la siguiente forma:

Animacin, video y sonido

Secundaria 3

83

Para hacerlo: Oprime el botn izquierdo del ratn, mantenlo oprimido y arrastra la capa seleccionada a la nueva posicin al final. Aparecer una lnea negra que te indica en dnde vas a colocar la capa. Suelta el botn del ratn. Realiza lo mismo con todas la capas hasta que queden como se mostr en la imagen de la pgina anterior. Comencemos el proceso de secuencia:

7
Flash

Animacin, video y sonido

Procesos fundamentales

Secundaria 3

Coloca el puntero del ratn en el segundo cuadro de la regla de la Lnea del tiempo de la primera capa llamada Photo1.

Observa la imagen, y notars que el cuadro seleccionado es el que est justo despus del punto negro.

Haz clic sobre el cuadro que acabas de marcar y no lo sueltes, arrastra el ratn hacia la derecha de la Lnea del tiempo hasta llegar al nmero 25 de la regla y suelta el botn.

Cada cuadro que forma parte de la lnea se pondr de color azul.

84

Coloca el ratn en el ltimo cuadrito azul marcado y oprime el botn derecho; se presentar un men y debers elegir Convertir en fotogramas clave.

7
Flash Terminados los pasos anteriores, se presentar en la lnea del tiempo puntitos negros en los cuadritos; estos indican el tiempo de duracin del fotograma en proceso, que ser de 25 milisegundos.

Ahora haremos lo mismo con las siguientes capas, slo que el tiempo de cada una se incrementar de 25 en 25; es decir: - la segunda capa llegar a 50, - la tercera a 75 - la cuarta a 100 - la ltima quinta capa a 125.

Terminado el proceso, con la barra de desplazamiento recorre la Lnea del tiempo hasta su inicio.

Estando en el principio haz clic en el nmero 1 de la regla de medicin de tiempo; se ver una lnea vertical en rojo llamada indicador de secuencia de tiempo mostrando el inicio de la escena.

Animacin, video y sonido

Secundaria 3

85

Ejecuta el cono Reproducir y observa la secuencia de imgenes. Al finalizar, la lnea en color rojo (indicador de secuencia de tiempo) quedar en el nmero 125, como fin de la secuencia de fotogramas.

7
Flash

Animacin, video y sonido

Procesos fundamentales

Secundaria 3

Modifica la velocidad de reproduccin a 10 fps. Haz que se reproduzca indefinidamente. Recuerda que debers marcar con el ratn el rango de fotogramas que abarca la animacin a partir de donde inician hasta donde terminan.

Lleg el momento de crear nuestra pelcula. En los temas anteriores hablamos sobre los archivos cuya extensin son (.SWF) y que se utilizan para visualizar grficos vectoriales y animaciones multimedia en la web. Para crear la pelcula: Guarda tu proyecto en tu memoria USB con el nombre Animacin y extensin .SWF

Recuerda que para crear la pelcula debes dirigirte a Exportar Pelcula en la barra de men y elegir la extensin que necesites.

Cuando termine de Exportar la Pelcula, guarda la pelcula en tu memoria USB con el nombre Animacin y extensin .FLA Cierra Flash. Finalmente, para corroborar el funcionamiento de tu pelcula, busca el archivo Animacion.SWF y ejectalo.

Es necesario instalar Adobe Flash Player en los navegadores de Internet para poder visualizar la gran mayora de videos multimedia.

86

Resumen Resumen
Una biblioteca es un espacio donde se alojan las imgenes que en un futuro puedan utilizarse. Las secuencias de imgenes son simplemente una forma ordenada y consecutiva de presentarlas. La lnea del tiempo permite ubicar la posicin exacta del fotograma, as como asignarle el tiempo correspondiente a la animacin. Las capas permiten elaborar cualquier tipo de animacin o pelcula correspondiente. Las animaciones pueden convertirse en diferentes formatos para ser vistos o escuchados. La extensin SWF permite visualizar grficos vectoriales y animaciones multimedia.

7
Flash

Cuestionario
1.- Qu es una secuencia de imgenes? 2.- Una pelcula puede reproducirse indefinidamente? 3.- Para qu se ajusta la velocidad de una animacin? 4.- Qu extensiones puede crear Flash?

Animacin, video y sonido

Secundaria 3

87

Prctica
Desarrollemos un lbum familiar. Crea una biblioteca carpeta llamada Familia. Dicha biblioteca deber tener mximo 10 fotografas familiares. En Flash elabora una secuencia de fotografas, recuerda que t determinas el tiempo. Exprtala en formato SWF. Presmela a tu familia y si tienes un Blog, sbelo tambin, para que tus familiares y amigos la vean.

Tareas
Investiga sobre otros tipos de formato para grabar secuencias fotogrficas.

88