
De mano de mi compañera Ana Mesas os presento tutorial que explica como hacer gifs animados a partir de ficheros de vídeo en Photoshop CS3 Extended. Eran muchos los que pensaban (yo mismo entre ellos, lo confieso) que con la nueva versión de Photoshop y la integración en él del antiguo Image Ready se delegaban algunas de las prestaciones de este último a Fireworks yse eliminaban de Photoshop. Por fortuna estábamos equivocados, ya que una de las antiguas prestaciones de Image Ready, la posibilidad de convertir una película Quick Time a gif animado era una de las que más echaba a faltar y no tenía su equivalente en Fireworks. Pero Ana me Descubrió que no solamente permanece sino que ha sido mejorada sustancialmente en Photoshop Extended, simplemente hay que conocer el nuevo método para hacerlo y que es el que ahora os cuento.
En primer lugar abrimos un fichero de vídeo desde el comando de menú Archivo>Abrir… o lo arrastramos desde Bridge al interior de la ventana de Photoshop. El vídeo puede estar en formato Quick Time, en formato AVI o en cualquiera de los formatos compatibles. Ahora bien, si vuestra intención es hacer un gif animado a partir de ese vídeo os recomiendo que escojáis ficheros de vídeo cortos y de dimensiones reducidas, ya que de lo contrario se necesitará muchíiiisimamemoria para procesarlo y además el gif animado resultante será inservible porqué pesará un montón de Kbytes y no será operativo colocarlo en la web.
El fichero aparecerá como una capa de vídeo en el documento de Photoshop. Podemos añadir más capas, animarlas y realizar cualquier otra operación disponible, a continuación ejecutamos el comando Archivo>Guardar para Web y dispositivos… y en el cuadro de diálogo que aparece escoger la opción GIF en formato. Podrás observar como en la parte inferior derecha del cuadro de diálogo aparece una pequeña barra de reproducción donde se puede ver el aspecto de la animación del gif animado que resultará de la operación. Photoshop, al encontrar una o más capas de vídeo, simplemente identifica que se quiere guardar un gif animado, así de sencillo.
Y de hecho eso sería todo, no obstante si lo que se pretrende es poder retocar uno a uno todos los cuadros del vídeo como capas y fotogramas separados, entonces lo que se puede hacer es lo siguiente.
Se selecciona la capa de vídeo dentro del panel de animación (aparece seleccionando el comando de menú “Ventana>Animación”). En el menú lateral de ese menú se escoge la opción “Acoplar cuadros a Capas”, que convertirá cada fotograma del vídeo en una capa.

La siguiente acción consiste en seleccionar todas las capas de los antiguos fotogramas de vídeo, ya sea desde la paleta de capas o de la propia paleta de animación, -a excepción de la capa de vídeo que aún se conserva- y seleccionar el comando “Crear cuadros a partir de capas” del menú lateral del panel de animación. De esta forma conseguiremos ordenar cada capa como un fotograma al igual que ocurría en Image Ready.

Si queremos ver la animación cuadro a cuadro, al antiguo estilo de Image Ready, entonces se hace clic en el icono de animación de cuadros de la línea de tiempo.

Si aparece un cuadro de advertencia (qué básicamente avisa que las capas de vídeo no se reproducirán en una animación de cuadros) hacemos clic en “Continuar”. Hemos de recordar no obstante que este tipo de animación permite un máximo de 500 fotogramas.

–Si te interesó este artículo probablemente también te interese éste http://uklanor.wordpress.com/2011/02/03/minitutorial-animar-un-personaje-con-illustrator-photoshop-y-after-effects/



oct 10, 2008 @ 21:43:20
pero como lo guardamos para q se reprodusca en un celular o en la computadora como formato gif???
nov 12, 2009 @ 13:33:36
Hola ajom.
Aunque despues del tiempo transcurrido ya debes de haber dado con la solución, te comento para tí y los demás que se encuentren en la misma situación.
Tengo el Adobe Photoshop CS3 version 10.0.1
Tienes que tener en cuenta a la hora de guardar la animación:
1.Imagen>modo>8 o 16 bits, con 32 bits no te sale Archivo>Guardar para web y dispositivos (Me he vuelto loco para dar con la solución).
2. Pasarlo a 16 u 8 bits. Imagen>modo>8 o 16 bits te saldrá una ventana y le pulsas en “No combinar”.
3. Archivo>Guardar para web y dispositivos ya está habilitado y ya puedes guardarlo como GIF
He estado buscando por google y nadie ha dado con la solución excepto el que suscribe, bien por falta de tiempo o ganas.
Lo único que pido es que si vas a comentar esta solución aportes la fuente y esta web que es donde se ha encontrado la solución.
Suerte
oct 11, 2008 @ 15:07:43
Se guarda como gif animado a través del comando de menú Archivo>Guardar para Web y dispositivos y ya está. Tienes el gif animado listo para el computador o el teléfono celular.
oct 14, 2008 @ 10:10:36
hola,
hay algun tutorial con algun ejemplo especifico sobre este tema?
dic 04, 2008 @ 12:32:27
Podrías explicar como se pasa el video desde brige a photoshop. Lo arrastro y me dice que no lo puede abrir porque no es el formato correcto. Además sabes si hay algún efecto que se le pueda añadir a los gif con photoshop?
Ciao Fender
dic 13, 2008 @ 16:53:43
saben que no me aparece el mini cuadro de animacion en Imageready , se supone que me tengo qe meter a photoshop ventan y tengo qe tener seleccionada la opcion animacion pero nisiquiera la tengo como opcion.
Nose si hay que descargarla o no la tengo seleccionada :/
dic 21, 2008 @ 20:33:06
Adobe, adobe, ADOBEEEEEEEEEEEEE
Cuando una herramienta es eficiente, didáctica y funcional…
¿Porqué cambiarla?
Ya imagino como deben haber reido los desarrolladores de CS3 planeado como dejar a un experto en igualdad de condiciones con un novato.
Años de práctica y esfuerzo para despertar una mañana y descubrir que ya no sabemos nada y estamos obligados a comenzar todo denuevo, si no queremos ser aplastados por los nuevos conceptos y metodologías.
Ventajas de Photoshop CS3 Extended… algún día las descubriré
Desventajas: Los desarrolladores de Adobe se pusieron creativos desapareciendo las herramientas y haciéndolas aparecer denuevo pero ahora disfrasadas, para invitarnos a jugar:
!!!!DESCUBRA USTED DONDE LA ESCONDIMOS!!!!
dic 21, 2008 @ 20:36:32
Abra cadabra patas de cabra y apareció nuevamente la herramienta de animación Buajajajajaja
feb 22, 2009 @ 13:31:32
que genial el tutorial *–*
feb 28, 2009 @ 16:19:54
amigo GRACIAS por el tutorial… es tan simple como lo leen AMIGOS LEAN y entiendan!…
may 23, 2009 @ 10:34:47
hola mu weno el tutorial te felicitooooooooooooo!!!!!!
[greatsoldier]
jul 23, 2009 @ 12:14:29
Olé tú! Felicidades!!
ago 05, 2009 @ 05:20:49
oye si me funciona, pero como le ago para que se aga un loop, para que la animaion se repita una y otra vez ya que cuando lo veo solo se reproduce 1 vez
ago 05, 2009 @ 07:59:20
En la parte inferior izquierda de la barra de animación hay un popup menú que e deja escoger las veces que ha de realizare el loop, incluyendo la opciñon “infinito”.
jun 19, 2011 @ 00:40:38
Yo estoy buscando no sólo el loop para volver la animación infinita, sino que vaya de atrás para adelante (por ejemplo, si la animación es una pelota que cae, hacer que “rebote”). Es para hacer la animación más fluida y que no se vea tan recortada cuando vuelve al principio una y otra vez
jun 20, 2011 @ 08:34:03
No way…sorry. Lo que te recomiendo es que tú mismo fabriques ese loop manualmente de forma que el último frame y el primero sean consecutivos.
ago 06, 2009 @ 03:17:56
Incluso, si no lo encuentras, cuando vayas a guardarlo, abajo te dice que lo repita infinitas veces
.
sep 15, 2009 @ 22:35:52
Esta bien saber por si en el futuro hiciera falta!
muy sencillo y muy bien explicado.
oct 06, 2009 @ 15:10:14
Todo me funciona de maravillas, hasta el momento de guardar el gif animado ya modificado. En ese punto, la opción “Guardar para Web y dispositivos” me queda inhabilitada y no puedo guardar el trabajo que he realizado. POR FAVOR, NECESITO RESOLVER ESTE ÚLTIMO PASO. GRACIAS.
oct 06, 2009 @ 15:42:02
Javier.
Asegúrate que el modo de color que estás utilizando es RGB.
oct 07, 2009 @ 20:01:46
Podrías por favor decirme cómo hacerlo. Disculpa, soy sólo un aficionado. Muchas gracias por tu ayuda!
oct 09, 2009 @ 21:39:42
Tienes que ejecutar el comando de menú: Imagen>Modo>Color RGB
nov 09, 2009 @ 02:44:07
Hola, yo quisiera armar un gif animado importando imagenes gif a una película. Tan simple como eso… y no le encuentro la vuelta para hacerlo en Photoshop, tan sencillo como lo era en Image Ready…
Podrías ayudarme?
Gracias!!
Marisa
nov 12, 2009 @ 12:12:37
Con la línea de tiempo de Photoshop Extended lo puedes conseguir. Simplemente coloca cada imagen gif en una capa y luego vas haciendo las capas visibles o invisibles en cada uno de los fotogramas según corresponda.
dic 03, 2009 @ 16:28:49
Hola, todo lo que habéis comentado ya lo he hecho y resulta que sí se crea un gif que si le doy a abrir archivo desde Internet se ve pero si lo reenvío desde el mail lo deja estático. Me he creado una secuencia desde photoshop y lo he guardado para web y dispositivos… y me pasa eso, sólo quiero que funcione cuando lo reenvío, antes había una opción en Image Ready de gif animado.
Gracias
mar 22, 2010 @ 23:01:12
se ve interesante el tutorial gracias por compartirlo
mar 26, 2010 @ 20:58:29
*-* sinceramente me sirvieron un poco mas las respuestas pero la tuto iwal esta genial so zaz
X X DDDD
X X D DD
X X D DD
X X D DD
X X D DD
X D DD
X X D DD
X X D DD
X X D DD
X X D DD
X X DDDD
jun 03, 2010 @ 23:33:39
Gracias me vino muy bien la info, llevo la pagina a favoritos para seguir viendola luego
ene 27, 2011 @ 03:46:55
muchas gracias por el tutorial ! pero sigo en problemas, no se me habilita el comando “guardar>para web…”
esta en RGB y esta en 8 bits AYUDAAA !
gracias
ene 28, 2011 @ 12:28:32
Por lo que indicas no hay ningún motivo para que no se active la opción. Asegúrate que la instalación de Photoshop es correcta. Re-instálalo si es necesario.
may 29, 2011 @ 01:13:19
Que tal, estoy trabajando con XNA y no me acepta imagenes GIF, lo que hago es abrir la imagen en photoshop para que me la separe por cuadros, despues selecciono cada cuadro y lo voy guardando uno por uno, enumerandolos, el problema es que tengo gifs con demasiados cuadros y es tedioso estar guardando cada cuadro uno a la vez, Existe alguna forma de guardar todos de una vez, pero por separado???
may 30, 2011 @ 09:49:34
Sí.
Cada cuadro de un gif animado es una capa de Photoshop, así que lo que hay que hacer es seleccionar el comando de menú: Archivo>Secuencias de comandos>Exportar capas a archivos…
nov 17, 2011 @ 19:31:03
Muchas Gracias, con gente como tu se nos hace mas fácil a los torpes.
Un abrazo.
>Gif´s | Cristian Soto Aparicio
nov 23, 2011 @ 00:32:49
ene 19, 2012 @ 09:33:02
muchas gracias por el tutorial, pero tambien tengo el problema de que no se habilita la opcion guardar para web
feb 15, 2012 @ 19:26:43
Excelente muchas gracias…
sep 26, 2012 @ 13:45:47
Muchas gracias! Me ha servido para personalizar el perfil de mi empresa de Google +: http://tinyurl.com/todate-es
sep 26, 2012 @ 13:47:57
Me alegro!