Check the new version here

Popular channels

[Re-Make Tutorial] Hacer Gifs con Photoshop

Hola Amigos de T!

Hoy Vuelvo con un Re-Make de uno de mis Primeros Post!!!!!!


Como pueden ver en el link, no estan las imagenes, por eso he decidido hacer el Re-Make (y no, no usare la imagen de la botella, por motivos que solo saben 



Les enseñare a hacer gif´s de 2 formas: con imagen larga y a base de imagenes separadas

Bueno, sin mas que agregar, ¡Comencemos!



Imagen Larga


1)- Abrimos Photoshop, Buscamos y Cargamos la imagen larga, en mi caso esta:





2)- Aplicamos Zoom a la Imagen a tal punto de que veamos los cuadros en los que separaremos la imagen




3)- Nos Vamos a Archivo-Nuevo, y abrimos un nuevo cuadro de trabajo de 50x50 cm








4)- Ahora, con la herramienta ¨Marco rectangular¨ seleccionamos una parte de la imagen y con la herramienta mover, la movemos al 2do cuadro y ahi la ajustamos con la Combinacion Ctrl+T al cuadro vacio












5)- luego, le damos en el ojito que nos sale a la par de ¨Capa 1¨





* Con esto hacemos que la capa desaparezca , pero sin borrarla



6)- Repetimos el Paso 5 y 6 con otra procion de la Imagen.....















Asi hasta que logremos llevar tooda la imagen cuadro por Cuadro







7)- Ahora, en nuestro segundo cuadro de trabajo (donde esta la imagen original hecha tuquitos XD) nos vamos a Ventana-Animacion







Nos Saldra una Barra con un cuadro, como esta







Lo que haremos Aqui sera duplicar ese cuadrito de esa barra la cantidad de veces que se muestra en las capas (en mi caso son 10 capas, entonces son 10 cuadritos). Para hacerlo, le daran en ese botoncito de la parte de Abajo de la Barra







Hasta obtener la cantidad de Cuadros requerida







8)- Ahora, lo que haremos es bastante facil..... Debemos darle al ojito (con el que antes desaparecimos la capa) concorde al cuadro de animacion.... P. Ej: si es la capa 1, seleccionamos el cuadro de Animacion 1 y le damos al Ojito











Como ven, la imagen se reproduce en todos los cuadros, lo cual no importa.

Ahora selecionamos la capa 2 y el cuadro de Animacion 2 y hacemos lo mismo (le damos al ojito)







Como ven, la capa ahora solo se refleja en el cuadro, esto es por que la base que tiene es la imagen de la capa 1

Ahora los hacemos con la capas y cuadros de animacion subsiguientes, siempre cuidando que correspondan ambos en su orden (capa 3, cuadro 3)







Hasta que lo hagamos con todos y cada uno de los cuadros y capas...

Ahora debemos irnos a la opcion de debajo del primer cuadro y le daremos infinito 











9)- Es Tiempo de Darles su tiempo de Transicion entre Imagenes, para eso nos vamos en la flechita negra a la par del 0s







Aqui le Daremos un tiempo suficiente como para que se pueda leer el texto.... Yo le dare 10,0 (10 segundos), aunque tambien podemos perzonalizar el tiempo, en la parte que dice otro. El Tiempo ira en dependencia del tipo de Gif.







Para ver si el tiempo es suficiente, le damos en Play, en la parte de Abajo de la barra 







10)- Cuando sintamos que ya esta listo procedemos a Guardarlo. Nos vamos a Archivo-Guardar para Web y Dispositivos







Nos Aparecera un Cuadro como el Siguiente, lo que debemos hacer es darle donde Dice JPG y Cambiarlo a Gif(para que sea un Autentico Gif) 











Luego nos Vamos donde Dice Porcentaje, y le damos un valor entre 25 y 50 





y le damos a guardar..... pero ¡ALTO!!!! Todavia no lo guardes.... Fijate en el fondo del cuadro de guardado como quedo ajustado el gif



Si te gusta el Tamaño, procede a guardar, si no, regresa y cambia el porcentaje



Y............... Luego de Taaaaanto esfuerzo, este es el Resultado!!!!!!!!!!!!!







Bueno mis Amigos Taringueros, los dejo con mi Pequeño Re-Make, siempre pueden consultarme, y si quieren siganme!!!! es Gratis!!!!!!!!!!!!!!!!!!!



Mañana hare la 2da parte en la cual les enseñare a hacerlo con imagenes sueltas



Sin mas que Agregar, nos Vemos!!!!!!!!!!!!!!!!!!!!!!!
0No comments yet