Como se hace un Gif con Photoshop e Imageready

Bueno antes que nada, hay un par de post sobre esto pero a mi parecer no son muy explicativos, espero ser claro de como se hace. las preguntas las contesto en la medida de lo posible.
Aclaracion yo uso el Photoshop CS3, algunas cosas pueden variar un poco.

Abrimos Photoshop normalmente

Vamos a Archivo, Nuevo y metemos las dimensiones que creamos conveniente. Aca les voy a mostrar un trabajo sencillo despues uds. si tienen ganas y lo entienden se la complicaran para hacer cosas mas avanzadas.
Yo voy a trabajar con una imagen y su negativo, para que haga el efecto de mi avatar.
Abren la imagen que quieran, en este caso una en blanco y negro. (Archivo, Abrir, y la buscan).

Una vez teniendo el Lienzo o Canvas nuevo y la imagen abierta, Con la flechita arrastran esta imagen hacia el Lienzo o Canvas.

Con el Ctrl+T entramos a la modificacion de la imagen, tomandola desde un angulo con el BIR (Boton izquierdo del Raton)le damos la dimension que nos parece justa. En este caso todo el Lienzo.
Nota: Manteniendo el Shift apretado en esta ultima operacion no se pierden las proporciones.

Una vez llegado a esto, se vera algo asi.

Como se hace un Gif con Photoshop e Imageready

Apretamos Ctrl+E esto nos unira la capa nueva con el Fondo o background.

una vez hecho todo esto nos situamos en la ventana de capas que seria esta.

gif

ahi en el lugar con fondo azul (seleccionado) que en la imagen dice background, hacemos click con BDR (Boton Derecho del Raton). Se despliega un menu, en el cual seleccionamos Duplicar capa, o en la version en ingles Duplicate Layer.

Nos queda asi.
tutorial

Despues de esto seleccionando cualquiera de las dos capas que son iguales, apretamos Ctrl+I. Lo cual invertira los colores de esa capa seleccionada pasandola a sus negativos.

o sea asi...

photoshop

Bien, antes de continuar, quizas alguno de ustedes haya usado otros programas, como por ejemplo Flash y sabran lo que son los fotogramas.
En este proceso, Image Ready de Adobe, reconoce en el Archivo de Photoshop, cada Capa como un fotograma. Dato a tener en cuenta cuando empiecen a volar con la imaginacion para crear cosas mas grossas.

Photoshop es diferente, pero no estoy en grado de decir si es mejor o peor. Debemos aclarar que el fuerte de photoshop no es la animacion en Gif. Pero me parecio sencillo para aquellos que se niegan a aprender el funcionamiento de Macromedia Flash.

Sigamos...

Una vez que logramos tener dos capas, una en positivo y una en negativo. Debemos pasar el archivo a Image Ready, pero no alarmarse, es sencillo.

Tocamos el boton que aca abajo les señalo en color amarillo, y ya photoshop abre imageready y empieza el traspaso que dura unos segundos...

Como se hace un Gif con Photoshop e Imageready


Ya abierto el image ready y leido el archivo, debemos buscar si tenemos abierta la ventana de Animacion...
Si no la encuentran, sobre la barra arriba de todo donde esta Archivo, Edicion, Etc.
La ante ultima es Window, o Ventana, entramos ahi y clickeamos la de animacion o animation que se va a abrir enseguida.

En la de animacion clickeamos sobre las flechitas del menu despeglable que les señalo a continuacion y de ahi elegimos el item que tambien les señalo.

gif

una vez hecho esto Image ready ya reconoce a las capas como fotogramas.
tenemos que editarle el tiempo de acuerdo a lo que a nosotros nos parezca.
de esta manera.

tutorial

Le podemos dar el play que tiene ahi abajo para la previsualizacion.

Digamos que el nuestro sencillo Gif ya esta hecho. Solo nos queda Guardarlo. Para ello necesitamos guardarlo en File, Save optimized. Es como lo tengo yo. Pienso que en castellano debe decir Archivo, Salvar optimizado.

Este ha sido mi sencillo tutorial para hacer uan animacioncita en el photoshop. Despues prueben uds. Hagan cosas mas dificiles, pero creo que con esto de los negativos mas o menos para largar teniendo una breve nocion esta bien...

Aclaracion....

Para llevar el orden de la animacion, en este caso no importaba en absoluto, pero en el caso de una mas avanzado puede que si.

photoshop

Bueno si los puede ayudar o les fue util mejor....

pronto mas tutoriales faciles de hacer para principiantes como yo...

Saludos!

21 comentarios - Como se hace un Gif con Photoshop e Imageready

@panchus
Como se hace un Gif en Photoshop Y Imageready
@maxita
pero es cs3 no tenes imageready
@cobracai
panchus dijo:

panchus Mandale un mensaje! | 04.10.2007 21:46:25 dijo:



Como se hace un Gif en Photoshop Y Imageready




@panchus
me parece que el imageready se reemplazo por el Fireworks
@faaab
gracias, no la tenia a esta.
@pirata74
faaab | 04.10.2007 22:02:20 dijo:



gracias, no la tenia a esta.



y a esta???



sry por desvirtuar...pero me la dejaste picando
@licoknapp
No hagas caso de quienes entran solo a criticar, la mayoria no tenemos ni puñe...ra idea de como hacer estas cosas y en nombre de todos los newbies te lo agradezco, por casualidad sabrás como hacer que un gif de más fotogramas tenga un loop de ida y vuelta? Me refiero a que no se termine y se repita, sino que vaya y venga, lo que pasa es que quiero hacer gifs de esos que parecen no tener fin, en concreto uno que lleva un efecto de luz que va y regresa, pero solo consigo que vaya, desaparece y vuelve a empezar y se ve muy feo

Gracias de antemano!
@TheMazi
Ese PS es el CS2, no el CS3. El CS3 no tiene ImageReady!

Como se hace un Gif con Photoshop e Imageready
@Doming50
panchus dijo:Como se hace un Gif en Photoshop Y Imageready

Como se hace un Gif en Photoshop E Imageready
@GaborimboX
panchus dijo:Como se hace un Gif en Photoshop Y Imageready

jajajaja me haces reir, esta bien escrito tu te ababosaste un momento jajaja es Photoshop e Imageready
@Sty_Arg
Imageready no esta mas estaba en la cs2
@axel_system
Sty_Arg dijo:Imageready no esta mas estaba en la cs2

como que no? yo la la tengo
@Crihh
panchus dijo:Como se hace un Gif en Photoshop Y Imageready


JAJAJAJJAJAJAJAJJA
@ricarddd
yo se hacerlo de otra manera que la he puesto en mi post
visitalo
mira como me quedo el gif
con 45 fotogramas
tutorial

y esta con solo 2
photoshop


@johanmauro
las imágenes están malas arreglalas y te dejo 10+