Animación Breve, Simple y Sencilla

Hola, esta vez les daré un paso a paso de como hice la animación del monito saludando, esta es una forma muy fácil y no requiere de muchas cosas, eso si, hay unos 2 programas que necesitarán, descuiden, no toman mucha memoria, en esta entrada les pondre los link si es que a alguien le interesa.

Bueno, el primer paso abrir paint o cualquier programa que tengan para creación de imagenes

 

 

Ya que lo tienen abierto, hagan algún dibujo

Ya que tienen el dibujo lo guardan (es importante que sea en un archivo BMP), después de eso haganle lijeros cambios, para darle una secuencia

Después de esto, continuen, hasta tener toda su secuencia de imagenes, al final tendran algo así

 

Ya que tienes todas las imagenes, antes de animarlas (por cierto, en esta tecnica se animan en forma de GIF animado), hay que conseguir los programas de los que les habla antes, primero el primero.
Este primero se llama Giffy, es un programa que convierte los archivos BMP en archivos Giff, e incluso te permite darle transparencia, muy útil para muchas cosas ademas de animación de GIFs.
Ya que lo tienen el archivo, lo abren, se ve algo así

Con este programa, lo único que tienen que hacer es cargar la imagen BMP en "Load BMP", ahí eligen la imagen que quieran convertir a GIF, y la salvan como GIF "Save GIF", eso es todo, sólo lo repiten con todas sus imagenes.

Para finalizar, ahora deben descargarse el programa UnFREEz, este programa te permite "descongelar" una secuencia de imagenes al unir varios GIF estáticos y convertirlos en un sólo archivo animado, este archivo se ve así cuando lo abren

Este programa es bastante facil de usar y creo que les servira bastante para divertirse un rato animando imagenes, para utilizar este programa se deben "arrastrar" las imagenes hacia el recuadro que hay en el programa (recuerden arrastrar solo los GIF, de otra manera no servirá)

Bien, ya tienen todas sus imagenes GIF listas, ahora solo tienen que seleccionar la cantidad de tiempo que quieren que haya entre fotograma (se maneja en centesimas de segundo) y si quieren que tenga "Loop" (que al terminar la animación de la imagen se repita una y otra vez).

Para esta sencilla animación vamos a poner "Loop" y un retraso de 50. Finalmente haces el GIF animado "Make Animated GIF", lo salvas y listo, aquí esta el resultado

 
Listo, una manera muy fácil de hacer una imagen animada, ya con un poco mas de trabajo podrian hacer algo más complicado, pero si quieren hacer una animación les recomiendo conseguir un programa dedicado a eso especificamente, además, para cuando lo hagan, este método les podrá ayuadar a darle algo de vida a sus animaciones.

Nota de Nuevo: La imagen no esta en movimiento aquí en el blog, para ver su movimiento darle click a la imagen.

Breve Introducción a la Animación

La animación es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos, esta antes solía hacerse a mano, que aún se pueden seguir haciendo a man, pero hoy en día se usa mucho lo que es la computadora y ya es una herramienta obligatoria para los diseñadores, animadores y muchos otros. Para realizar animación existen numerosas técnicas,  los cuadros se pueden generar dibujando, pintando, o fotografiando los pequeños cambios que se hacen de un cuadro a otro (fotograma) hechos repetidamente a un modelo


Los tipos de animación que hay (o que conosco al menos) son:
-Los dibujos animados, creo que estos todos los conocen, las famosas caricaturas que uno ve, muy populares en la televisión, en especial para los niños. Estos pueden ser tanto en 2D como en 3D, al parecer actialmente esta tomando mucha fuerza la animación en 3d, pero personalmente prefiero la vieja y confiable 2D.
-Stop-Motion, el stop motion puede ser uno de los tipos de animación mas simples, pero al mismo tiempo tedioso y dificil de realizar, ya que un error puede causar que debas comenzar desde el principio, este consiste en estar tomando cuadro a cuadro (bueno, deberíamos comenzar a llamarlos fotogramas), fotograma a fotograma, cada momento de la animación a un objeto estatico y moverlo o causar algun cambio ligero, o más bien minusculo en el siguiente fotograma, para que al correr todas las fotografías (si, se realiza por medio de fotografías) de la impresión de movimiento. En este tipo de animación se utilizan muñecos, figuras de plastilina u otras cosas que no sean pintadas o dibujadas. Este tipo de animación se puede realizar con objetos reales, incluyendo gente, cuando se realiza de esta manera, se le llama Pixilación (gracias a Wikipedia por este dato, no sabía como se le llamaba)
Seguramente hay muchas mas tecnicas de animación, pero por el momento son las que conosco y de las que les podría hablar.
Yo como animador novato no les puedo (por ahora) enseñar muchas tecnicas de animación, podría mostrarles algunas simples por el momento.
Antes que nada, quiero decirles que la animación es un proceso bastante tedioso si no tienes la paciencia, yo en lo personal me he encontrado haciendo animaciones de 13seg aproximadamente, que me tomaron 2 semanas, bueno esto talvez paresca exagerado, ya que en realidad no suelen tomar tanto, pero me quise tomar mi tiempo para poder hacer una animación decente y poder comprender el programa en el que era nuevo utilizando, tristemente en la actualidad no poseo programas de animación, cosa que deberé remediar tarde o temprano (ojala temprano).

Nota: Por alguna razón no se ve el movimiento de la animación aquí en la entrada, así que denle click para poder verlo

Trabajos Escolares

Bueno, pense que sería bueno mostrarles los trabajos que he hecho en clase, ya no solo de ejemplo, sino para que puedan admirarlos en todo su esplendor y mi verguenza.
Bueno, hablando en serio, ojala les gusten

Degradados

Degradados... vaya recuerdos... muy malos por cierto, esto lo vi en clase hace relativamente poco y gracias a que no tengo habilidades con la pintura se me dificultaron mucho, pero en si un degradado es muy util para casi todo, estos son colores, o combinaciones de estos que van cambiando el tono o color paso a paso, tal vez lo entiendan mejor con una de las degradaciones que hice en clase

Como ven, en la esquina inferior izquierda comienza con un blanco puro y en la esquina inferior derecha se vuelve negro al ir de izquierda a derecha y de abajo-arriba-abajo-arriba-abajo.
etos trabajos de degradaciones se utilizan en cualquier lado y al saber utilizarlos, te dan una infinita gama de colores que utilizar en tus diseños

Contrastes

Hola diseñadores, esta vez les vengo con algunos de los trabajos que he estado trabajando en la escuela, estos trabajos consisten en lo que es el contraste.
El contraste se define como la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores, una manera fácil de ponerlo es con el contraste más típico, el blanco y negro. Estos dos colores se contrastan perfectamente porque son opuestos.
En el diseño el contraste puede tener muy buenos efectos si se usa de manera correcta, y no solo eso, de hecho se ve muy bien

Estos son algunos de los trabajos que hice en clases con el contraste, como pueden notar utilizar solo los colores negro y blanco, no solo te deja ver donde hay luz y donde sombra, realmente se ve atractivo a la vista, por lo que un diseño basado en este principio puede ser bastante bueno, al igual que usando los contrastes ayudan mucho en el mundo de la animación, da un toque de realismo y en ocasiones puede ser utilizado para hacer una escena mucho mas interesante.