Categorías
Animación Ilustración

Prueba técnica: Concept, personaje y animación

Hace unos días realicé un prueba de selección para un puesto de 2D Animador en Beautifun y aunque al final no ha prosperado estoy bastante contento con el resultado. Esta prueba me permitió conocerlos y convencerme un poco más si cabe de que este sector es un sitio en el que me gustaría trabajar los próximos años.

La prueba consistió en crear un mago, y animarlo. Estuvo bastante abierta y sin restricciones. Pocos frames, fácil de animar y como referencia Hora de Aventuras o Kingdom Rush. Mi prueba, después de 8 horas fue esta:

Bocetos y concept art


No presté demasiada atención a ningún personaje en especial pero al final, condicionado por los juegos a los que he jugado o juego, encuentro alguna referencia a ellos que añadí inconscientemente.

Clips separados para animación


Al final, y por temas de optimización y velocidad a la hora de animación, decidí crearlo en clips para flash. Esta técnica permite ahorrar mucho tiempo frente a la animación tradicional de fotograma por fotograma, más costosa y con mayor tiempo de producción. También permite la reutilización de elementos y animaciones con lo que a la larga se consiguen muy buenos resultados. Muchos de los videojuegos para dispositivos móviles actuales funcionan con este sistema.

Animación final (6 fps)


El resultado final. Me interesaba mucho que el personaje no pareciera estático por lo que jugué bastante con aceleración/deceleración y con el timing.

Final

He estado insertando el personaje en un escenario con Starling Framework por si le queréis echar un ojo :)

Categorías
Animación Flash

Pepa

Categorías
General

Conferencia: Adobe Flash como herramienta de dibujo

Sólo quería comentar que, a través de ADWA, el próximo día 10 de Marzo daré una pequeña conferencia en Camon de Alicante sobre la los métodos que utilizo para ilustrar con el programa Adobe Flash. Está enfocado a un nivel básico por lo que no se requiere conocimiento del software. Simplemente será una pequeña charla para mostrar las posibilidades del programa más allá del diseño web o la programación. Daré un repaso a las distintas herramientas y los modos de uso que yo le doy a través de ejemplos. Si os animáis os espero por allí!

Podéis visitar la web de Camon para más información

Categorías
Animación Flash Ilustración

Bocetos de personajes


Boceto de personaje. Particularmente lo veo demasiado comercial y, el target objetivo, sería un público demasiado joven para lo que llevo entre manos. Es una buena base así que no descarto que el estilo de la misma tenga algún parecido con esto.

Categorías
Animación Flash

Las mejores series flash 2

Hace tiempo escribí un artículo sobre las mejores series flash. Tengo que matizar que las series son en castellano o, directamente, sin diálogo para ser entendidas por todo el mundo. En este segundo artículo incluyo otras series de animación flash que se me quedaron en el tintero y que merecen ser mencionadas en este blog.

Categorías
Animación Flash

Personaje animado

Algo fácil para el Domingo. Una pequeña animación de personaje con sus vistas frontal, perfil y trasera.

[swf]http://www.joserico.com/blog/wp-content/uploads/2010/11/animacion_flash_personaje_vistas.swf,550,275[/swf]
Categorías
Flash Ilustración Sonido

Machinarium, juego flash con impecable ambientación

Machinarium de Amanita Design Machinarium es un juego flash creado por el estudio de diseño de juegos y animaciones independiente Amanita Design situado en la República Checa. Es el primer juego «largo» que publica esta empresa y ha tenido un gran éxito.

El juego es una aventura gráfica con un argumento simple, una ambientación impresionante y una música todavía mejor. Trata de un pequeño robot que por unas determinadas circustancias tiene que ir utilizando los objetos que encuentra en su camino para avanzar y poder rescatar a la joven robot que secuestraron los malos del juego. Poco a poco irá adentrándose en una obsoleta y decadente ciudad llena de personajes interesantes y multitud de pruebas de inteligencia que deberá superar.

Se puede adquirir el juego en la tienda oficial de Amanita Design mediante descarga o en caja física, aunque de esta última forma sólo está disponible en italiano, alemán y checo. De vez en cuando rebajan su precio a 5 euros, precio más que razonable para la calidad de este juegazo del que ya espero una segunda parte.

Desde aquí puedes jugar a la demo del juego, visitar su tienda oficial o visitar la web de Amanita Design.

Categorías
Animación Flash

Animación flash de maneras de andar o correr

Un puñado de maneras de andar o correr de un personaje flash fotograma a fotograma

[swf]http://www.joserico.com/blog/wp-content/uploads/2010/08/maneras_de_andar_correr.swf,550,210[/swf]

Categorías
Animación Flash

Animación flash de personaje

Prueba de animación de personajes flash fotograma a fotograma
[swf]http://www.joserico.com/blog/wp-content/uploads/2010/07/flash_b_03.swf,550,150[/swf]
[swf]http://www.joserico.com/blog/wp-content/uploads/2010/07/flash_b_04.swf,550,275[/swf]

Categorías
Animación Flash

Animación marioneta por clips

He animado una marioneta por clips gráficos en flash. Sólo es una pequeña prueba de movimiento.

[swf]http://www.joserico.com/blog/wp-content/uploads/2010/06/flash_27.swf,550,400[/swf]

Categorías
Diseño web Flash

Detalle sobre web 20 jornadas

A raíz de una consulta en el foro de ADWA he vuelto ha visitar las web que preparé para el trabajo que realizamos entre la clase para las 20 jornadas de diseño de l’Escola d’Art i Superior de Disseny d’Alcoi. La web en cuestión es simple ya que no era un proyecto comercial pero no estaba del todo mal. La cuestión es que, como diseñador gráfico y programador, voy dejando mensajes ocultos, chorradas, dibujos, mi nombre, etc. en casi todos los trabajos que realizo, así puedo demostrar que el trabajo es mío. Cuando me acuerdo y tengo tiempo, claro! No se si a vosotros os pasa!
En los videojuegos se programan espacios para ejecutar trucos, niveles extra,… y de ahí parte mi idea.

La web en cuestión es www.easdalcoi.es/sites/20jornadas/ y para ver los créditos hay que pulsar en cualquier menú, pulsar espacio y escribir creditos (sin acento).

pulsa cualquier menú + space + creditos