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 https://uklanor.wordpress.com/2011/02/03/minitutorial-animar-un-personaje-con-illustrator-photoshop-y-after-effects/
ajom
Oct 10, 2008 @ 21:43:20
pero como lo guardamos para q se reprodusca en un celular o en la computadora como formato gif???
morcock
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
uklanor
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.
andosahi
Oct 14, 2008 @ 10:10:36
hola,
hay algun tutorial con algun ejemplo especifico sobre este tema?
Feder
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
Seba
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
TOl2NADO
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!!!!
TOl2NADO
Dic 21, 2008 @ 20:36:32
Abra cadabra patas de cabra y apareció nuevamente la herramienta de animación Buajajajajaja
evan-opendoorj
Feb 22, 2009 @ 13:31:32
que genial el tutorial *–*
juan
Feb 28, 2009 @ 16:19:54
amigo GRACIAS por el tutorial… es tan simple como lo leen AMIGOS LEAN y entiendan!…
paco
May 23, 2009 @ 10:34:47
hola mu weno el tutorial te felicitooooooooooooo!!!!!!
[greatsoldier]
Ramón
Jul 23, 2009 @ 12:14:29
Olé tú! Felicidades!!
israel dj
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
uklanor
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».
purplebeans
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
uklanor
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.
evan-opendoor
Ago 06, 2009 @ 03:17:56
Incluso, si no lo encuentras, cuando vayas a guardarlo, abajo te dice que lo repita infinitas veces ;).
DeDeDiego
Sep 15, 2009 @ 22:35:52
Esta bien saber por si en el futuro hiciera falta!
muy sencillo y muy bien explicado.
Javier
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.
uklanor
Oct 06, 2009 @ 15:42:02
Javier.
Asegúrate que el modo de color que estás utilizando es RGB.
Javier
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!
uklanor
Oct 09, 2009 @ 21:39:42
Tienes que ejecutar el comando de menú: Imagen>Modo>Color RGB
Marisa
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
uklanor
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.
Desesperada
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
charlie
Mar 22, 2010 @ 23:01:12
se ve interesante el tutorial gracias por compartirlo
owo rick owo
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
Dante
Jun 03, 2010 @ 23:33:39
Gracias me vino muy bien la info, llevo la pagina a favoritos para seguir viendola luego
maru e
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
uklanor
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.
Manuel Mtz
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???
uklanor
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…
Cunquin
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
mowelmauricio
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
Xochitl
Feb 15, 2012 @ 19:26:43
Excelente muchas gracias…
Fran
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
uklanor
Sep 26, 2012 @ 13:47:57
Me alegro! 🙂
Tutoriales y Herramientas para Adobe Photoshop CS2, CS3, CS4, CS5, CC | Raúl GC: Blog
May 05, 2014 @ 06:00:07
Tutoriales y Herramientas para Photoshop | Arukard's Weblog
Mar 23, 2024 @ 19:44:43