Facebook Twitter RSS Reset

Creá tus gifs combinados, con caras editadas, subtítulos y +

Creá tus gifs combinados, con caras editadas, subtítulos y +

Creá tus gifs combinados, con caras editadas, subtítulos y +Sencillos tutoriales para que puedas crear tus propios gifs combinados, gifs con leyendas, gifs subtitulados, gifs con imágenes editadas o gifs consecutivos o mechados y te conviertas en toda una leyenda de los gifs taringueros.

Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +

editar gifSiempre me llegan MPs preguntándome cómo hacer tales gifs o pidiéndome que se los haga, entonces decidí hacer estos tutoriales. Como sé que el tadinguita promedio es vago, en los tutoriales voy a tratar de evitar lo mas posible el Photoshop, en algunos casos es mas fácil, cómodo y rápido recurrir a otras alternativas como páginas online.
gif combinadoHacer este tipo de cosas no es difícil, incluso para aquellos que no saben usar el Photoshop (de hecho yo no lo sé usar, sólo sé hacer este tipo de boludeces). Traté de detallar y explicar todo de la manera mas amena posible, como para que no se encuentren con esto:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +Este post tiene los siguiente tutoriales:
tutorialesReducir tamaño de un gif para subirlo a Kn3 (con Photoshop)
Creá tus gifs combinados, con caras editadas, subtítulos y +Gifs con leyendas (sin Photoshop) como este
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

gifsGifs con subtítulos fijos (sin Photoshop) como este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

crear gifGifs con subtítulos dinámicos (con Photoshop) como este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

gif combinadoGif combinado con imagen estática (sin Photoshop) como este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

optimizar gifGif combinado con otro gif (con Photoshop a medias) como este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

tutorialesGif combinado otro gif (con Photoshop) como este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

gifGif con imágenes superpuestas y editadas (con Photoshop) como este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

PhotoshopGifs consecutivos o mechados (con Photoshop) como este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

gif combinado

gif subtituladoReducir tamaño de un gif para subirlo a Kn3
Primero lo primero y elemental. Para acostumbrarnos al Photoshop y a su interfaz. Voy a usar como ejemplo este gif, que pesa 5,08 Mb y que Kn3 no podría subirlo ni aunque le prendamos velas al Comandante del Ejército Lince Ricardo Fort:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Una vez que abrimos el gif vamos a ver lo siguiente: en el medio aparece el primer cuadro o frame del gif. A la derecha hay una barra de herramientas. A la izquierda hay una lista de capas, que son las capas que corresponden a cada cuadro o frame del gif. A la derecha de la lista, hay una serie de opciones de colores, tipo de letras etc. Y abajo está la línea del tiempo donde se muestran los cuadros que se reproducen sucesivamente. En general en la línea del tiempo hay tantos cuadros o frames como capas hay en la lista de la derecha, aunque esto no necesariamente deber así.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Para optimizar un gif y reducir su tamaño hay varias maneras. En principio se pueden reducir las dimensiones del gif, para esto vamos a Imagen -> Tamaño de imagen. La mía mide 600×338 píxeles.
Creá tus gifs combinados, con caras editadas, subtítulos y +

Es importante trabajar siempre en píxeles (también está la opción centímetros y otras, pero lo mejor es manejarnos en píxeles). La voy a llevar a 500 de ancho y si tengo seleccionada la opción 2restringir proporciones”, el alto se va a amoldar instantáneamente:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora que la imagen es un poco mas chica empieza la magia del Photoshop. En la línea del tiempo aparecen todos los cuadros que se suceden unos a otros que logran la animación. Tenemos la opción de eliminar cuadros, de esta manera a menos cuadros, menos va a pesar el gif. Para eliminar cuadros haremos lo siguiente: sobre la derecha donde está la lista de capas, vamos a eliminar capa por medio, primero las seleccionamos manteniendo el control apretado, y una vez que ya seleccionamos todas las capas, una sí una no, apretamos el botón que parece un tacho de basura que está abajo de la lista:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Una vez que tenemos todas las capas que queremos eliminar seleccionadas y las eliminamos, abajo en la línea del tiempo vamos a ver que los cuadros que corresponden a esas capas desaparecieron. Lo que tenemos que hacer es seleccionar todos esos frames y eliminarlos, con el botón que tiene abajo a la izquierda la línea del tiempo que también parece un tacho de basura:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora bien, si miramos abajo de cada cuadro, vamos a ver que en el gif original se sucedían cada 0,03 segundos cada uno.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Pero ahora como falta un cuadro por medio, si lo guardamos así van a pasar muy rápido, lo mejor es duplicar el tiempo, porque antes había el doble de frames pasando a 0,03 segundos, ahora que hay la mitad de cuadros deberían pasar cada 0,06 segundos. Para modificar esto seleccionamos todos los cuadros que hay en la línea del tiempo (porque queremos que todos se reproduzcan con el mismo retardo, si quisiéramos que algunos pasen mas rápidos que otros lo tenemos que hacer cuadro por cuadro) y tocamos la flechita que está al lado de los segundos y cambiamos el valor, de 0,06 a 0,03.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Finalmente, vamos a Archivo -> Guardar para web y nos aparecerá la siguiente ventana:
Creá tus gifs combinados, con caras editadas, subtítulos y +
En rojo remarqué lo importante. Abajo a la izquierda nos dice el formato y cuánto pesa según los valores que le demos a las opciones que están arriba a la derecha. En mi caso el gif pesa 1,774 Mb, con lo cual ya lo puedo subir a Kn3. Pero si esto no fuera así y siguiera pesando mas de 2Mb arriba a la derecha hay opciones para disminuir el peso:
> Primero la cantidad de colores: yo puse 256 que es lo máximo, si pesara mas de 2Mb puedo poner 128, 64, 32… etc.
> También te da la opción de modificar la calidad: donde dice menos calidad yo lo dejé en 0, pero si el gif que quieren reducir pesara mas de 2 Mb le pueden reducir la calidad con esa opción.
> Hay otra opción que es ajuste a web, funciona mas o menos como la de menos calidad, pero no da resultados significativos, por lo que recomiendo que ni la toquen.
> Por último hay dos opciones mas, que son “Algoritmo de reducción de color” y “especificar algoritmo de tramado”. Yo sinceramente rara vez los muevo de los valores predeterminados, realmente no sé qué carajo significan por lo que prefiero dejarlos ahí como están. Por ahí cuando estoy al horno y no logro bajar mas del peso que quiero me pongo a toquetearlos un poco.
Acá lo importante, básicamente es jugar con las opciones de “Cantidad de Colores” y “Menos calidad”. Hay que ir jugando y combinando esas opciones hasta que el puto gif menos de 2 Mb y Kn3 acepte subirlo.
Una vez logrado que pese menos de 2Mb, le pongo guardar y lo subo
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +Gifs con leyendas
Bueno, primero lo mas fácil de todo, este tipo de gifs que suelen tener muy buena recepción entre nuestros camaradas del ejército Lince. Lo primero que tenemos que conseguir es un gif al que sencillamente asimilemos con algún chiste boludo, yo por ejemplo voy a elegir este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Próximamente debemos conseguir un fondo blanco (tranquilamente lo hacemos en paint, todos sabemos usar el paint desde que somos chiquitos).

Yo por ejemplo siempre uso la misma imagen, la tengo guardada con el nombre de “1” así la encuentro rápido. Éste es el fondo que yo uso:

https://k60.kn3.net/6BEFF61F1.png

Dejo el link así nomás porque como es un fondo blanco no se va a ver
Ahora sí, la magia nace en esta página: http://www.online-image-editor.com

Quédense tranquilos que es una página muy segura, no pide que nos registremos y es muy fácil y rápida de usar.

Creá tus gifs combinados, con caras editadas, subtítulos y +
Entonces lo que hacés es ir a seleccionar archivo, buscamos nuestro fondo blanco y le damos al botón Upload.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Veremos algo como esto:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Seguidamente distinguimos en el vistoso menú la herramienta Add Text y vemos cómo del lado izquiero se despliegan una serie de opciones. Yo generalmente uso Impact, centrado, tamaño 30 y colo negro. Las otras opciones nunca las usé
Creá tus gifs combinados, con caras editadas, subtítulos y +
Proseguimos escribiendo la leyenda y la trasladamos al fondo blanco de manera que quede centrada, en la parte de arriba y le damos al botón Apply. Con el botón Preview, vamos viendo cómo va quedando el texto, tocarlo al terminar de escribirlo.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Luego volviendo al pintoresco menú, en la parte superior vemos que hay una pestaña que dice Wizards, y al entrar ahí está la opción Overlay Image, es ahí donde tocamos y vemos que a la izquierda nos da la opción de seleccionar el archivo:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Entonces elegimos nuestro gif, y le damos al botón Upload, y una vez que nos carga el gif, lo ubicamos centrado debajo de la leyenda que escribimos previamente.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Fíjense que cuando carga el gif, te da la opción de achicarlo o rotarlo. Por el momento no vamos a usar ninguna de las dos, simplemente lo acomodamos debajo de la leyenda y le damos al botón Apply. Debería quedar de esta manera:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Finalmente como mi fondo blanco era muy largo (de ancho es preferible que siempre tenga unos 525 píxeles de ancho ya que es la medida máxima del Mi) vamos a recortarlo. Para esto vamos a la pestaña Basics y elegimos la herramienta Crop.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Aquí la página les va a proponer un cuadrado rojo dentro de la imagen que son los bordes por los que la va a recortar, denle una medida apropiada, de esta manera, y de dan al botón Apply:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Por último, en caso que lo quieran, una sencilla marca de agua: para esto vamos de nuevo a la pestaña Basics, elegimos la herramienta text, y, por ejemplo, le damos a Arial, tamaño 12 y color blanco. Le damos al botón Preview y colocamos la marca de agua en el alguno de los cuatro ángulos del gif:
Creá tus gifs combinados, con caras editadas, subtítulos y +
FINALMENTE, ESTE ES EL RESULTADO
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +IMPORTANTE: todo este procedimiento una vez aceitado no demora mas de 2 minutos. Posta. Con este método se pueden crear gifs de este tipo:

[algin=center]

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

[/algin]

[algin=center]

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

[/algin]

[algin=center]

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

[/algin]

gif combinado

gif subtituladoGifs con subtítulos
Bueno, acá hay que saber que hay dos tipos de gifs con subtítulos, los que tienen subtítulos fijos, como puede ser este:
]
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Y los que tienen subtítulos “dinámicos” como este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Por supuesto que los mas fáciles de hacer son los del primer tipo, los podemos hacer en la página que les mostré antes en solo dos sencillos pasos. Vamos a usar este gif:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Entonces vamos a la página http://www.online-image-editor.com y buscamos el gif en cuestión, y le damos al botón Upload.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Veremos en la página lo siguiente:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Entonces simplemente lo que hay que hacer es ir a la herramienta Add Text, elegir una fuente, tamaño y color (puede ser Arial Bold, 16 y amarillo). Le damos al botón Preview, colocamos el subtítulo sobre el borde inferior y le damos al botón Apply. Y eso es absolutamente todo lo que hay que hacer:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Y como se vio anteriormente, el resultado es este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

crear gif
editar gifGifs con subtítulos dinámicos
Bueno, a estos hay que trabajarlos un poco mas, necesitaremos el tan temido (por la vagancia) Photoshop. Aunque realmente es muy sencillo lo que vamos a hacer. Yo como ejemplo voy a usar este gif:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Entonces lo que haremos es abrir el Photoshop, y al ser un gif animado veremos algo como esto:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Donde a la izquierda vemos una barra de herramientas, a la derecha la lista de capas del gif y abajo vemos, las mismas capas pero dispuestas en una “línea del tiempo”, que no es ni mas ni menos que los frames que se suceden cuando se reproduce el gif.
Bueno, para empezar y organizarnos bien, vamos a mover un poco los menúes de la derecha, de la siguiente manera, cosa de ver bien todas las posibilidades que nos ofrece:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Lo que vamos a hacer entonces es posicionarnos en la última capa del gif (en mi caso es la número 65) y vamos a agregar una nueva capa, desde el botón que les muestro:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Al hacerlo, vamos a ver que hay una nueva capa, de esta manera:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Como se imaginarán (ya que ustedes son gente muy despierta) ésta nueva capa es sobre la cual escribiremos. Y lo haremos así: vamos a ir sobre la barra de herramientas de la derecha y vamos a usar “texto horizontal”:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Al hacerlo, vamos a ver que al lado de las capas hay otro menú donde podemos elegir la tipografía y esas cosas, yo por ejemplo elijo Arial, 18, centrado y color amarillo:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Elegidas estas cuestiones, pasamos a escribir el texto que se va a ver primero y lo acomodamos sobre el borde inferior, en mi caso va a quedar así:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Bueno, ahora como vemos, en la línea de tiempo, todos los frames tienen puesto el subtítulo que hemos escrito:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Obviamente que este no es resultado que buscamos, entonces ahora hay que elegir en qué capas se va a ver el subtítulo. Para eso tenemos que seleccionar las capas en donde NO queremos que salga el subtítulo (esto lo hacemos seleccionándolas al mismo tiempo, usando el Ctrl o el Shift de manera común y silvestre).
Yo NO quiero que el subtítulo salga en los dos primeros frames ni en los frames que van del 23 AL 65, entonces selecciono simultáneamente los dos primeros frames y los que van del 23 al 65, de esta manera:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Y con todos esos frames seleccionados, vamos sobre la derecha a la lista de capas, y DESTILDAMOS el ojito que aparece al lado de la capa que creamos para escribir el subtítulo, de esta manera:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Y como se ve, el subtítulo desapareció de los frames de los que queríamos que desapareciera:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora, y de la misma manera que hicimos anteriormente, nos posamos sobre la última capa (que ahora ya no es la capa 65 sino la que creamos nosotros) y creamos una nueva capa, tocando el ícono de abajo:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Nos debería quedar algo así:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Esta es la capa sobre la que vamos a escribir la segunda parte del subtítulo. Es recomendable que entre subtítulo y subtítulo dejemos un par de capas en blanco. En este ejemplo el primer subtítulo termina en la capa 22, por lo que voy a hacer que el segundo subtítulo empiece en la capa 25
Creá tus gifs combinados, con caras editadas, subtítulos y +
Entonces lo que voy a hacer es seleccionar únicamente el frame 25, y sobre ese voy a escribir la segunda parte del subtítulo:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Nuevamente, vamos sobre la barra de la izquierda y elegimos la herramienta de texto, y escribimos el texto que se nos canta las pelotas:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Como vemos, el nuevo subtítulo aparece nuevamente en todos los frames, cosa que no queremos. Entonces, al igual que hicimos antes, vamos a seleccionar todos aquellos frames en los que NO queremos que este nuevo subtítulo aparezca. En mi caso esos son los frames que van del 1 al 24 y los últimos dos frames, el 64 y el 65. Entonces selecciono simultáneamente esos frames:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Y al igual que en el caso anterior, DESTILDAMOS el ojito de la capa de este nuevo subtítulo:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Y como vemos, los subtítulos desaparecieron de los frames que tenían que desaparecer.
Ahora el gif ya está listo, entonces lo último que hay que hacer es guardarlo. Para eso vamos a Archivo -> Guardar para web. Este es un paso clave.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Una vez que hacemos esto nos va a aparecer la siguiente ventana:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Donde como verán, en rojo les resalté lo importante: abajo a la izquierda te dice cuánto va a pesar el gif, y arriba a la derecha las opciones de guardado, ahí lo primero que hacemos es elegir el formato: GIF. Como el maldito Kn3 soporta hasta 2Mb, hay que guardarlo de manera que pese menos de 2Mb. Para lograr esto Photoshop nos ofrece lo siguiente:
> Algoritmo de reducción de color:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Sinceramente yo no sé usar Photoshop por lo que no tengo ni la mas puta idea de qué mierda significa eso, pero por defecto aparece la palabra “Perceptual” y yo siempre lo dejé ahí. Los invito a que hagan lo mismo o a que investiguen por otro lado. Algunas veces usé las demás opciones pero sinceramente no vale la pena…
Creá tus gifs combinados, con caras editadas, subtítulos y +
Algoritmo de tramado: nuevamente lo dejamos así como está
La cantidad de colores:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Como ven yo elegí 128 colores, porque de esa manera el gif me pesa menos de 2Mb, en caso de elegir 128 y el gif queda muy pesado, pueden elegir menos colores. Claro el gif perderá calidad.
Luego hay dos opciones mas, que son “Ajuste a Web” y “Menos Calidad”. Al seleccionar cualquiera de las dos opciones se despliega una barra donde podés ir jugando con la calidad. A mayor calidad, mas pesado será el gif, a menor ajuste a web también mas pesado será el gif. Lo ideal es no tocar esos valores, salvo que el gif quede muy pesado. En mi caso los dejo así como está y el gif me pesa 1,915 Mb, con lo cual le doy guardar y lo subo a Kn3.
El resultado, como era de esperarse, es este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

IMPORTANTE: todo este método así visto debe parecer un quilombo, pero una vez que le agarrás la mano es una boludez y es todo muy mecánico. No debería tomarles demasiado tiempo hacer algo de este estilo.
Photoshop
crear gifGifs combinados
Hay dos tipos de gifs combinados, los que combinan un gif animado con una imagen estática, como este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

O los que combinan gif animado con gif animado, como por ejemplo este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Los que son como el primero son mas sencillos de hacer, obviamente, y los haremos de la siguiente manera:
Lo primero es ir a nuestra ya querida página: http://www.online-image-editor.com/ y subimos un fondo blanco, igual que como lo hicimos hace un rato (¿o acaso ya te olvidaste rufián?). Vamos a la pestaña de Wizards y elegimos la herramienta Overlay Image, como se ilustra a continuación;
Creá tus gifs combinados, con caras editadas, subtítulos y +
A continuación, seleccionamos la primer imagen que le vamos a superponer al fondo blanco, en mi caso es esta:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Entonces la busco en el directorio que corresponda y le doy al botón Upload, una vez que la carga, la ubico centrada en el fondo blanco y arriba, mas o menos así:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Le damos al botón Apply, y repetimos nuevamente salvo que esta vez vamos a Overlay Image para superponer el gif, en mi caso es este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Nuevamente buscamos el gif, le damos la orden y cuando lo sube lo ubicamos cetrado en horizontal y debajo de la imagen que acabamos de subir, de esta manera:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Una vez que lo ubicamos como corresponde, le damos al botón Apply, y en la pestaña basics usamos la herramienta Crop para recortar el excedente de fondo blanco, y le agregamos la marca de agua (de la misma manera que lo hicimos anteriormente):
Creá tus gifs combinados, con caras editadas, subtítulos y +
Finalmente, el resultado es el deseado:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Finalmente, el resultado es el deseado:
Photoshop
crear gifGifs combinados de mas de un gif animado
Ahora los gifs combinados del segundo tipo, estos hay que trabajarlos un poco mas pero tampoco es nada muy grave. Nuevamente vamos a necesitar de la ayuda de nuestro temido Photoshop.

En mi caso voy a hacer el ejemplo con estos 4 gifs:

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

https://k60.kn3.net/A04F58B99.gif
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

https://k61.kn3.net/A49F2CA67.gif
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

https://k60.kn3.net/5C02F0BB9.gif
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

https://k60.kn3.net/004467C65.gif
Lo que vamos a hacer es abrir los 4 con el Ps. Dentro del programa podemos trabajar con 4 pestañas, una por cada gif:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Entonces vamos a ver cuántas capas (y frames) tiene cada gif. En caso:
> El 1° tiene 67

Creá tus gifs combinados, con caras editadas, subtítulos y +
> El 2° tiene 69 (qué número eh)

Creá tus gifs combinados, con caras editadas, subtítulos y +
> El 3° tiene 61

Creá tus gifs combinados, con caras editadas, subtítulos y +
> Y el 4° tiene 78 capas

Creá tus gifs combinados, con caras editadas, subtítulos y +
Bueno acá el truco es lograr que los 4 gifs tengan la misma cantidad de capas y de frames, así una vez que los ponemos todos juntos, funca bien.
Como el que menos capas tiene es el que tiene 61, vamos a eliminar capas de los otros 3 gifs hasta que tengan también 61. Para esto vamos al primer gif, y sobre la lista de capas de la derecha seleccionamos las que queremos borrar.
Acá pueden borrar como quieran, agarran y borran todas capas seguidas o intercalan (tipo una sí, una no). Yo prefiero la segunda. Entonces Voy a seleccionarlas: para esto mantenemos el Ctrl apretado y seleccionamos las que queremos eliminar:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Las que están en azul son las que seleccioné. Este gif tenía 67 capas, como yo quiero que tenga 61, voy a borrar 6 (lógico, no?) Para borrarlas le damos al botón que tiene forma de tacho de basura, abajo de la lista:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora una vez que eliminamos las capas, vamos a ver en la línea del tiempo que los frames correspondientes a cada capa están en blanco:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Lo que tenemos que hacer es seleccionar todos esos que están en blanco y eliminarlos con el botón que también parece un tacho de bsaura:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Echo esto, lo que queda es guardar el gif y repetir el paso con los otros dos que tienen mas de 61 capas. Es decir, que a los otros dos les tenemos que borrar las capas y los frames necesarios para que tengan 61.
Una vez que tengamos los 4 gifs con la misma cantidad de capas y frames (estrictamente no es necesario que tengan la misma cantidad de capas, pero sí de frames, pero al eliminar capas reducimos el tamaño) lo mas sencillo es ir a nuestra querida página http://www.online-image-editor.com/
Ya a esta altura están re cancheros con esta página, entonces voy a ser rápido: subimos nuestro fondo blanco

Luego en la pestaña Wizards vamos a la opción Overlay Image y elegimos nuestro primer gif. Lo ubicamos en el fondo blanco, de manera que entren después los demás:

Creá tus gifs combinados, con caras editadas, subtítulos y +
Hacemos exactamente lo mismo con los otros tres gifs, los subimos y los superponemos arriba del fondo blanco.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Después con la herramienta Crop recortamos los bordes que queden y lo descargamos.

Ahora bien, en mi caso el gif que acabo de hacer pesa 6,87 Mb. Imagínense Kn3 puede llegar a explotar intentando subir eso y jamás lo va a lograr. Para reducir el peso lo mejor es ir al Photoshop y cuando ponemos guardar para web ir eligiendo entre las opciones que les mostré antes para reducir el peso. Otra cosa que se puede hacer es eliminar capas y frames de la misma manera que lo mostré recién.
En mi caso borré 12 capas intercaladas (y sus respectivos frames) y le puse 64 colores y le bajé la calidad un 46%, de esta manera el gif me pesó menos de 2Mb y lo pude subir al fucking Kn3.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Finalmente el gif ya está en condiciones de shoutearse:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

El shout lo pueden ver acá: http://www.taringa.net/chizzo73/mi/qA0f4
Con este método mas el anterior se pueden hacer este tipo de gifs:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

[algin=center]

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

[/algin]

Photoshop

crear gifGifs combinado con otros gifs (método con Photoshop)
Bueno, voy a volver a hacer el mismo gif combinado que el anterior, pero ahora en vez de usar nuestra sencilla página voy a usar el Photoshop. Igual como hicimos recién, lo primero es eliminar capas y cuadros hasta que los cuatro gifs (o los que sean) tengan la misma cantidad.
Ahora, siempre estando en el primer gif, vamos al costado derecho donde está la ventana de las capas, nos posicionamos en la última capa y le damos al botón “Crear un grupo nuevo”.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora que creamos nuestro grupo, seleccionamos todas las capas del primer gif y las metemos en la carpera del grupo (simplemente las seleccionamos todas y las arrastramos). Nos tendría que quedar así:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Y si queremos ver todas las capas que tiene esta carpeta, tocamos el botoncito de la flecha para expandir, y nos debería mostrar todas las capas que tiene adentro:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Una vez que todos los gifs tienen la misma cantidad de capas y cuadros y creamos nuestro grupo y metimos las capas de nuestro primer gif en este grupo, haremos los siguiente: vamos a Imagen -> Tamaño de imagen para ver las dimensiones de nuestros gifs. En mi caso cada uno tiene 268 x 179 píxeles.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Lo próximo es modificar el tamaño del lienzo del primer gif sobre el cual van a ir los cuatro gifs. Para esto es necesario aplicar ciertos conocimientos matemáticos: mi gif tiene 268 x 179 y yo los quiero disponer tipo mozaico, con alguna línea divisoria en el medio, de por ejemplo 5 píxeles, entonces:
De ancho el lienzo va a tener que tener (268×2) + 5 píxeles = 541 píxeles
De largo el lienzo va a tener que tener (179×2) 5 píxeles = 363 píxeles

Donde multiplicamos la altura y la anchura por dos para que entren dos gifs a lo largo y a lo ancho y le sumamos 5 píxeles para que los gifs no estén pegados, sino que estén separados por 5 píxels.

Para lograr esto vamos a Imagen -> Tamaño de lienzo y vamos a ver lo siguiente:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Acá en principio lo importante es poner la unidad de medida en píxeles para ser gente normal. A veces aparece en centímetros u otras porongas pero nosotros vamos a trabajar en píxeles. Como ven, el lienzo tiene el mismo tamaño que la imagen.

Para modificar el tamaño, hay que decirle a Photoshop hacia dónde vamos a extenderlo. Como mi primer gif es el que va arriba a la izquiera, yo voy a querer que el lienzo se extienda hacia la derecha y hacia abajo, entonces tengo que elegir la flechita de arriba a la izquierda, y tiene que quedar así:

Creá tus gifs combinados, con caras editadas, subtítulos y +
Fíjense que les remarqué que el nuevo tamaño es de 541 x 363 y que la flecha que elegí es la que está arriba a la izquierda para que el lienzo se extienda en dirección opuesta. Ahora van a ver que su primer gif está dentro de un lienzo mas grande que tiene esta forma:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Acto seguido, vamos a nuestro 2do gif, seleccionamos en la línea del tiempo todos los cuadros, tocamso el botón para expandir opciones que está arriba a la derecha de la línea del tiempo y ponemos “copiar cuadros”:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Luego, volvemos a nuestro primer gif, seleccionamos todas los cuadros de la línea del tiempo, y en el botón para expandir opciones que está arriba a la derecha de la línea del tiempo, le damos “pegar cuadros”.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Les va a salir una ventanita como esta, y eligen la opción “pegar sobre la selección”.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Van a ver que les habrá pegado el segundo gif arriba del primero, ahora lo que hay que hacer es mover el segundo. Para esto vamos a la ventana de las capas, sobre la derecha, y seleccionamos todas las capas del gif que acabamos de pegar, sin seleccionar ninguna de las del primer gif que estaban en su carpeta, así de esta manera:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Finalmente, vamos sobre la barra de herramientas de la izquierda, elegimos ese cursor que resalto en rojo, y movemos el segundo gif hacia el rincón de arriba a la derecha, esto lo hacemos manualmente como si fuera paint:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Después de esto, seleccionamos todas las capas de este segundo gif, y creamos un nuevo grupo y metemos todas sus capas en este nuevo grupo:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora tendríamos que tener dos grupos de capas, en uno el primer gif y en el otro el segundo gif:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora lo único que hay que hacer es repetir estos últimos pasos con los dos gifs que quedan, es decir ir al tercer gif, seleccionar todos los cuadros, copiarlos y pegarlos en el primero; después seleccoinar todas las capas del tercer gif y moverlas a su lugar. Repetir con el cuarto gif.
Creá tus gifs combinados, con caras editadas, subtítulos y +

Finalmente ir a Archivo -> Guardar para web y guardar en formato gif como les motré antes. Este debería ser el resultado:

[algin=center]

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

[/algin]

Con este método también se pueden lograr este tipo de gifs:

[algin=center]

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

[/algin]

[algin=center]

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

[/algin]

gif

Gifs con caras o imágenes superpuestas (con Photoshop)
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Estos son los mas jodidos de todos. No porque sean difíciles de hacer, sino porque son trabajosos, requieren un poco mas de paciencia pero esto no significa que sean difíciles.
Bueno, en este caso yo voy a reemplazar las caras del gif original por otras, pero pueden usar la misma técnica para lograr otras cosas. Las imágenes que yo voy a usar son estás:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Bueno, acá lo primero que hay que hacer es ponerle un fondo transparente a cada una de las caras de las imágenes. Para esto vamos a usar el Photoshop. Es realmente muy fácil.
Primero voy a mostrar una manera muy fácil con la cabeza del lince. En este caso el Lince tiene un un fondo blanco, entonces lo mas rápido es, una vez que abrimos la imagen con el Photoshop, vamos sobre la barra de herramientas de la izquierda, y hacemos click izquierdo sobre la herramienta borrador, y se despliega un sub-menú donde elegiremos la herramienta borrador mágico.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora lo único que hay que hacer es darle un click con el borrador mágico en alguna parte del fondo blanco, y todo ese blanco se transforma mágicamente en transparente:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Con esto la cabeza del Lince ya está. Pasamos a la cabeza del Comandante. Lo primero que vamos a hacer es recortar lo mas posible para que quede solo la parte de la cabeza. Para esto vamos a hacer click en la herramienta Recortar.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Al tocar esta herramienta vemos que nos da la opción de, desde los bordes, recortar la imagen. Vamos a mover estas líneas desde los bordes hacia adentro, de manera que quede solo la cabeza de nuestro querido comandante, así:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Y una vez que ya lo tenemos, le damos “recortar” y nuestra imagen pasa a ser así:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Luego vamos a ir a Archivo -> nuevo y cuando se nos abra la ventana le vamos a dar las dimensiones que tiene la imagen de la cabeza de Ricardo (en mi caso esa imagen tiene 172×301 píxeles) y donde dice contenido de fondo le ponemos transparente:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora que creamos esta nueva imagen que no es mas que un fondo transparente, vamos a ir a la pestaña donde tenemos la cabeza del Comandante y la vamos a seleccionar con Ctrl-A, y la vamos a copiar con Ctrl – C, para ir a la nueva imagen transparente y pegarla haciendo Ctrl – V.
Ahora viene el paso clave, lo mas crítico de este proceso. Vamos a ir sobre la barra de herramientas de la izquierda, y le vamos a dar click derecho a la herramienta selección rápida, y vamos a elegir la herramienta varita mágica.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Con esta herramienta vamos a ir clickeando todo lo que queremos eliminar. Es decir, sin tocar la cabeza, vamos a ir haciendo click fuera de esta, y vamos a ver que se van a ir seleccionando ciertas áreas que vamos a ir eliminando con la tecla suprimir. La cabeza debería ir quedando así:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Por suerte la cabeza del moderador ya tiene el fondo transparente, entonces ya tengo las 3 cabezas que quiero superponer en condiciones de hacero.
Voy a mostrar el proceso con la cabeza del Lince. Con las otras dos hay que hacer lo mismo. Con la herramienta mover (V) arrastrás la cabeza del lince hasta la pestaña donde está el gif y la soltás arriba del gif. Te puede quedar algo así de entrada:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Asegurate que la capa de la cabeza del Lince quede arriba de toda la lista de capas, de esta manera:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora para darle a la cabeza el tamaño correcto vas a Edición -> Transformar -> Escala y lo achicás hasta que te parezca que tiene un tamaño razonable. A mí por ejemplo me queda así:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora lo que conviene es ir a Imagen -> encanjar en pantalla, para ver bien grande nuestro gif.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Y ahora la parte mas tediosa: en la línea del tiempo hay que ir cuadro por cuadro moviendo la cabeza del lince de manera que quede siempre donde tiene quedar: como los personajes del gif se mueven cuadro a cuadro, la cabeza del lince la tenemos que ir ubicando cuadro a cuadro. Esto es simplemente cuestión de pulso y concentración, por ejemplo muestro este cuadro, como ven la cabeza del lince está donde la ubiqué originalmente[/algin]

Creá tus gifs combinados, con caras editadas, subtítulos y +
Entonces la muevo a donde tendría que estar:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Y así cuadro por cuadro. Quedaría así:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Ahora haremos lo mismo con la cabeza del moderador, que por suerte en mi caso ya tenía un fondo transparente. Copiamos la cabeza del moderador, la arrastramos hasta el gif y la pegamos con Ctrl+V. Reducimos la escala en Edición -> Transformar, y colocamos la cabeza del moderador sobre la del boxeador cuadro por cuadro.
Ahora bien, cada tanto en algunos cuadros, el boxeador golpeado gira su cabeza, para que el gif quede prolijo, deberíamos girar la cabeza del modedrador también. Entonces lo que hacemos es, seleccionamos los cuadros donde No queremos que la cabeza quede derecha, y vamos a la lista de capas de la derecha y, con los cuadros seleccionados, apretamos para que desaparezca el ojito:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Una vez que lo hacemos, vamos a ver que la cabeza del moderador desaparece de los cuadros que seleccionamos:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora lo que hacemos es volver a la pestaña donde está la cabeza del moderador, copiamos la imagen y la pegamos de nuevo arriba del gif:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Nos va a quedar esta cosa espantosa. Lo primero que haremos es seleccionar los cuadros de donde queremos que desaparezca y tocamos el ojo de la capa nueva que se agregó arriba de todo. Luego como hicimos antes reducimos el tamaño de la cabeza del moderador y la ubicamos donde tendría que ir.
Ahora hay que rotarla, para esto vamos a Edición -> Transformar -> Rotar y la rotamos de la manera que queremos:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Seguimos poniendo la cabeza en los demás cuadros y rotándola si hace falta y pasamos a la última cabeza: la del Comandante. Como venimos haciendo, vamos a la cabeza del gran Ricky, la seleccionamos con Ctrl+A y vamos a la pestaña del gif y la pegamos. Le reducimos el tamaño y la colocamos cuadro por cuadro según corresponda.
Acá hay es probable que tengan que corregir algunas superposiciones, por ejemplo acá a mí queda así en dos cuadros seguidos, la cara de Fort debería atrás de la del lince.
Creá tus gifs combinados, con caras editadas, subtítulos y +
Para solucionar esto seleccionamos la capa que queremos que quede arriba, en mi caso la cabeza del Lince, vamos a Capa -> organizar, traer al frente:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Finalmente, este es el resultado:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

De esta misma manera pueden crear gifs como estos:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

La diferencia es que yo mostré algo bastante mas sencillo que la obra de arte que se mandó el gran @Heisenberga09 pero con estos conocimientos y un poco de dedicación lo pueden lograr. De la misma manera se hacen este tipo de gifs:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

gif

gifsGifs consecutivos o con imágenes u otros gifs mechados
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Como verán, este gif tiene mechado en el medio imágenes, u otros gifs como prefieran verlo. Para empezar hay que conseguir el gif base, en mi caso es este:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Bueno, yo le quiero intercalar al gif estas 3 imágenes:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Creá tus gifs combinados, con caras editadas, subtítulos y +
Entonces lo que voy a hacer es abrir el gif y las tres imágenes en Photoshop. Una vez abiertas, voy a crear un nuevo fondo, que tiene que tener las mismas dimensiones que los cuadros del gif. En mi caso el gif tiene cuadros de 329×319 píxeles. Entonces voy a Archivo -> Nuevo y pongo las dimensiones y esta vez en vez de poner fondo transparente elijo fondo blanco (porque esta vez quiero que sea blanco).
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora, las imágenes del Kuru, Manolo y Herni y la del Peluche también tienen que tener las mismas dimensiones que los cuadros del gif, entonces las editamos. Como la de los hermanos Botbol y la del Kuru son casi cuadradas y no se van a deformar mucho, lo mas sencillo es en cada una hacer esto: vamos a imagen -> tamaño de imagen, y le ponemos los nuevos valores, 329×319 píxeles. Para que nos permita cambiar las proporciones de estas imágenes, hay que deshabilitar el botón de restringir propiedades:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Hcemos lo mismo con la del Kuru y nos van a quedar así, fíjense que no se deformaron mucho:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Como la imagen del Peluche tiene dimensiones muy distintas, lo que vamos a hacer en vez de agrandar la imagen es agrandar el lienzo: entonces vamos a Imagen -> Tamaño de lienzo, y le damos las mismas dimensiones que tiene el gif, otra vez 329×319 píxeles y el color del fondo blanco:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora que todas nuestras imágenes tienen las mismas dimensiones que el gif, vamos a tener que “convertirlas a gif animado”, para esto vemos que en la línea del tiempo hay una opción que dice: crear línea del tiempo. La creamos en las tres imágenes de los próceres taringueros y en el fondo blanco que habíamos creado:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Es probable que la línea del tiempo tenga este aspecto:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Pero no se asusten, para que vuelva a su apariencia normal tenemos que ir al botón de arriba a la derecha -> convertir diapositivas -> convertir en animación de cuadros. Con esto volvemos a ver los frames. En nuestros casos tenemos uno solo por cada imagen.
Ahora bien, yo quiero que mi línea del tiempo me quede así:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Entonces primero voy al fondo blanco que creamos, y en el botón de arriba a la derecha de la línea del tiempo pongo “copiar cuadro”:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora voy a la pestaña del gif original, me posiciono en el cuadro anterior al que quiero poner este nuevo cuadro, y en el botón de arriba a la derecha pongo “pegar cuadro” y elijo “pegar después de la selección”
Creá tus gifs combinados, con caras editadas, subtítulos y +
Ahora nuestra línea del tiempo tiene un cuadro mas. Seleccionamos este nuevo cuadro y repetimos el procedimiento, primero con la imagen de Peluchin y después nuevamente con el cuadro en blanco. La línea del tiempo tendría que quedar así:
gif subtitulado
Después avanzamos en la línea del tiempo y repetimos el procedimiento, esta vez con las imágenes del Kuru y la de Manolo y Herni:
Creá tus gifs combinados, con caras editadas, subtítulos y +
Por último, fijarse que en cada cuadro, abajo de la imagen hay un número, éste indica la cantidad de segundos que dura cada cuadro, yo generalmente les pongo 0,1 (o sea 10 frames por segundo, que para un gif está mas que bien), y a las caras de nuestros héroes les puse 0,12, como para que se noten un poquito mas. Finalmente vamos a Guardar para web y guardamos el gif. Este debería ser el resultado:
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Terminé de hacerlo y lo shouteé, como a todos los que hice para estos tutoriales Creá tus gifs combinados, con caras editadas, subtítulos y +
Pueden verlo acá: http://www.taringa.net/chizzo73/mi/qnoOo
De esta manera se hacen este tipo de gifs también, donde básicamente se pone uno adelante del otro en la línea del tiempo, copiando cuadros de uno y pegándolos en el otro, como mostré con este
Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

Creá tus gifs combinados, con caras editadas, subtítulos y +GIF

gifs

Creá tus gifs combinados, con caras editadas, subtítulos y +

Creá tus gifs combinados, con caras editadas, subtítulos y +

Creá tus gifs combinados, con caras editadas, subtítulos y +

No comments yet.

Leave a Comment