Jump to content

[ED] Nociones básicas de animación


Alicia Spinnet
 Compartir

Publicaciones recomendadas

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

 

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

 

Derek Lucien

 

Les recuerdo a ambas que 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.

 

Derek: mmm, las animaciones así no son mi fuerte, prefiero las que no tienen fondo xD Además de eso, están muy bien, algo lentas pero bien.


http://i.imgur.com/GbPBErn.png
http://i.imgur.com/3d784.gif

Enlace al comentario
Compartir en otros sitios web

Juro que ansiaba llegar a este tutorial. La verdad es que... pensaba usar uno de esos muñecos hecho a pixeles pero... los odio tanto xd No sé si estará permitido subir aquí algo que hice para otro lugar, pero por si acaso, no pongo las imágenes, sino los links. Eh... qué más... ah sí, uso Photoshop para crear mis animaciones, siempre.

 

1-Aquí lo que hice básicamente fue el efecto "lápiz escribiendo", sólo que con una pluma.

Contengo Spam

 

2-Aquí... sinceramente no sé qué quise hacer, pero supongo que quería fingir que un pincel invisible pintaba:

Más Spam

 

3-Aquí más de lo mismo, unos relojes de arena que... hacen lo que un reloj de arena hace:

Etc

 

Sí, todos son del mismo lugar (soy diseñadora allí), por eso los "oculté", no es que quiera dar publicidad, pero son mis mejores animaciones.

http://imageshack.us/a/img209/9840/yousaiditwaseasy.jpg

Enlace al comentario
Compartir en otros sitios web

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

 

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

 

Jess Flyller

 

Les recuerdo a ambas que 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.

 

Jess: Muy buenas las animaciones, felicitaciones!


http://i.imgur.com/GbPBErn.png
http://i.imgur.com/3d784.gif

Enlace al comentario
Compartir en otros sitios web

Aish, todos sus tutos son fantásticos, pero éste... como yo ya sé hacer blinkies y animaciones, no me divierte hacer más e_é

Así que bueno, hice una horrible y otra que ya tenía que la había hecho para La gala de Navidad y gané +.+

Espero que les gusten, aunque si no les gustan no importa xDD.

 

1-

http://imgur.com/CkW9at7.gif

 

2- http://i.imgur.com/zZac4.gif

http://i.imgur.com/QF8MI.png


6sxoIep.gif


You can't make people love you, but you can make them fear you.


37fUHXr.gif IenCQD6.gif


Enlace al comentario
Compartir en otros sitios web

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

 

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

 

Gaspard Collins

 

Les recuerdo a ambas que 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.

 

Jess: Muy buenas las animaciones, felicitaciones!


http://i.imgur.com/GbPBErn.png
http://i.imgur.com/3d784.gif

Enlace al comentario
Compartir en otros sitios web

  • 3 meses más tarde...

Amo la animación pero no me gusta que queden tan pesadas mis firmas, traigo dos ejemplos uno que hice en PS y otro en Animation Shop. El de Animation Shop fue super fácil, y en el de PS me tardé poquito más porque no le puse la action que iba a usar desde un principio y al final me acoplo todo y la tuve que hacer de nuevo y traje otra que hice hace muuucho tiempo para mi mejor amiga.

 

http://i1215.photobucket.com/albums/cc506/JustPaulinaCreationsTWO/Untitled-2-1.gif

 

http://i1215.photobucket.com/albums/cc506/JustPaulinaCreationsTWO/harry.gif

 

Y el de Animation Shop http://i1225.photobucket.com/albums/ee387/JustPaulinaCreations/Karenlivingblabla.gif

http://img718.imageshack.us/img718/4197/ryddleturnb6.gifhttp://i52.tinypic.com/b8wt9s.jpghttp://i1225.photobucket.com/albums/ee387/JustPaulinaCreations/Karenlivingblabla.gif
http://i1225.photobucket.com/albums/ee387/JustPaulinaCreations/Paudarkfirmafirma.png

Enlace al comentario
Compartir en otros sitios web

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

 

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

 

Paulina Malfoy

 

Les recuerdo a ambas que 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.

 

Jess: Muy buenas las animaciones, felicitaciones!

 

Paulina: trata que las imagenes sean menos pesadas para que funcionen más rapido y además, cuando lo hagas en photoshop, hay una opcion para que la imagen se reproduzca infinitamente, así no se corta.


http://i.imgur.com/GbPBErn.png
http://i.imgur.com/3d784.gif

Enlace al comentario
Compartir en otros sitios web

  • 2 semanas más tarde...

Buenas!! Aquí dejo mi trabajín, por favor no os riáis de él xD Las imágenes que he utilizado son estas:

Aquí el fondo

Aquí el sprite

Y bueno, técnicamente lo que he hecho es poner el fondo y después he ido recortando y poniendo cada muñequito en su lugar. No sé si he hecho el est****o y podía haberlo hecho mejor y de una forma más sencilla, pero en fin, el resultado:

http://i1208.photobucket.com/albums/cc371/pagarcas9/AnimationEscuelaDisentildeo_zpsbafd6a44.gif?t=1372431132

Espero el visto bueno,¡saludos!

Editado por Patrigatita
http://i1208.photobucket.com/albums/cc371/pagarcas9/sejj_zps6cec37b0.png

Enlace al comentario
Compartir en otros sitios web

  • 4 meses más tarde...

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

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

Patrigatita

Les recuerdo a ambas que 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.


t6SGXNA.png

Enlace al comentario
Compartir en otros sitios web

  • 6 meses más tarde...

Para esta animación utilice dos gifs:

 

Quería que se viera mejor el efecto de la salpicadura del primer gif así que lo complemente con un gif de olas. Estos son los originales:

 

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

 

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

 

1. Extraje los frames de cada gif con el jasc animation.

2. Combine las dos imágenes con el photoshop.

3. Le cambie los tamaños a las imágenes para que quedaran mejor.

4. Con la herramienta de clonar, quite las gotas de agua que había en el paraguas de los dos frames de Tiger y Winnie, no quedaban bien con las olas del otro gif. Con las otras que hubieran quedado encima del mar, use el borrador solamente.

5. Combine los segundos frames de cada gif.

6. Combine el primer frame de tiger con el tercer frame de las olas.

7. Combine el segundo frame de tiger con el cuarto frame de las olas.

7. Con el animation shop uni los frames y le puse unas letras en la parte de arriba para completar.

 

Resultado:

 

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

Eso es todo.

Editado por Lyra Katara Ryddleturn

SMLQYQL.jpg
EPjHROm.gif ~eAnQFcJ.gif ~ PowpgLI.gif

Enlace al comentario
Compartir en otros sitios web

 Compartir

×
×
  • Crear nuevo...

Información importante

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Al continuar navegando aceptas nuestros Términos de uso, Normas y Política de privacidad.