-
En este videotutorial Flash veremos cómo crear una transición animada de día a noche. Crearemos los elementos y después los animaremos dándole un aspecto de caricatura.
Descgargar archivo editable (Flash 8, CS3 ó CS4)
Hace poco me percat�, que a diferencia de otras categor�as, el tag de After Effects del sitio no cuenta con ning�n tutorial, tip o ejemplo dirigido a personas que comienzan a utilizar el programa. Los tutoriales existentes asumen que el usuario que lea el contenido ha manejado con anterioridad la herramienta o al menos conoce los principios b�sicos del uso de la misma.
En el presente tip, pretendo de una manera lo m�s breve posible explicar la filosof�a de trabajo as� como los principales m�dulos o ventanas de este maravilloso programa.
Para la realizaci�n de todo el documento se ha utilizado Adobe After Effects CS4.
El prop�sito de After Effects es crear gr�ficos animados utilizando para este fin efectos visuales que vienen predeterminados en el programa o que podemos instalarle por medio de plugins o complementos. Estos gr�ficos, despu�s de generados, pueden ser exportados a m�ltiples formatos de video dependiendo de nuestro inter�s y pueden ser visualizados en diferentes soportes audiovisuales, desde los m�s tradicionales como la televisi�n hasta los m�s modernos como un ordenador o un m�vil.
Aunque puede utilizarse http://www.cristalab.com/tags/after_effects/ para la edici�n y retoque de video, no es recomendado para esta actividad, existiendo otras plataformas para este fin como el Adobe Premiere Pro.
After Effects comparte la misma filosof�a de trabajo que la de la mayor�a de los softwares de animaci�n, la superposici�n de capas simulando los acetatos de la animaci�n tradicional y la interpolaci�n de propiedades, bastando indicar el punto de inicio y el final y autom�ticamente el software calcular� los puntos intermedios. Tengo como opini�n que alguien que sepa trabajar flash en modo animaci�n no tendr� problemas para comprender la filosof�a de After Effects.
Pasaremos entonces a analizar los principales m�dulos o ventanas que componen a After Effects, as� como el uso que se le da a los mismos. Es bueno aclarar que vamos a utilizar el workspace (espacio de trabajo) �Standard� que es el que viene por defecto al instalar el software.
En esta ventana estar�n ubicados todos los archivos que importemos a nuestro proyecto, as� como todas las composiciones que vayamos creando. Una composici�n la podemos imaginar como un MovieClip o un Gr�fico de Flash (aunque no es exactamente lo mismo). De la misma manera que trabajamos con estos objetos en Flash, en After Effects podemos crear animaciones dentro de una composici�n y despu�s insertar esta composici�n dentro de otra y animarla tambi�n, esto lo profundizaremos m�s en futuros tips.
After Effects puede importar dis�miles formatos de archivo, aqu� dejo una referencia de los m�s usados:
JPG, PNG, PSD, TIF, TGA.
WAV, MP3, WMA, ASF.
AVI, MPG, WMV, MOV, MP4, FLV, SWF.
Para importar un archivo en nuestro proyecto, podemos hacerlo directamente desde el men� File > Import > File…
Que dando doble click sobre el �rea de la ventana Project
En esta ventana tendremos una referencia visual de la composici�n sobre la que estemos trabajando, podemos ver cualquier cambio realizado sobre esta en un frame determinado o incluso podemos hacer un render de la composici�n y visualizarlo en esta ventana.
En esta ventana controlaremos la reproducci�n de nuestra composici�n.
(1) Podemos reproducirla o pausarla (La reproducci�n no se realizar� con el framerate adecuado).
(2) O podemos primero hacer un buffer de frames en la memoria del ordenador y despu�s reproducir la composici�n (La reproducci�n se realizar� al framerate adecuado).
Es la ventana principal de After Effects, es donde iremos situando los archivos que hayamos importado, estos se tomar�n de la ventana Project y se arrastrar�n hacia aqu� en forma de layers o capas.
(1) En la parte izquierda estar�n todas las propiedades que podemos variar de cada layer y es aqu� donde podemos organizar el orden de los mismos.
(2) En la parte derecha controlaremos la longitud en el Timeline de cada layer, y tambi�n nos colocaremos en el tiempo en el que queremos variar la propiedad de dicho layer.
Y hasta aqu� hemos terminado nuestra introducci�n a After Effects, en futuros tips empezaremos a trabajar directamente con los archivos importados.
Espero que les sea �til.
En éste videotutorial veremos las nuevas herramientas para manipular y animar objetos en 3D utilizando Flash CS4
En este tip pretendo mostrar a fondo la nueva caracterÃstica de Flash CS4, la animación basada en objetos.
Retomando, en mi Tip anterior mostré el proceso para agregar las animaciones predeterminadas de Flash CS4, aprovechando el nuevo modelo basado en los objetos que ofrece.
Bien, se me hizo un par de dÃas semanas tarde pero al fin está listo! Aunque quedó algo extenso…
//- OOT <– Object Oriented Tweening !
Antes que nada, considero que es vital conocer el espacio sobre el cual estaremos desarrollando todo. Este es el conjunto de paneles que viene por defecto en Flash CS4, en la parte superior de la ventana:
Quizá, como ya te podrás imaginar, solamente serán utilizados los dos primeros paneles; la Linea de Tiempo y el Editor de Movimiento.
Aquà dejo estos screenShots para que puedan empezar a conocer los paneles. Solo da click para cambiar a la siguiente imagen:
Como podrás ver, los paneles facilitarán mucho el trabajo fluido entre ellos, por su proximidad.
Para los siguientes ejemplos utilizaré la misma imagen del Tip anterior:
En Flash CS4 crear una Interpolación de Movimiento se puede hacer por dos vÃas diferentes;
(Ej. frameRate:30 = 30 Fotogramas Clave = 1 seg de duración)
Listo, ahora tenemos nuestro nuevo objeto de Animación.
Aquà un aspecto crucial: TODOS podemos hacer una Interpolación de Movimiento, lo difÃcil es saber modificarla para adecuarla a nuestras necesidades.
Por ello daremos click al final de nuestra Interpolación de Movimiento dentro de la Linea de Tiempo, y abriremos el panel Editor de Movimiento/Motion Editor.
Una vez ahi encontraremos varios subPaneles bajo la siguiente estructura:
Aquà podremos modificar la localización de nuestro Clip de PelÃcula en el escenario a lo largo de la Interpolación de Movimiento, basados en sus coordenadas X, Y, o Z. Bastara con arrastrar el Clip en el escenario y ver como los valores cambian automáticamente, o modificarlos desde aquà directamente.
Aunque la siguiente imagen está modificada para que quepa dentro de los limites del foro, no ha perdido su enfoque.
Se puede apreciar asà siempre la misma estructura base, incluso en los demás subpaneles, de izquierda a derecha: Propiedad (Ej: Y), Variable (Ej: 205px), Ease, Gráfica.
Aquà podremos (como su nombre deja claro), modificar la apariencia de nuestro Clip de PelÃcula, ya sea sesgándolo (Skew), o escalándolo (Scale), tal y como si lo hiciéramos manualmente en las versiones de Flash anteriores. Para ello podremos, al igual que en el caso anterior, hacerlo manualmente con la herramienta Transformación Libre/Free Transform, o cambiando los valores aquÃ, directamente.
Este en lo personal, me parece que es uno de los aspectos mas innovadores y mejor implementados de todos los anteriormente mencionados, ya que te permite "importar" el tipo de Movimiento que se podrá efectuar durante alguna de las Interpolaciónes de Movimiento previamente especificadas.
Para dejar una idea mas clara sobre su funcionamiento imagina que estas usando de manera gráfica la clase Tween.
Habrás notado que en todos los subpaneles se repite la presencia de Simple (Slow), el cual representa la manera en la que se reproduce la Interpolación de Movimiento, es decir suavemente de atrás hacia adelante sin ningún tipo de rebote o singular efecto.
Prueba cambiando esto por cualquier otra propiedad y observa las diferencias.
Como podrás notar, se pueden dar cambios muy sutiles e impactantes, de saber manejar esta nueva caracterÃstica en Flash CS4. Es por ello que en breve planeo postear mi otro Tip que esta arrumbado por ahà para profundizar aun mas en el subpanel Transform y cómo puede trabajar en conjunto con el subpanel Ease.
Quizá este video sobre la animación en flash te pueda ser de utilidad.
He podido disfrutar, desde ya un tiempo de la versión CS4 de Flash. A mi parecer, la principal caracterÃstica que presenta, es la de poder manejar las animaciones en la linea de tiempo, orientándose a ellas como objetos. En esta ocasión no voy a profundizar mucho en el tema, aunque ya tengo algo grande preparado.
Volviendo al tema, esto sin duda es un gran avance ya que nos permite crear animaciones realmente complejas. Y no los simples movimientos con easing a los que ya nos tenÃan acostumbrados, gracias a las bibliotecas que ya vienen incorporadas. En este pequeño Tip, mostraré cómo crear animaciones un tanto complejas de manera rápida y sencilla en Flash CS4.
//- OOT ! <– Object Oriented Tweening !
