[ED] Nociones básicas de animación

[Alicia Spinnet]

Muy bien, damas y caballeros, el séptimo tutorial de la Escuela de Diseño nos ayudará a explorar el mundo de la animación. Les servirá especialmente para hacer blinkies y cualquier gráfico que tenga "movimiento". Se necesita mucha creatividad a la hora de crear animaciones, y esperamos que este tutorial les sirva como la herramienta base para lograr cosas interesantes a futuro.

Y bien, les dejo el tuto en cuestión:

[Link a DA]

http://fc07.deviantart.net/fs71/f/2011/274/2/c/nociones_basicas_de_animacion_by_disenohl-d4bj3g3.png


Recuerden que cualquier duda que surja sobre este tutorial, la pueden postear en este mismo topic.

Ahora, la tarea ^^

TAREA 7: Hacer una animación. xDD Sí, obvio. Como principalmente queremos que se manejen con lo básico por esta vez, basta con que hagan una secuencia de frames sencilla. Con dos basta, pero si pueden hacer más, mejor, les servirá para experiencia y así veremos cuánto empeño le están poniendo xD Pueden hacer su animación en Animation Shop o en Photoshop, pero cuando dejen su tarea no olviden explicar rapidamente como lo hicieron y especifiquen con cuál de los programas lo hicieron. Les dejo a su creatividad lo que harán, hay muchas opciones, pero esmérense!


Esperamos sus outs!!!!

Editado 25 de Abril del 2018 por Anne Gaunt

[Cris Granger R.]

7? del numero mágico? +.+

 

Dejo mi out, seguí el tuto para hacer la animación *-* es un montón de sprites que encontré en google del arquero montado de Fire Emblem, fondo de Devian (L), y como tres horas borrando pedacitos de azul y acomodando pixeles T.T

 

 

 

Sprites Archer Fire Emblem

 

Resultado:

http://fc09.deviantart.net/fs70/f/2011/278/9/8/gif_fire_emblem_archer_by_crisxd-d4by9p8.gif

 

valió la pena =D

 

Y eso, quiero mi medalla por ganarte Alicia (??? XD

 

Y me esforcé! pero cualquier cosa soy re receptivo :3 me gustaría hacer mas de estos por si tengo que repetir el tuto xD

 

...

 

e_e

 

Edito: falto algo xD

 

Use Photoshop :3 odio AS y el me odia T.T acomode cada sprite para que quedara justo sobre el de abajo guiándome por las sombras del jinete, en tiempo 0 para que no se note ciertos errores (???

 

y luego el fondo de bosque, y encima de todo capa de luz suave verde pistacho / naranja en opacidad 17%

Editado 6 de Octubre del 2011 por Antheros Ryddleturn G.

[León Crowley]

Hola Muy buenos días.

 

Ya realicé mi .gif con el PS tal y como dictan los pasos. Casi que no lo puedo lograr. Me salía un error en el .gif, pero buscando y haciendo prueba y error alfin logré encontrar el cuasante de mis desgracias !!!! Acá mi herramientas

 

Sprites

 

Fondo

 

Resultado

 

http://i300.photobucket.com/albums/nn5/mr-red-moon/HLmaricadas/taller7.gif

 

Usé el PhotoShop, por que el otro programa ni lo conozco así que pues. Como se hizo, use primero conseguí un Sprite, y me encontré con el de arriba, pero aquel solo iba de izquierda a derecha, así que al terminar el recorrido en la derechas, utilicé las mismas capas, pero les invertía el sentido. En la capa de vuelvo, simplemente la dupliqué y la corría con la misma distancia. Ya después fue ponerle tiempo y capa a cada uno de los frame, 50 en total. Pero valió la pena

Editado 7 de Octubre del 2011 por Sergio León Corvinus

[Mentita]

Estoy probando hacer las animaciones en el PS, pero por ahora dejo lo que había hecho cuando estaba ociosa (hace tanto xD) en Animation Shop:

 

http://img210.imageshack.us/img210/190/escalera.gif

 

No es gran cosa, pero bueno xD

 

Ah, y esto tmb:

 

http://i52.tinypic.com/r7kh94.jpg

 

Ehm, probaré a ver qué me sale con el photoshop xD Aunque me odia ¬¬ como a Cris le odia el AS o.o xDDD

[Belu Snape]

Llegué al tutorial #7 *-* acá les dejo las animaciones que hice espero que estén bien y les gusten :B La primera me costó un poco más de trabajo porque no estoy acostumbrada a hacer animaciones en photoshop, por suerte seguí el tutorial al pie de la letra y el resultado no fue tan malo xD La segunda en realidad es un blinkie que hice para el mundial de quidditch, cuando era animadora de Argentina *-*

 

Con Photoshop:

http://i.imgur.com/Mi6kx.gif

 

Con Animation Shop:

http://i.imgur.com/dlcov.gif

 

Bueno eso es todo, saludos :3

Editado 12 de Octubre del 2011 por Belu Snape

[Alicia Spinnet]

http://i.imgur.com/0gniL.png

 

Por este tutorial, "Nociones básicas del Animación", paso a dejar mi visto bueno a:

 

Antheros Ryddleturn G.

Sergio León Corvinus

Candela Triviani

Belu Snape

 

Ya saben chicos, para la aplicación por la Graduación necesitarán linkear este post. Al dejarles mi visto bueno como diseñadora, significa que hemos visto que han cumplido con la tarea que corresponde a este tutorial de manera correcta.

 

Sigan adelante, lo han hecho muy bien todos xD No hay observaciones para este tutorial ^^ sólo sigan practicando

[Yojimbo]

¡El primero de la segunda tanda!

 

Mi animación la hice hace bastante en una tarde de ocio. Tenía ganas de hacer una bandera para la Orden que plasmara los hechizos del Bando, sin embargo llegue a la conclusión de que sería mucho más original y divertido hacerlo en forma animada. De lo contrario hubiera sido muy difícil plasmar tantos hechizos en una sola imagen y que a su vez quede bien visualmente. Así que busqué por internet y encontré una buena página de Sprites. Me puse manos a la obra con Photoshop, haciendo los pasos idénticos al tutorial (creo que es la única forma de hacerlo, de todas maneras). Me llevó unas horas x_x... es re complicado y trabajoso pero el resultado me encantó.

 

Usé estos Sprites:

 

Fondo

Monstruos

Mago

 

Resultado:

 

http://api.ning.com/files/7MBzzpma2ifqCpHt-F1GHBQVWnMxXpCHJuTzGYmMRwXJZUGv36lhO863uMx94gLXQbH6e4zcqQGLFu4vIAqpyOPXKcoUQPb1/Firmamarce2.gif

 

Para curiosos y geeks como yo (xD): Sí, son Sprites de Kingdom Hearts y Final Fantasy (el fondo es Villa Crepúsculo, el mago es el miembro de la Org. XIII Lexaeus y los monstruos son del bestiario del Final Fantasy I, ambos juegos para GBA).

[Nate Weasley]

Bueno, hice mis animaciones, mejor dicho mi animación con Photoshop, usando estos elementos:

 

Sprites

 

Fondo

 

http://i52.tinypic.com/21ls7wk.gif

 

Bueno, espero les guste que es lo que me salió, repito que lo hice con PHOTOSHOP.

 

Y utilicé un par de imagenes nada mas, no todas las que hay ahi :B

 

Saludos

 

EDITO: Tengo un problema x.x no se que me pasa que la imagen no se mueve, y lo guardé como gif

Editado 16 de Octubre del 2011 por Nathan Luke Weasley

[León Crowley]

Sé que no me corresponde pero me pasó igual. Nathan, si lo estás haciendo con el PS cuando lo vayas a guardar, no le des guardar como .gif, un poco mas abajo hay una opción que dice "guardar para Web y dispositivos no sé que" dale ahí y guardar, que ahí si lo guarda bien y con el movimiento. Me pasó exactamente igual. Saludos !!!

[Addison Evanik Haughton]

Saben? Da pena dejar lo que uno hace viendo lo que dejaron ahi mas arriba, pero como soy una sinica (no tengo idea si si se escribe asi o no o.ó) descarada dejare lo que yo hice(?) Bueno ok no pero si dejare lo que hice, algo bastante sencillo xD

 

Ahm bueno todo lo hice en animation shop o.ó como lo hice no tengo idea pero salieron estos, el segundo me quedo medio mal, tuve ciertos problemas con las imagenes pero al menos se mueve(?) bueno no pero ahi va saliendo u.u seguire practicando mejor

 

uhm Miku o.o

 

miku de nuevo o.ó

 

Lo peor de que los hice de miku es que no me agrada en absoluto xDD pero bueno xD esoo no es spam *o*