30 de abril de 2011

Bienvenidos

Bienvenidos a Any-Flash, donde puedes encontrar información acerca de Flash y la creación de muchas de las cosas que nos podamos imaginar con la ayuda de esta maravilosa herramienta como lo es Flash Professional.





Carrusel y reflejo en Flash CS3

Hola a todos este es nuestro primer tutorial, el cual consiste en crear una animación en flash agregrando efectos, en este caso haremos el efectto reflejo y carrusel. Paso a paso explicaremos el procedimiento para obtener al final nuestra animación como esta:




Como lo haremos?, sencillo con lo siguientes pasos que explicaremos de forma breve para que al final de nuestro procedimiento obtengamos nuesta animación flash.

  • Para poder ingresar al mundo flash, claramente debemos tener el programa el cual les he adjuntado aquí en este link de descarga, este es un archivo portable, despúes de haberlo descargado lo ejecutas y ya está, tenemos Adobe Flash Professional.
  •  Despúes de haber descargado el archivo nos aparace un archivo comprimido simplemente lo descomprimimos, nos saldrá el archivo ejecutable y listo.
  •  Al haber ejecutado ó clickeado el archivo flash nos abre el panel de flash cs3, con todo lo que           nos brinda para la elaboración de nuestras animaciones, algo como esto.

    • Bueno miramos el panel en la lista de "Crear Nuevo" y damos click en "Archivo de Flash 3.0", y nos vuelve a desplegar otra ventana la cual ya es el sitio como tal en donde haremos nuestra animación de carrusel y reflejo.

    • Ahora vamos a archivo vamos a "Archivo" ,"Importar a escenario y seleccionamos las imágenes que deseemos agregar en nuestro carrusel, yo lo voy a hacer solo con tres, ustedes pueden agregar las que deseen.

    • Ahora seleccionamos todas las imagenes las vamos a convertir en símbolo, como?; pulsamos la tecla F8, seleccionamos clip de película, si quieres puedes cambiar el nombre ó si no dejas el que nos da por defecto el símbolo y "Aceptar".
             

    • Ahora seleccionamos nuestro símbolo, lo copiamos y lo pegamos cerca al otro para crear el efecto de carrusel de movimiento.

             seleccionamos las dos secuencias y las asociamos convirtiendolas en un sólo símbolo.


    • Vamos a crear el movimiento carrusel de la animación, nos ubicamos en el fotograma "1" y ubicamos la el símbolo dejando la última imagen que agregamos en el primer símbolo que hicimos al borde de nuestro fondo, lo mismo hacemos pero ubicandonos en el  fotograma "50" y agregando un fotograma clave.(Fotograma clave se hace pulsando la tecla F6)


    • Nos ubicamos en cualquier fotograma del "1" al "50" y creamos una interpolación de movimiento, como?; Por ejemplo nos ubicamos en el fotograma 30, damos click derecho y seleccionamos la primera opción de la lista "Crear Interpolación de Movimiento" y listo. Damos CTRL+Enter para ver como está quedando nuestra imagen y nos debe dar algo como esto. Ejemplo

    • Muy bien hasta aquí hemos hecho el efecto carrusel, ahora vamos a aplicar el reflejo, como?, fácil tenemos que añadir una nueva capa y la llamamos "reflejo", podemos ir a "Insertar", "Línea de Tiempo", "Capa", y para cambiar el nombre solo damos doble click sobre la misma y escribimos "reflejo".

    • En la capa reflejo, nos ubicamos en el fotograma "1", seleccionamos nuestro símbolo, damos click derecho "Copiar", luego vamos a nuestra barra de menú "Edición" y seleccionamos de la lista "Pegar in Situ", despúes vamos en la misma barra de menú a "Modificar", "Transformar", "Voltear Verticalmente" y arrastramos la imagen hacia abajo dejandolas seguidas. Hacemos lo mismo el fotograma "50". Despúes de esto seleccionamos nuestra capa "1" damos click derecho "Quitar Interpolación" y la volvemos a agregar.






    •  Ya obtenemos algo como esto.  Ejemplo2
    • Ahora agregamos otra capa y la nombramos cuadro. Nos ubicamos en el fotograma "1" y vamos a dibujar un rectángulo, si bordes y de color negro, con el siguiente tamaño "Ancho 550px", "Alto 170px" y lo ubicamos encima de la secuencia de abajo.




    • Seleccionamos el rectángulo y lo convertimos en símbolo, a este símbolo le damos doble click para y nos quedamos trabajando únicamente con este rectángulo.

    • En nuestro ventana de flash podemos al lado derecho nuestra bara de "Color", aquí hay una caja de selección llamada tipo, de ahí seleccionamos el color  tipo "Líneal", así:

    • Nuestra ventana queda así, fijense bien el la barra de "Color".

    • Nos aparecen dos puntas en la barra horizaontal de color, en  las primer punta su color debe ser blanco con un "Alfa" de 0%, en la otra punta también su color debe ser blanco pero su "Alfa" de 100%. Fijense mucho en la barra de "Color".


    • Ahora seleccionamos el cuadro, miremos el lado izquierdo de nuestra ventana nuestra bara de herramientas, vamos a la tercer opción de "Transformación" y clickeamos "Transformació Degradado". En la esquina derecha superior del rectángulo aparece un circulo, este nos permite girarlo y lo vamos a hacer hacia abajo en sentido derecho. Con el circulo balnco pequeño que aparece en en centro del cuadro podemos moverlo hacia arriba ó abajo dependiendo de que tanta marcación queremos que quede nuestro reflejo, hecho esto debemos tener algo así, Ejemplo3




    • Es to ha sido todo nuestro procedimiento como producto final debemos obtener algo como esto, Ejemplo4, muchas gracias por su visita y esperamos haberte ayudado.