Publicidad:
Terra
La Coctelera

Como Crear Una Animacion en After Effects a Partir de un Diseño Hecho en Photoshop

http://www.youtube.com/watch?v=vDdELV8hOR0&eurl=http%3A%2F%2Finerxia%2Enet%2F2007%2F07%2F02%2Fcomo%2Dcrear%2Duna%2Danimacion%2Den%2Dafter%2Deffects%2Da%2Dpartir%2Dde%2Dun%2Ddiseno%2Dhecho%2Den%2Dphotoshop%2F&feature=player_embedded

 

Con este tutorial vamos a animar independientemente las capas de nuestro archivo de photoshop, en el afterFx, usando propiedades sencillas de posicion, rotacion y escala.

1. Para empezar hice un photoshop muy sencillo usando herramientas basicas como los degradados, trazos de pincel, formas vectoriales y texto. Muchas estrellitas…

2. Abre el afterFx y haz click en el menu File/Import/File

3. Selecciona el archivo de photoshop y asegurate de tener ativada la opcion Import As: Composition-Cropped Layer. Esto quiere decir que todas las capas del photoshop se importaran independientemente.

4. AfterFx crea automaticamente una carpeta que contiene todas las capas del photoshop y una composicion con todas ellas. Los de adobe son muy organizados !

5. Al abrir la composicion vemos como cada capa tiene una linea de tiempo independiente.

6. Lo primero que vamos a hacer es desplazar el tiempo de entrada de todas las capas para que vayan apareciendo una por una.

7. Enseguida desplegamos el menu de transformacion de los circulitos para hacer que aparezcan y se agranden tanto que salgan de la pantalla, este efecto nunca falla. A la izquierda de cada propiedad (Scale en este caso) hay un cronometro. Situa la cabeza lectora al comienzo de esa capa, reduce la escala al 0% y haz click en el cronometro, se creara un rombo que indica un cuadro clave en esa capa, luego avanza un segundo la cabeza lectora y cambia la escala a 300%

8. Con la siguiente capa en aparecer: la estrella, vamos a hacer lo mismo, solo que esta solo va a crecer un poco primero y luego va a seguir creciendo un poco mas hasta el final de toda la animacion (5 segundos no mas) RECUERDA: CLICK EN EL CRONOMETRO SOLO UNA VEZ

9. Con la capa del texto vamos a hacer lo inverso, es decir va a entrar grande (casi como si estuviera por fuera de la pantalla), se achica pero vuelve a agrandarse un poco hasta el final. Ya debes haber notado que si haces dos veces click en el cronometro, se borran todos los cuadros claves (rombos) Para esto solo hay que ir avanzando en la linea de tiempo y modificar los valores numericos.

10. A las estrellitas pequeñas les animamos el valor de rotacion para que giren hasta el final, no tanto para que no se mareen.

11. Los iconos de las manitas se moveran un poco de un lado a otro modificandoles el valor de posicion.

12. Finalmente voy a duplicar los circulos un par de veces y moverlos mas adelante en la linea de tiempo, esto para que vuelvan a aparecer y desaparecer durante el resto de la animacion. Creo que hay muy pocas estrellitas asi que tambien voy a duplicar algunas de ellas.

13. Listo! Para poder verlo como archivo de video: Menu Composition/Make Movie. Puedes exportar el video en el formato y resolucion que prefieras.

En posteriores versiones del afterFx 6.5 se ha mejorado la compatibilidad de este con el photosop, reconociendo caracteristicas avanzadas como los efectos aplicados directamente sobre las capas del photoshop y carpetas entre otras.

Mucha suerte!

 

 

 

Recursos de Grafica Gratis y sin Restricciones de Uso Comercial

 

En internet cualquier tipo de archivo o recurso es gratis, pero eso no quiere decir que exista una autorización del creador del archivo para futuros usos comerciales. A continuación una pequeña lista de sitios donde se pueden descargar fotografías, gráficas, tipografías, texturas y música libres de restricciónes para su uso comercial. Eso quiere decir que se pueden usar en videos, animaciones o motion graphics sin temor a ser demandados.

Fotografía

  1. Sxc.hu Buena parte de las imágenes de este sitio no tienen restricciones comerciales.
  2. Flickr Patrimonio Público Fotografías antiguas de Dominio Público.
  3. Morguefile Todas las imagenes son libres para uso comercial.

Gráficas

  1. Bittbox Vectores En este blog se pueden descargar vectores y pinceles PS y AI.
  2. Vecteezy GPL Vectores con Licencia Pública .
  3. Qvectors Uso Comercial Vectores para uso comercial.
  4. From Old Books Imágenes de Dominio Público escaneadas de libros antiguos.

Texturas

  1. Bittbox Texturas Otro de los recuros con los que cuenta este blog.
  2. Image * After Colección de fotografías para uso comercial.
  3. Cg Textures Texturas para uso comercial.

Tipografía

  1. Fontsquirrel Coleción de tipografías libres de restricciones para uso comercial.
  2. Dafont Buena parte del contenido de Dafont es libre de restricciones o de Dominio Público.

 

Proyecto Video-Cubo Para el After FX

http://www.youtube.com/watch?v=Dx9gJhi0RlwDespués de ver la buena acogida del Proyecto de Polaroids Para AEdecidí hacer otro más con un cubo en capas 3D. El proyecto incluye 6 composiciones para insertar los videos y una composición con el video-cubo controlado por un Objeto Nulo. Adicional a esto otra composición con títulos que usa una cámara para agregar un leve movimiento adicional. Video e instrucciones a continuación.http://www.youtube.com/watch?v=Dx9gJhi0Rlw