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.

Casas Papeleras

Hola otra vez, hoy les vengo con una pequeña informacion que puede les sirva, esta es acerca de lo que son las casas papeleras.

¿Y qué rayos es una casa papelera? se preguntan, pues este es simplemente un lugar donde se distribuyen todo tpo de papel y material derivado de este a las tiendas o sus papelerias, pero esto no está limitado a las papelerias, ustedes pueden ordenar los materiales que necesitan y a comparaci'on de comprarlo desde una papeleria, aquí les saldra mucho mas barato, pero solo se pueden hacer ordenes grandes, no puedes ordenar, digamos 1 o 2 hojas blancas, tienen que ordenarse digamos 1 resma entera, asi que para aquellos que saben que van a estar utilizando estos materiales varias veces, les recomiendo que compren desde una casa papelera, recuerden que todos los diseñadores y animadores, primero comienzan con dibujos a mano y en papel. Bueno, ahora les paso algunos nombres de algunas casas papeleras:
-Lumen
-Pochteca

Estas unas que conosco, que parecen ser conocidas, pero si pueden buscar una casa papelera regional, creo que será mucho mas fácil

Medidas

Ahora les traigo un tema corto, bueno, esto es mas bien una entrada con las medidas de papel (lo estoy trabajando en centímetros).

Carta: 21.5 x 28
Oficio: 21.5 x 34
Legal: 21.59 x 35.56
Tabloide: 27.94 x 43.18
A4: 21 x 29.7
Monarch: 11 x 19
Tarjeta de presentación: 9x5

Vocabulario

Ahora les traigo algo de vocabulario que puede que se encuentren los que esten dentro de la rama del diseño, en realidad no hay algo así como un vocabulario, estos son solo algunos terminos que se suelen usar, pero al no haber algo así como un diccionario para diseñadores, les pondre algunos de los terminos con los que me he encontrado.

Altas: Letras mayúsculas
Bajas: Letras minúsculas
Dientado: Rasgar papel provocado por una cuchilla sin filo o la superficie de corte dañado
Plecar: Efecto de marcar un doblez en el papel
Plecado: Papel que ha sufrido la marca de un doblez y ha sido doblado
Versales: Letras altas en caja alta (Mayúsculas del tamaño en el que suelen ser las mayúsculas)
Versalitas: Letras altas en caja alta y baja (Mayusculas en los tamaños tanto de mayúsculas como de minúsculas)
Hilos: Lineas del papel, su fibra, estas se encuentran en una dirección
Gramaje: Peso del papel, se mide en gramos y se genera por la cantidad de pulpa del mismo o la cantidad de algodón que trae consigo.
Krafcena: Papel hecho de pulpa, en una de sus capas trae un barniz protector
Kraft: Papel hecho de pulpa oscura, en una de sus capaz no trae un barniz protector, es de uso rudo
Couché: Papel/Cartulina, dicho papel es realizado por hilos, su constitución es fina y lisa al tacto, el mas usado es el offset.
Papel Cultural: Papel con hilos, es de color beige, este se usa para el área editorial, principalmente en revistas culturales, novelas y cuentos.
Kromakote: Cartulina con una cara de mate y otra brillante, solo se maneja en blanco
Eurokote: Cartulina con capa mate blanco y al anverso es de color ultrabrillante
Resma: 500 hojas

1ros Pasos

Ok. Para empezar, creo que les dare algunas de las caracteristicas que se deben de tener para ser un buen diseñador y animador, lo bueno de esto es que van de la mano.

Para poder triunfar en estos negocios hay ciertas características que se deben tener, unas muy importantes son:

-Ser Creativo: Creo que la explicación de esta está de más.
-Observador: Uno debe saber observar su alrededor, de ahí es de donde se obtienen gran parte de las ideas, además de poder notar tanto tus errores como los de los demás, es la mejor manera de aprender y mejorar.
-Ordenado: Al ser ordenado uno trabaja mas facilmente y se ahorra mucho estrés.
-Crítico: No se malentienda, ser crítico no es estar diciendo cosas malas de los otros trabajos, estas pueden ser criticas constructivas o hechas para ayudar a otros a ver sus errores y mejorar, recuerden, lo peor que le puedes decir a cualquier artista, es que su trabajo es perfecto. Por cierto, la crítica también puede ser aplicada como autocrítica, aprendan a criticar sus propios trabajos, esto si que ayuda mucho.

Estas son algunas de las características que consideré mas importantes, hay muchisimas otras, pero creo que con estas bastará por ahora, subire otras en otro momento, por ahora al siguiente tema

Acerca del Blog

Hola a todos, este blog esta hecho para apoyar a todos aquellos interesados en lo que es el diseño y la animación, aquí estare subiendo información acerca de estos y otros temas más, para resolver todas las dudas que tengan los futuros y proximos artistas del diseño y animación