miércoles, 3 de marzo de 2010

"Conoces Flash"

Adobe Flash

Adobe Flash (anteriormente llamado Macromedia Flash) es una aplicación en forma de estudio de animación que trabaja sobre "fotogramas", destinado a la producción y entrega de contenido interactivo para las diferentes audiencias alrededor del mundo sin importar la plataforma.

Flash es una herramienta de diseño web muy buena en la cual podemos enfocarnos a la creación de paginas web, animaciones y diferentes cosas para darle un poco más de realce a nuestras web.

Puedes descargar la version de prueba de Adobe Flash CS3 Aqui


Flash Player

Para poder observar tus animaciones hechas en flash necesitaras de un software llamado Flash player que es una aplicación en forma de reproductor multimedia creado inicialmente por Macromedia y actualmente distribuido por Adobe Systems. Permite reproducir archivos SWF que pueden ser creados con la herramienta de autoría Adobe Flash, con Adobe Flex o con otras herramientas de Adobe y de terceros.

Puedes descargar la version Nº 10 de Flash player Aqui



Tutorial

Bueno despues de haber conocido lo que es Adobe Flash y quieres aprender a usarlo pues aca te dejo un pequeño y sencillo tutorial para que vayas aprendiendo a utilizar y maravillarte con flash.

Efecto de ilusion de Imagen

Paso 1

Como primer paso debes de tener una imagen yo escogí está tu puedes escoger y desarrollar el tutorial con la imagen que tu quieras.





paso 2

Como 2º paso sera crear un nuevo documento en flash para eso nos vamos al menu archivo y luego la opción nuevo, a ese documento le pondremos las dimensiones de 440 pixeles de ancho y 330 pixeles de alto, y una velocidad de fotogramas de 44 ftps como se muestra en la siguiente imagen.



Paso 3

Seleccione ahora Archivo> Importar> Importar a escenario o (Ctrl + R) e importar la imagen que seleccionaste para desarrollar este tutorial. cuando ya hayas importado la imagen al escenario y este seleccionada,ve al panel de alineacion puedes hacerlo por medio de las teclas(Ctrl+K) y has lo que se muestra en la siguiente imagen:



Paso 4

Luego de alinear la imagen damos un clic sobre la imagen y presionamos la tecla F8 para convertir nuestra imagen en un clic de pelicula.



Paso 5

Haga clic en el fotograma 20 y pulse la tecla F6 para agregar un fotograma clave.

Paso 6

Cuando ya hayas creado el fotograma clave. Damos un clic en el fotograma 1 y seleccionamos la herramienta de transformacion libre o tecla (Q) si prefieres y agranda un poco la imagen como se muestra en la siguiente imagen.






Paso 7

Seleccione la Herramienta de selección o tecla (V) y haga clic una vez sobre la imagen que acabamos de ampliar. Luego, ve al Panel de Propiedades o teclas (Ctrl + F3) este panel se encuentra en la parte de abajo de la ventana de trabajo. A la derecha, podrás ver el menú Color. Selecciona Alfa y dejalo al 0%.



Paso 8

Haz clic en cualquier lugar del área gris entre los dos fotogramas clave en la línea de tiempo y da un clic derecho y selecciona la opcion de crear interpolación de movimiento.



Paso 9

Crear una nueva capa sobre la capa ya existente mediante el menú Insertar> linea de tiempo> capa.

Paso 10

Selecciona o haz clic en el fotograma 20 de la primera capa y presiona las teclas Ctrl + C (copiar). Después de eso, selecciona el primer fotograma de la segunda capa y presiona las teclas Ctrl + Shift + V (pegar en situ).

Paso 11

Haz clic en el fotograma 20 de la segunda capa y pulsa la tecla F6.

Paso 12

Vuelve atrás en el primer fotograma de la segunda capa, selecciona la Herramienta de Transformación libre o tecla (Q), y mantén presionada la tecla Shift y reducela de tamaño como se te muestra en la siguiente imagen.



Paso 13

Selecciona ahora la Herramienta de selección o tecla (V) y haga clic una vez sobre la imagen para seleccionarla.Después de eso, repite el paso 7 del tutorial.

Paso 14

Haz clic en cualquier lugar en el área gris entre los dos fotogramas claves en la línea de tiempo de la segunda capa y da un clic derecho y selecciona la opcion de Crear interpolación de movimiento.




Y listo tu animacion estara creada ahora solo faltara que la pruebes.

0 comentarios: