Como hacer un gif animado (con photoshop)

Guías, trucos, recetas, ayudas, etc. referidas al arte.
Avatar de Usuario
Animally
Celebridad nacional
Celebridad nacional
Mensajes: 597
Registrado: Mié Ago 29, 2007 4:30 am

Como hacer un gif animado (con photoshop)

Mensajepor Animally »

Bueno, este post va para todo aquel iniciado en esto del diseño gráfico y que no tenga ni p idea de como hacer gifs....ahi va!

-> ¿Que diablos es un gif?


Un gif es una imagen de tamaño hiperreducido de 32 bits, que puede unirse con otras imagenes gif para formar una secuencia y crear así lo que se llama un gif animado (vaya descripción)

-> COMO HACER UN GIF ANIMADO (photoshop version)


Atencion: Antes de seguir este tutorial piensa que la paciencia es lo primero, así que ve con cuidado y procura hacer el gif con tranquilidad.

Para hacer un gif según este manual, debes poseer Adobe Photoshop e Image Ready, que viene por defecto con photoshop.

Primer paso: Lo que necesitarás.

Si deseas, por ejemplo, hacer un gif animado en el que tu pokemon salga de su pokeball (por decir algo), primero necesita poseer los materiales con los que vas a trabajar, en este caso:

-Sprite de una pokeball (tanto cerrada como abierta)
-Sprite de tu Pokemon.
-Imagenes creadas por ti.

Si quieres encontrar los sprites usa google, seguro que algo encuentras

Segundo paso: Crear mis imagenes


Un gif animado, como ya se ha dicho, son varios gif juntos. Pues ahora si seguimos tomando este ejemplo (el de la pokeball), debes crear las imagenes.
Este ejemplo es muy fácil. Le das a capa-nueva capa, aceptas, la rellenas de blanco, y mueves la capa a la parte superior. Ahora solo duplica esa capa (con Ctrl+E) una vez, le bajas la opacidad un 5%, después duplicas de nuevo esa capa, otro 5% menos...y así hasta que llegues a 0% de opacidad. Ahora crea otra capa nueva, y dibuja 4 parentesis (a estilo de los de pokemon azul que salian al sacar el poke) y ve duplicando esa capa, pero cada vez que lo hagas separa un poco más los parentesis, hasta que ya creas que es suficiente y pares.
Ahora cojemos los sprites y los ponemos. Ponemos el sprite de nuestro poke el primero, y el de la pokeball abriendose el ultimo, abajo del todo de las capas

Tercer paso: Orden de capas

Ahora, ordena las capas según como quieras que salgan, la primera es la última que se vera, y la ultima la primera (si, a estilo biblia xD).
Si te confundes entre tanta capa, pulsa el ojito que hay al lado de cada capa para que no se vea y poner organizarte mejor.
Cuando las tengas organizadas, pulsa el boton que hay al final de la paleta de herramientas para pasar el archivo a Image Ready.

Cuarto paso: ¡A moverse!

Este es el último paso, en el que daremos vida a nuestra imagen.
Ahora que tenemos todo listo, pulsa en ventana y pulsaanimación y aparecerá la ventana de animación. Ahora, en esta nueva ventana, pulsa en las >> que hay debajo de cerrar y pulsa en crear cuadros a partir de capa, ¡¡¡y la imagen cobrará vida!!! Si no te gusta la velocidad, puedes cambiarla pulsando con el botón derecho en la ventana de animación sobre el fotograma que deseas cambiar la velocidad. En cuanto tengas todo listo, pulsa archivo, guardar optimizada como..., le pones su nombre, aceptas cualquier cosa que te salga y ya tienes tu gif animado!!!.

Si te equivocas en algo, pulsa Ctrl+Alt+Z para deshacer
Si no teneis paciencia, seguro que os saldrá fatal. Con paciencia se hacen imperios, y también gifs tan largos como este que he hecho.
Esta en swf, pero porque la converti con el flash
P.D: Animally es mi nombre en realidad, tengo hasta web, pero no la uso muchop jejeje

Avatar de Usuario
[~ShiroSwan~]
De turno con Acerón
De turno con Acerón
Mensajes: 5152
Registrado: Sab Abr 08, 2006 6:14 pm

Mensajepor [~ShiroSwan~] »

El Adobe imageready de photoshop no es muy efectivo pa los gif animados

aunque es mejor en el

Macromedia Flash 8 O Mx

Macromedia Fireworks 8 o Mx

Gif 3D
Autodesk 3D studio Max
Cinema 4D
Maya

bueno
aunque no es efectivo
sirve para hacer unos Gif animados simples

mira este hecho en Autodesk
Imagen

Avatar de Usuario
Animally
Celebridad nacional
Celebridad nacional
Mensajes: 597
Registrado: Mié Ago 29, 2007 4:30 am

Mensajepor Animally »

Tu has visto que k hice yo....mira este link. Está en swf, pero porque lo retoque con el flash

Aparte esto esta pensado para gif pequeños, no muy grandes, yo es que no tenia nada a mano y me apañe xd

Avatar de Usuario
[~ShiroSwan~]
De turno con Acerón
De turno con Acerón
Mensajes: 5152
Registrado: Sab Abr 08, 2006 6:14 pm

Mensajepor [~ShiroSwan~] »

por eso.

como dije antes

en el image ready se puede hacer animaciones simples.


pero recomiendo


el macromedia flash o fireworks.


esto es lo que puede hacer image ready si se maneja bien

Imagen

aunque he visto animaciones de image ready mejor que la mia
Imagen

Avatar de Usuario
Tyranitar Z
Detectando novedades de la 4ª generación
Detectando novedades de la 4ª generación
Mensajes: 2961
Registrado: Sab Oct 21, 2006 6:10 pm

Mensajepor Tyranitar Z »

bueno e conseguido los 2 programas pero no los entiendo por que estan en ingles
vaya lo intentare
para los pedidos de mi taller
por cierto animally
me gusto tu gif
muy sangrienta
salu2
Imagen

Avatar de Usuario
Rodri5481
Mojándose con Misty
Mojándose con Misty
Mensajes: 33
Registrado: Mar Oct 03, 2006 3:14 pm

Mensajepor Rodri5481 »

tengo una pregunta, como lo subo a internet??