HackPR.NET

Webmasters => Diseño Grafico => PhotoShop => Topic started by: R2 on October 18, 2006, 02:46:52 AM

Title: [PhotoShop] Crear gif animado
Post by: R2 on October 18, 2006, 02:46:52 AM

Crear gif animados

En este manual mostraremos como crear imágenes gif animadas mediante Adobe Photoshop y Adobe ImageReady. En este concretamente se muestra como se crea un efecto de parpadeo en las letras de las firmas, pero con estas nociones y un poco de imaginación se puede llegar a crear todo tipo de animaciones.
Primero partiremos de la firma de base sin letra alguna y le añadimos el texto a nuestro gusto.
(https://hackpr.net/foro/proxy.php?request=http%3A%2F%2Fusuarios.lycos.es%2Felitefirmas%2Ftutoriales%2Fgifsanimados%2F1_small.jpg&hash=7eb37e22a8d2555bd74f2d04a2bd14359cf923f9)

Entonces tendremos la capa del fondo y la de texto. Ahora vamos al menúde herramientas y debajo de todo hacemos clic en el icono de editar en ImageReady.
(https://hackpr.net/foro/proxy.php?request=http%3A%2F%2Fusuarios.lycos.es%2Felitefirmas%2Ftutoriales%2Fgifsanimados%2F2.jpg&hash=958ec75b35326580bf3983a842860628545ac2b7)


Una vez allí­ vemos que tenemos una ventana con varias pestañas donde vemos la imagen, y una ventana donde se crea la animación; a parte de las ventanas de capas y demás. Vamos a la ventana de animación y hacemos clic en Duplica el cuadro actual para que haga un duplicado del cuadro en el que estamos.
(https://hackpr.net/foro/proxy.php?request=http%3A%2F%2Fusuarios.lycos.es%2Felitefirmas%2Ftutoriales%2Fgifsanimados%2F3_small.jpg&hash=2951756768c31ed63e426b5f07177b07ee33b85c)

Haciendo esto tenemos dos capas o cuadros de animación. En cada uno de ellos podemos jugar con las capas para crear la animación. En este caso el primer cuadro lo dejaremos tal como estaba y en el segundo ocultaremos la capa de texto en la ventana de capas.
(https://hackpr.net/foro/proxy.php?request=http%3A%2F%2Fusuarios.lycos.es%2Felitefirmas%2Ftutoriales%2Fgifsanimados%2F4.jpg&hash=20d2b79aaa303bec6226969b262e02f339ec3555)

Ahora volvemos a la ventana de animación i fijamos el tiempo de espera de cada cuadro, eso se hace haciendo clic debajo de cada cuadro. En nuestro caso lo hemos puesto a un segundo. Ahora en la ventana de la imagen seleccionamos la pestaña optimizada y podremos ver como queda el gif si le damos al play en la ventana de animación. Una vez acabado solo nos queda guardarlo, vamos a archivo/Guardar optimizada comoâ�Š y le damos un nombre y ya está, aquí­ tenemos nuestro gif.
(https://hackpr.net/foro/proxy.php?request=http%3A%2F%2Fusuarios.lycos.es%2Felitefirmas%2Ftutoriales%2Fgifsanimados%2F5.gif&hash=8a47219f95e9c71041fd8a832fb8e0dc84aacd66)




Enviado por: Bloody
Publicado en:http://www.elitefirmas.org (http://www.elitefirmas.org)
Title: Re: [PhotoShop] Crear gif animado
Post by: Anthrax on October 18, 2006, 01:32:41 PM
Dejo esto porque siempre surge la pregunta..
para guardar una imagen gif no se debe ir a
archivo > guardar como
sino que debes ir a
archivo > guardar optimizada como

mejor prevenir ;)
Title: Re: [PhotoShop] Crear gif animado
Post by: R2 on October 18, 2006, 03:07:23 PM
Si quieres guardar una imagen estatica en .gif por que tenga un fondo transparente o algo asi si lo puedes hacer asi: archivo>guardar como

Pero si quieres que sea un gif como es en este caso dinamicosolo lo puedes guardar en archivo> guardar timizada como

Saludos!!
Title: Re: [PhotoShop] Crear gif animado
Post by: kazin on October 18, 2006, 08:37:23 PM
Esta buena la info. Ahora yo me pregunto... hay gente que no entendia lo de guardar como..? Malisimo estamos. No puedo creer que halla gente que tenga que preguntar eso.
Title: Re: [PhotoShop] Crear gif animado
Post by: RuslessColor on October 19, 2006, 12:33:00 PM
Quote from: ¹SlowEmotion² on October 18, 2006, 08:37:23 PM
Esta buena la info. Ahora yo me pregunto... hay gente que no entendia lo de guardar como..? Malisimo estamos. No puedo creer que halla gente que tenga que preguntar eso.

si tenés razón, pero bueno... siempre hay una primera vez y más vale que se enteren ahora y no nunca, cierto?  :-\
R2 Están muy buenos tus tutoriales pero creo que quedaria mucho más completo si le agregases imágenes y un link hacia la imagen terminada... es solo una sugerencia  ;D

Saludos a todos!!
Title: Re: [PhotoShop] Crear gif animado
Post by: Anthrax on October 21, 2006, 06:38:47 PM
Quote from: ¹SlowEmotion² on October 18, 2006, 08:37:23 PM
Esta buena la info. Ahora yo me pregunto... hay gente que no entendia lo de guardar como..? Malisimo estamos. No puedo creer que halla gente que tenga que preguntar eso.

mas bien porque yo antes no sabia como guardar un gif y conservar su movimiento, y entre que me puse a fijar en foros y algunas paginas, a muchos les pasaba lo mismo, utilizaban el "guardar como" (como normalmente se utiliza)... solo que en los casos de los gif deves ir a "guardar optimizada como"..

Quote from: R2 on October 18, 2006, 03:07:23 PM
Si quieres guardar una imagen estatica en .gif por que tenga un fondo transparente o algo asi si lo puedes hacer asi: archivo>guardar como

Pero si quieres que sea un gif como es en este caso dinamicosolo lo puedes guardar en archivo> guardar timizada como

Saludos!!

a mi punto de pensar es medio obvio que querras conservar el movimiento, si no no los hubieses hecho.. y ademas de que el archivo gif conserva una calidad de imagen muy inferior al jpg o jpeg..

pero nunca esta de mas aclarar las cosas ;)
Title: Re: [PhotoShop] Crear gif animado
Post by: RuslessColor on October 24, 2006, 05:23:23 PM
Quote from: RuslessColor on October 19, 2006, 12:33:00 PM

R2 Están muy buenos tus tutoriales pero creo que quedaria mucho más completo si le agregases imágenes y un link hacia la imagen terminada... es solo una sugerencia  ;D


Sorry.... anulo esta sugerencia porque vos sí cargaste las imágenes, pero por lo visto la computadora se reveló ante mi y por eso no me las mostraba :o...... perdón R2 :-X
Title: Re: [PhotoShop] Crear gif animado
Post by: R2 on November 08, 2006, 04:07:12 PM
jajajajaj no pasa nada


PD: estube un tiempo sin inet :SSS