como hacer un gif animado

dama · #1 (**permalink**) 15/01/2004, 22:02

hola haber si me podeis yudar me gustaria aprender a hacer gifs animados com por ejemplo esto:

tengo los programas ADOBE PHOTOSHOP Y EL IMAGE READY gracias.

PD:por supuesto el rayo no lo e echo yo lo e cojido de una web

cakle · #2 (**permalink**) 15/01/2004, 22:14

pues el image ready no le se mucho

pero en fireworks me defiendo y tambien en el Ulead Gif animator

ahi si quieres anexame al msn

[email protected]

Raduk · #3 (**permalink**) 16/01/2004, 03:15

Es relativamente sencillo, dependiendo de que tanto estes familiarizada con el entorno de photoshop, ya que en imageReady de aplica más o menos las mismas reglas.
En ambos programas se trabaja con capas que pueden ocultarse o hacese visibles desde la ventana: CAPAS y dando click en el ojito.
Pues bien, como sabras esas aminaciones .GIF no son más que una secuencia de imagenes estáticas de las que se crea una secuencia a la que se le puede asignar valores de tiempo para dar el efecto de movimiento.
Te sugiero a manera de ejercicio que trabajes con por lo menos 5 imágenes aunque no sean iguales, sólo para crear una animación o secuencia.
Puedes en photoshop darles el mismo tamaño, (por ejemplo 100x100 pixeles) recortandolas o transformando su tamaño y guardarlas como .jpg en una carpeta exclusiva para ellas a la que le puedes poner: "Animación", o como tú quieras; desde este momento puedes comenzar a darle orden a tu secuencia asignandole a cada imagen por nombre una letra o número progresivo: A,B,C,D,E ó 1,2,3,4,5 (sí son más de 10 imagenes te recomiendo usar sólo letras).
Después desde la barra de herramientas del mismo photoshop en la parte inferior aparece un botón para llamar a Imageready (CONTROL+MAYÚSCULAS+M), ojo: si tenes las imagenes que trabajaste abiertas en photoshop se cargaran automáticamente cuando abras Imageready. Te sugiero, por ser más sencillo, que las cierres antes y una vez abierto Imageready vayas al menú: ARCHIVO-IMPORTAR-CARPETA COMO CUADROS, selecionas las carpeta donde guardaste las imagenes y automáticamente te cargara todas las imagenes .jpg que creaste en Photoshop en la ventana de animación que aparece generalmente en la parte inferior.
Ya casi tienes lista tu animación!!!
En la ventana de Animación en la parte inferior aparecen unos botones para reproducir la secuencia, detenerla, avanzarla, etc. así como un botón donde le asignas cuantas veces quieres que se reproduzca; prueba de una vez tú animación!!! Debajo de cada cuadro de imagen aparece por default: 0 seg. dando click ahí puedes asignarle a cada cuadro cuanto tiempo tardará en escena.
Para salvar tu animación ve a menú: ARCHIVO-GUARDAR OPTIMIZADA COMO: (Ojo: no es lo mismo Guardar como y Guardar optimizada como; la primera sólo guardara las imágenes como .PSD; en la segunda verifica además que en TIPO aparezca: Sólo imágenes .GIF) ponle un nombre y listo!!!
Hay más opciones para crear efectos, desvanecimientos, etc. incluso para optimizar la animación para que no sea muy grande y se pueda cargar rápido en un explorador.
Sí tienes más dudas o no entendiste algo (soy algo malo para explicar) envíame un mensaje privado o aquí mismo pregunta y con gusto aclararé tus dudas.
Suerte!!!

dama · #4 (**permalink**) 16/01/2004, 05:04

Raduk te has explicado perfectamente.en cuanto a lo familiarizada que este con el adobe photoshop hombre algo estoye echo ya unas cuantas cosillas firmas para foros pero los gifs no los e echo nunca.y una pregunta cuando este el gif echo se puede poner en una firma?con el adobe photoshop?esque yo lo e intentado cojiendo gifs de webs y no me deja entonces si no se puede como puedo poner un gif en una firma?? esque e visto firmas muy guapas con gifs muchas gracias.

Francie · #5 (**permalink**) 16/01/2004, 22:15

Tambien puedes buscar trucos en Image Ready y te dicen como hacerlo paso x paso.

Raduk · #6 (**permalink**) 17/01/2004, 01:35

Hola DAMA!!!
En Photoshop no creo, los mismos gifs los puedes importar a ImageReady y aplicarle efectos y texto como en photoshop, los textos y efectos los puedes manejar también desde la ventana: CAPAS desde ahí controlas que debe aparecer y en que momento, es una relación entre los cuadros de la animación y la ventana de capas, el cuadro que tengas seleccionado en la ventana de animación tendra sus propias características que podras ver y manejar desde la ventana capas.

dama · #7 (**permalink**) 17/01/2004, 06:27

muchas gracias Raduk me has sido de gran ayuda ahora lo tengo mas claro lo que pasa que tendre que aprender con el image ready porque ese no lo e usado ya buscare manuales lo dicho muchas gracias a todos

creativo · #8 (**permalink**) 17/01/2004, 10:24

Abré ese gif en el Image Ready, revisa cuadro por cuadro los tiempos que utilizaron en c/u. Después fijate el cambio que hay entre cuadro y cuadro en el dibujo. Si comprendes todo esto, veras que es muy fácil hacer gifs animados sencillos..

saludos

dama · #9 (**permalink**) 17/01/2004, 14:45

pues chicos no me aclaro e seguido lo que me dijo Raduk y no me sale e seguido tambien este manual que hai aqui
http://mari.vze.yi.org/tutorial.html
y no lo entiendo haber en adobe photoshop que es lo que tengo que hacer exatamente?? hacer primero una imagen guardarla y luego hacer otras 4 mas?esque es hai donde me lio yo e echo una de esa misma e guardado en una carpeta 5 imagenes iguales pero no me a salido nada ni con el image ready ni con el que pone en la web esta que os e puesto.un saludo

Raduk · #10 (**permalink**) 17/01/2004, 19:40

Hola Dama!!!
Mira, incluso sin usar Photoshop puedes crear un gif, mi idea era explicarte el proceso para animar imagenes usando photoshop que es la mejor herramianta de retoque y edición fotografica que conozco; e ImageReady que vierne a ser un complemento para animar esas imagenes.
Lo que queria que vieras y probaras para entender el principio o idea de un Gif es como simplemente importando una carpeta que contiene imágenes éstas eran automaticamente cargadas a la ventana de animación.
Vamos pues a omitir los pasos de Photoshop; unicamente mete en una carpeta varias imagenes, aunque no sean iguales ni en tamaño, ni tema, ni nada; abre Imageready ve al menú: ARCHIVO-IMPORTAR-CARPETA COMO CUADROS, selecionas las carpeta donde guardaste las imagenes y simplemente en la ventana de animación dale click en reproducir, la secuencia pasara muy rápido ya que el valor del tiempo por default es 0, prueba a darle a cada cuadro un tiempo diferente y ve lo que pasa, arrastra alguna imagen a un cuadro diferente, etc. el chiste es experimentar. Checa además que cada imagen que aparece en un cuadro, aparece también en una capa en la Ventana de Capas que generalmente esta del lado derecho, esta ventana también es importante, prueba desde ahí a cerrar los ojos que aparecen del lado izquierdo y vé lo que pasa en la animación, puedes también moverlas o duplicarlas al igual que los cuadros de animación, experimenta todo lo que quieras hasta que te sientas animada a crear tus propias imagenes y aplicarles algun movimiento, prueba guardar el gif como ya te había dicho.

dama · #11 (**permalink**) 17/01/2004, 19:55

muchas gracias Raduk por tus explicaciones y tu paciencia lo seguire intentando

dama · #12 (**permalink**) 17/01/2004, 20:11

Radukkkkkk!!!!!! me a salidoooo!!!!! e metido 3 imagenes diferentes y y se ven como una peli muchas gracias de verdad ahora mas o menos lo entiendo.haber si es asi,cuando haga una imagen con el adobe la guardo com me dijiste y tengo que hacer otra igual no?? asi hasta 5 y luego hacer lo del image ready

Raduk · #13 (**permalink**) 18/01/2004, 02:59

Bravo, felicidades!!!!
Pues sí, más o menos esa es la idea, claro que hay varias maneras de hacerlo, (como todo en la vida!!!;)) la que te explique es la más sencilla; crear imagenes no necesariamente 5 y no necesariamente iguales : puedes variar la ubicación, el gesto, el color, etc. para que la animación gané en realismo y como ya te había mensionado lo puedes hacer también todo desde ImageReady; además si te decides a trabajar primero en Photoshop tus imagenes puedes usar capas: crear por ejemplo una rana que saca la lengua: Para ello quizá solo necesites dos imagenes, una rana con la lengua de fuera y otra con la boca cerrada; necesitaras entonces un fondo (no siempre)y dos capas y en cada capa la imagen de la rana con y sin la lengua de fuera después sólo abres el ImageReady y listo, te respeta las capas que tengas y hayas hecho en Photoshop, ya después sólo es custion de ponerle creatividad al asunto!
Sigue picándole al ImageReady es divertido y quien sabe, quizá después te vea crear banners para páginas web!!!
Felicidades!!!

dama · #14 (**permalink**) 18/01/2004, 05:35

muchas gracias Raduk no lo hubiese conseguido sin tu ayuda eres un genioooooo!!!! seguire practicando con el image ready y cuando tenga echo algo guapo lo pondre aqui para que lo veas muchas gracias

inerte · #15 (**permalink**) 21/01/2004, 00:17

DAMA: USA FLASH !!! es lo mas sencillo que hay para hacer gifs animados.
si conoces el programa, lo unico que tienes que hacer es darle las propiedades al movie del tamaño que desees que tenga el gif.
Haces normalmente una animacion, y antes de guardarla, vas a "file" > "publish Settings" y tiladas "gif" Luego en ese mismo panel, haces click en "gif" y en la ventana que se abre tildas la opcion "animated" cuando guardes y corras el movie, automaticamente te guardara una version .gif

trivliani · #16 (**permalink**) 08/02/2004, 16:52

Hola quisiera saver si las aplicaciones que se mencionan están disponibles para mac si es ha si en que web las encuentro gracias

kamberra · #17 (**permalink**) 11/02/2004, 01:14

gracias a todos: llevo apenas cinco minutos en este foros y ya he aprendido lo que no esplican en otros foros como este..me explico...en otros foros son sarcasticos para responder....se creen muy superiores y no entienden que hay personas como yo que dependen de maestros como uds. para aprender cada dia un poco mas ....los felicito