|
|
|
|
|
| |
|
|
| |
Hacer un gif animado nunca fue más fácil (12/10/05) |
|
|
| |
|
|
| |
¡Antes de comenzar! Necesitarás Adobe Photoshop + ImageReady, no es necesario que poseas las últimas versiónes sin embargo ayudaría. Para los que no somos buenos animando desde Cinema 4d, tenemos una alternativa a considerar un poco larga, pero con la ayuda de "Shakes" los pasos para producir gifs animados son más fáciles y divertidos! |
|
|
|
|
|
|
|
| |
|
|
 |
|
| |
Paso 1: Desde Cinema 4d realiza varias copias de tu personaje ú objeto a animar y pósalo en distintas situaciones para obtener una secuencia, luego haz renders separados de cada pose (con el canal alfa activado) para posteriormente pegarlos en una escena en Photoshop. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Paso 2: Las imágenes rendereadas pasan ahora a Photoshop para fines compositivos, cada imagen de preferencia *.Tiff con alfa activado ayudará a colocar todas las poses del personaje sobre un fondo transparente en cada capa. Las escalinatas son parte de la escena con el propósito de que se vea la sombra que proyecta el monopatín, esto enriquece la pequeña animación al igual que la ciudad de fondo, todo esta en los detalles. |
|
|
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|
 |
|
|
|
|
|
Paso 3: Ahora que la escena esta compuesta y todo casi listo en Photoshop, saltamos a ImageReady! sí no te acuerdas da un click en el último botón de la barra de tareas de Photoshop y la apliacación comenzará a cargarse, en ImageReady observa la paleta de animación (abajo) la cual sólo muestra inicialmente un fotograma. |
|
|
|
|
|
 |
|
|
|
|
|
Paso 4: Haz copias de este cuadro con la herramienta de duplicación indicada con la flecha roja ó presiona alt (sólo Pc) y arrastra un fotograma a la vez. Pincha en cada fotograma para editarlo y oculta todas las capas que no deseas mostrar en ese cuadro. |
|
|
|
|
|
 |
|
|
|
|
|
|
|
 |
|
|
|
|
|
Paso 5: Ahora comienza la diversión, cuando se podrá apreciar el movimiento, todo ese trabajillo de cortar y pegar se verá recompensado al momento de presionar "play", ajusta la velocidad en los marcadores de tiempo (bajo cada fotograma) y listo... normalmente por cuestiones de descarga, la reproducción es más rápida en ImageReady que en la internet así que es cuestión de jugar con los tiempos para obtener los resultados deseados. |
|
|
|
|
|
Paso 6: Ahora a optimizar el archivo, esto ayudará a que el *.gif cargue más rapidamente aun con una calidad aceptable. El truco para lograrlo es utilizar la paleta de menor rango cromático, hay ajustes que ayudan a mejorar más los resultados. |
|
|
|
|
|
|
 |
|
OPTIMIZACIONES:
A la izquierda el gif sin optimizar pesa finalmente 21.k mucho para el límite de los avatares para la mayoría de los foros (14 kbytes). Para evitar esto simplemente tendrás que ajustar los parámetros que resaltan las flechas rojas en la figura a la derecha.
Reduce los colores de 256 a 128 ya que no usaras toda la gama completa, sino una tercera parte la mayoria de las veces, a esto agrégale también la opción de "Lossy" ó generar perdida, que alivianará aun más nuestro ya casi terminado gif animado y listo 13ks de 21kbytes! nada mal una disminución del peso de casi la tercera parte y sin perdida notable de calidad. |
|
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
El Resultado: lo pueden ver ustedes mismos, abajo la secuencia completa utilizada en capas para animar el gif y mas abajo a la derecha el fin de este tutorial una mini animación de menos de 15kbs :). |
|
|
|
|
|
 |
|
|
|
|
|
| |
Este tutorial fue encontrado en un foro y traducido al español por Marc Rivera bajo permiso de su creador John Shakespeare "Shakes" caricaturista y desarrollador de personajes como el que consta en el gif de este tutorial, para ver más del trabajo de Shakes visiten su sitio en la internet www.johnshakespeare.com.au |
|
 |
|
|
|
|
|
|
|
|
|
