epespad

El post que buscas se encuentra eliminado, pero este también te puede interesar

[Tutorial PS] Aprende a crear un gif

Shout GifGIF


¡Hola! Hoy les traigo un tutorial para crear gifs en photoshop, aclaro que utilizo el metodo de importacion de capas (para mi es mas simple), asi que espero que les guste

Gifs

Requisitos

» Adobe Photoshop CS ( cualquier version mientras sea FULL )
» Un capitulo de anime del que deseamos sacar un gif con o sin subtitulos, de calidad avi,mp4,etc, preferentemente MP4. Photoshop no acepta .MKV

tutorial

Primero iniciamos el photoshop, seguidamente vamos a la parte superior izquierda y click en "Archivo>Importar>Cuadro de video a capas"

anime

Luego de hacer click en Cuadro de video a capas, va a aparecer la tipica ventana para elegir un archivo, seleccionamos el capitulo de anime para realizar el gif y click en "Abrir".

photoshop

[Tutorial PS] Aprende a crear un gif

Una vez que le des click a Abrir, va aparecer la siguiente ventana que permite importar Capas(imagenes) del capitulo en la cantidad que quieras y desde el punto de inicio o fin que le asignes.

Gifs

» Unos datos importantes:

» Las casillas "Limitar a cada uno [] Cuadros" y "Crear animacion de cuadros" deben estar activadas y es recomendable limitar los cuadros a 2 para que no se pase de fotogramas.

» Es importante que siempre tengas una idea de donde aproximadamente esta situada la escena que deseas transformar a gif para ubicarla con la herramienta.

» Al mover las flechas de Punto de Inicio y Punto final van a ir apareciendo imagenes en la pequeña ventana negra para orientarte por donde esta el momento que estas buscando para convertir en gif, pero esta herramienta aveces no es exacta y no puede coincidir en el punto exacto donde queres que empieze y termine tu gif, asi que no te preocupes si te exedes un poco, solo asegurate que en el fragmento que elegiste aparesca el momento que deseas, las capas de sobra se pueden borrar luego.

Aca un ejemplo en el que se puede apreciar que movi las flechas negras a los minutos que deseaba que capturara la herramienta para convertirlos en un gif.

tutorial

anime

Bien, luego de asignar el punto de inicio y el de fin, le damos a OK y va a aparecer una cierta cantidad de capas y una linea del tiempo con cuadritos (fotogramas) en la parte de abajo, con la linea del tiempo es con lo que vamos a trabajar el gif.

photoshop

»Si no te aparecio la Linea del Tiempo: Click en "Ventana>Linea del tiempo" y ahora te va a aparecer con todos los fotogramas.


[Tutorial PS] Aprende a crear un gif

Antes de comenzar a preparar el gif, hay que asegurarse que la resolucion sea adecuada para que el gif no sea pesado, siempre lo recomendable para una imagen gif es que no supere los 2mb , si se exede podria recortarte el gif o que este tenga errores visuales.Para evitar esto, vamos a configurar la imagen con una resolucion de 500px que es la recomendada.

Para eso vamos a ir a la parte superior en "Imagen>Tamaño de la imagen"

Gifs

Se va a abrir una ventana que nos va a indicar la resolucion actual de las capas y su medida correspondiente, vamos a modificar el ancho a 500px

tutorial

»Nota: La imagen se achica un poco pero conserva la calidad original, el tamaño de 500px es el que uso en casi todos mis gifs, pasen por mi perfil si tienen dudas para que vean el tamaño.

anime

Bueno, ahora que visualmente ya tenemos todo preparado, vamos a editar finalmente el gif, vamos a ir a la linea de tiempo que se encuentra debajo de la imagen y vamos a notar que hay cuadritos con un numero debajo.Esos cuadritos son fotogramas (imagenes que se reproducen para crear el gif).

photoshop

[Tutorial PS] Aprende a crear un gif

Como mencionamos antes, seguramente vamos a tener fotogramas que no queremos que pertenescan a el gif, para eliminarlos simplemente hacemos click sobre ellos en la linea del tiempo para seleccionarlos y luego los borramos clickeando en el cesto de basura que se encuentra debajo de la linea del tiempoGifs

Si deseas seleccionar mas de un fotograma para no tener que estar haciendo click y borrando uno por uno, manten precionado CTRL+Click en las capas que deseas seleccionar para luego borrarlas.

tutorial

Vamos a ir borrando fotogramas hasta que nos quede la secuencia de fotogramas que van a formar el gif, recuerda reproducirlo con el boton de play que esta debajo de la linea del tiempo para ver como quedan los fotogramas.Estos quedaron asi:

anime

photoshop

Ahora que tenemos el gif preparado, vamos a pasar a editar los segundos en los que se reproducen los fotogramas, esto basicamente seria la velocidad en la que el gif es reproducido, para esto vamos a seleccionar todos los fotogramas seleccionando el primer fotograma y luego SHIFT+Click en el ultimo para que nos quede asi:

[Tutorial PS] Aprende a crear un gif

Y luego hacemos click en la flechita hacia abajo que esta junto a los numeros de cualquiera de todos los fotogramas:

Gifs

Ese menu permite editar el tiempo de cada fotograma en general, nosotros vamos a elegir 0,1 segundos que es lo recomendado, asi que hacemos click en 0,1 segundo y ahora se cambio la velocidad de reproduccion de fotogramas:

tutorial

anime

Hasta ese punto el gif quedaria terminado y se veria asi:

Shout GifGIF


Pero como en general, mucha gente hace gifs con animes que tienen subs y se los quieren sacar, les dejo aca abajo como tapar los subs, si solo quieren dejarlo asi vayan directamente casi al final del post para saber como guardarlo.

[Tutorial PS] Aprende a crear un gif

Para quitarle los subtitulos al gif, simplemente hay que reducir el tamaño de el lienzo, para eso vamos a ir a Imagen> Tamaño del lienzo :

Gifs

Va a aparecer la siguiente ventana:

tutorial

Y vamos a modificar la altura original, precionando en la flecha de arriba y modificando los cm de altura, yo dejo un ejemplo de como lo modifique, los cm varian segun el tamaño del texto a tapar.

anime

Y ahora el gif quedo asi:

Shout GifGIF


[Tutorial PS] Aprende a crear un gif

Para finalizar vamos a guardarlo, vamos a ir a "Archivo>Guardar para la web"

Gifs

Se va a abrir esta ventana, aca vamos a ver el tamaño final del gif y podemos reproducirlo una vez mas para ver que todo este en orden.

tutorial

Click en "Guardar" y listo, gif terminado.

anime

Terminado

Shout GifGIF


[Tutorial PS] Aprende a crear un gif

Otros Aportes

Gifs
tutorial

anime

» ¡Si te gusto recomendalo! Tambien puedes seguirme, hago gifs sobre anime,tutoriales y subo uno que otro anime cada tanto.

Shout GifGIF


[Tutorial PS] Aprende a crear un gif

Shout GifGIF

Comentarios Destacados

Varimarthas +26
+ 10 si me decis como hacer los gif con la cara de herni
Topolas +26
Como asi (?)

Shout GifGIF


Despues hago un tuto
OUTBREAK2012 +15
Shout GifGIF

10+
DOLLDEVIL +1
ese gordo mantecón si que es famoso en T!

38 comentarios - [Tutorial PS] Aprende a crear un gif

delladella +1
muyy buen aporteee siempre quise saber como se hacia un gif!!
pstation +1
Muy buen aporte bro.Gracias
mdc_gdc +1
Vengo a ver los gifs porno que van a poner.
negroide1990 +10
[Tutorial PS] Aprende a crear un gif Vengo a evitar el bardo y te dejo 10
Topolas +2
Estoy salvado (?


antoniozxd +1
Eres mi maestro de gifs buen post!
cefe14 +1
"No se ha podido complentar el comando Cuadros de video a capas porque se requiere QuickTime vresion 7.1 o posterior" ... Recuerdo que cada vez que le instalo eso no funciona. -.- que hago por favor.
Topolas
Tiene que ser full el Photoshop capo. Y bien inicie en photoshop quise hacr esto con un pirata y me faltaba QuickTime que viene en la version full.

Bajate photoshop cs6 o cs5 full y listo
cefe14 +1
U.u Gracias por la respuesta, Aun asi tendre que esperar...porque en este momento tengo mas de 200gb en Cola, con unas series de animes. T.T mientras buscare Ps cs6 full.
Jospy8 +1
*vale por comentario feo*

Ah

Pero si los mp4 no se les puede sacar subs no se pueden hacer gifs de partes jarcor )?

+10 en la noche :3
Jospy8 +1
@LivingFord Con los mkv no necesito raws xD solo les quito los subs y ya v:
LivingFord +1
@Jospy8 digo yo porque este tuto sale mas facil
Jospy8
@LivingFord No sé, a mi siempre me parecio más dificil tomar las capturas desde el fatachap v:
-Stratos +1
uh interesante aunque yo estoy con W8 y me dice que no puede hacer así que uso el método antiguo de capturas mas tarde tejo +10
packito +2
me lo dejo en favo, y 10 puntines por tener a misaka en todos lados xD
HoheKong +1
TE dejo 10 pts, gracias, la verdad es que yo usaba el fireworks... bueno y de eso, ya hace bastante tiempo, no sabia que con el photoshop también podía crear gift... por cierto, estás usando el CS6 cierto??? Gracias...!!!
Topolas +1
Si uso CS6 Full.
Tatenashi_Katana +1
No se a podido completar el comando cuadros de video a capas porque photoshop no admite archivos de video en esta version de windows.

me aparece eso en, Importar..Cuadro de video a capas, sabes porque sucede eso? D:

tengo el photoshop cc y esta full
Tatenashi_Katana +1
@Topolas veré si lo encuentro el CS6, ya que no tenía el photoshop y lo descargue, con adobe creative cloud, y solo estaba el CC que es la versión mas nueva, aunque no entiendo por que no es compatible si tengo windows 7
Topolas +1
@Tatenashi_Katana Yo tambien tengo windows 7, proba instalar K lite codec pack antes, y despues proba lo del CS6
Tatenashi_Katana +1
@Topolas Ok, gracias
Zeref_Zoro +1
『A Buscar Un PS Full』 『Luego Aprender Hacer Gif』
LUIS144 +1
muy bueno gracias +5 y favs aaa y reco
shinomoria +1
muy bueno k-po. Te dejo mis últimos puntos del año
HoheKong +1
... Una pregunta, yo también el CS6 full hace más de 5 meses que lo uso, pero como te dije antes, jamás pensé que serviría para hacer gif ... el problema es que estoy tratando de hacer un gif de un video de más de 2 horas (obviamente no quiero las dos horas xD) pero por más que ubico los cerrojos esos, para limitar el video, de más o menos donde está la parte que quiero extraer, photoshop, solo me crea 500 capas... ese es el máximo de capas que soporta photoshop?? alguien sabe sobre esto... o tengo que configurar algo...??? muchas gracias de antemano, para otro videos que son más cortos si puedo hacerlo son ningún problema, gracias nuevamente...!!!
Topolas +1
Es el maximo de capas que soporta y no se puede configurarlo para que aguante mas, generalmente no hago gifs con videos de mas de 1 hora y por eso no me pasa, pero yo te recomiendo que trates de recortar el video a donde queres sacar el gif y ahi lo importes.

Eso hago con las peliculas.
HoheKong +1
justo eso estaba pensando, cortar el video con otro programa: pero como es un video tan largo, para ahorrar tiempo pensé quizá que se podía configurar y hacerlo todo desde photoshop xD... ahora mismo haré eso, Mil gracias bro, gracias por estar atento a tus post, algunos publican cosas interesante pero se olvidan de ellos ¬¬ !!! ya no te puedo dejar puntos porque ya te di 10 la primera vez que pasé xD

desde ahora, soy tu seguidor...
DOLLDEVIL +1
Aun q hay formas mucho mas sencillas de hacer gifs con otras aplicaciones, es muy buen tuto!
Topolas +1
Es la mas efectiva para que salga con buena calidad y darle los efectos que quieras, con otros programas que te dejan el gif preparado no te dan la opcion de editarlo o no te dan tantas alternativas de efectos como photoshop.
AngelitoWHD +1
Creo que queda mejor,si cuando lo vas a guardar, en lugar de difusion,pones motivo
Topolas
La ultima ves que le meti mano a difusion y despues lo quise devolver a motivo, por alguna razon los gifs salian demaciado pixelados y muy feos, ya no podia devolverlos a la normalidad. No se porque,al final tuve que reinstalar el photoshop y volvio a la normalidad. A Jospy tambien le paso, asi que no los toco por las dudas


Deve ser algo en mi pc, pero por si acaso
AngelitoWHD +3
@Topolas Cuando lo pones en motivo normalmente se ve asi,aunque claro depende de las modificaciones que les haga,en difusion se verian capas borrosas y en ruido se ve patetico
este es en motivo
Shout GifGIF
jorgefidelj +1
gracias por el tuto jajaja uso el portable e igual me salen bien
mujiquita96 +1
Y como le haces para la marca de agua con el nombre de tu perfil?
LilaCamry1995 +1
Gracias por el tuto. Igual ya tomo pendiete de tomar los pasos...
Demon3142 +1

Excelente crap, +10 y reco
ANDYDEVOID

Excelente tu post espero poder ponerlo en practica
Dejiko12
Tengo win 7 photoshop cs6 y un video de quicktime (realizado en aftereffects), el cual quiero convertir en gif (alrededor de 300 fotogramas). Y cuando lo importo al photoshop para crear el gif, me sale el cartel "no se ha podido completar el comando cuadros de video a capas porque el archivo no se ha podido abrir" :S