viernes, 31 de agosto de 2007

Personaje cartoon

Este es el resultado de mi primer intento de crear un personaje cartoon en Flash. Piano, piano...


Y este otro es un homenaje a Sergi Cámara.


martes, 28 de agosto de 2007

Prueba de animación

Bueno, poco a poco voy consiguiendo cosillas en Flash. Aquí os dejo una prueba de animación del ciclo de caminar de un personajillo que he construido. Queda mucho por refinar, pero algo es algo...


domingo, 26 de agosto de 2007

Animación con Flash II

Aquí muestro un nuevo ejemplo de mis progresos con Flash. Este programa es alucinante.

sábado, 25 de agosto de 2007

Animación con Flash

Me he iniciado en Flash con el ejercicio clásico del aprendizaje de animación: el bote de una pelota, aunque lo he complicado en cierta manera dando vida a esta última. De este modo he pretendido abarcar no solo un posible flujo de trabajo en Flash, sino también repasar los principios básicos y los conceptos fundamentales de la animación: anticipación, acción-reacción, aplastamiento y estiramiento, clave, in-between, etc.

Lo primero que he hecho ha sido crear un nuevo documento (después de arrancar Flash, por supuesto), con un frame rate (fotogramas por segundo) de 12fps y un tamaño de 320x240 (formato 4:3); estos valores son más que suficientes para una animación para web, aunque una animación típica de TV emplee 15fps (4:3) y otra para la gran pantalla use los valores de 24fps (16:3).

La idea que he perseguido ha sido hacer que la pelota animada se lance desde lo alto de un muro, pase botando sobre el suelo y abandone la pantalla por el lado contrario. El muro y el suelo los he colocado en la capa Stage y el primer dibujo clave lo he dibujado a lado izquierdo del escenario sobre el muro y en una nueva capa, Bouncing, como se muestra en las siguientes figuras. Lo ideal es emplear para esta tarea una tableta gráfica para dibujar directamente en Flash, haciendo uso de las herramientas Pencil Tool y Brush. Una vez contento con mi primer dibujo, en el Timeline seleccionamos Insert Keyframe haciendo click con el botón derecho.





Para complicar un poco la cosa, he introducido en una nueva capa el sonido de un balón botando, de modo que se sincronice el movimiento de la pelota con el mismo. Para ello, en Flash he creado una nueva capa y a continuación he importado el sonido mediante FileImportImport to Library. Con la capa BSO seleccionada, se arrastra el sonido desde la librería al escenario. Por último, en las propiedades de la capa, se selecciona el sonido en el menú pop-up al efecto y se aplica el efecto Stream, que es el que mejor nos permite sincronizar los sonidos al fotograma adecuado. Al final, he llegado a algo parecido a la figura.



Ahora dibujo la siguiente pose clave. Se selecciona el fotograma aproximado en la capa Bouncing y se hace ModifyTimelineBlank Keyframe. En la barra de Timeline tenemos, asimismo, la opción de activar Onion Skin, de modo que podamos ver la referencia de nuestra primera clave. Como podéis ver en la figura, en este dibujo la pelota no tiene forma circular sino ovoide. De este modo, pretendo aplicar uno de los principios básicos de la animación: la anticipación, previa en este caso a la acción de saltar al vacío que le sigue.




Durante la caída y el posterior bote aplicaré dos principios básicos más: el estiramiento, debido a la gravedad y el impulso inicial; y el aplastamiento, al chocar la pelota con el suelo.




Este mismo principio, junto con el de acción-reacción (la acción de la pelota contra el suelo recibe una reacción igual y en sentido contrario del suelo sobre la pelota, provocando que esta ascienda de nuevo tras el bote), son los que vemos aplicados en los sucesivos botes. Lógicamente, se pierde parte de la energía por el rozamiento con el aire y el propio suelo, por lo que la pelota subirá menos con cada bote.




Una vez dibujados los dibujos clave y colocados en el fotograma correcto (mediante estimación y un proceso de prueba y error), he procedido a sincronizar el sonido con cada bote. En mi caso, al partir de un archivo de sonido demasiado largo para la animación, he recortado los fotogramas conteniendo el sonido de un único bote y he colocado cada uno en una capa diferente, BSO1 y BSO2, sincronizándolos con los dos botes de la pelota en la animación, como se ve en la figura.



Lógicamente, si visualizáramos la animación en esta fase veríamos que la transición entre fotogramas es un poco brusca todavía. Para suavizar el aspecto final, he trabajado en el in-between, o dibujos entre claves, con el siguiente criterio: cuanto más queramos ralentizar una acción, más dibujos intermedios deberemos insertar cerca de su clave correspondiente. El aspecto final es el de la figura, por supuesto susceptible de los retoques necesarios hacer para ir refinando la animación poco a poco.

Y aquí la animación final.




Estoy de acuerdo que el procedimiento que he empleado es un poco "basto", pero qué queréis, me estoy iniciando. Por cierto, la pelota está inspirada en la obra "El Dibujo Animado", de Sergi Cámara.

Visita aquí su blog:

http://dibujoanimado.blogspot.com/

Creando arte a partir de imágenes digitales

Últimamente he estado probando el software Gertrudis Pro. Este programa te permite transformar imágenes digitales en obras de arte. Incluye una gran variedad de estilos, tales como acuarelas, óleo o lápices de colores.


Aquí os dejo algún ejemplo de sus capacidades.









viernes, 24 de agosto de 2007

Thinking Animation

He tenido la gran suerte de recibir el libro "Thinking Animation: Bridging the gap between 2D and CG", de Angie Jones y Jamie Oliff , directamente de los mismos autores, gracias a la gran oportunidad que brindan cada mes en su blog.

Si os gusta la animación, os recomiendo que lo visitéis. Merece la pena.

http://thinkinganimationbook.blogspot.com/

W.I.P

A continuación muestro parte de mis trabajos en marcha, con la esperanza de verlos terminados algún día. Espero que os gusten.