GIF 3D con Photoshop

GIF 3D con Photoshop ¡Buenas Taringos! Con este post les voy a mostrar mi método para hacer gifs "3D". No son exactamente 3D los GIFs, obviamente, pero dan una sensación de que hay un objeto o persona que sobresale del resto de la imagen. Si conocen Tumblr, entonces sabrán que al postear un photoset (conjunto de imágenes), cada una queda separada por una línea blanca de 10 píxeles. Con este método de GIF 3D, lo que hacemos es simular que estamos posteando un photoset, pero en realidad es una sola imagen, ya que las lineas blancas las incluimos nosotros. Es un proceso que necesita paciencia, pero al final vale la pena. Antes de empezar el Tutorial, asumo que ya sabés hacer un GIF y que tenés todo lo necesario. De lo contrario, te recomiendo que pases por mi Tutorial para hacer gifs. Yo hice este GIF y ahora lo quiero convertir en 3D: Entonces, abrimos el GIF que queremos "tridimensionar" en Photoshop, de forma que te queden todos los cuadros y las capas, ya que vamos a trabajar con eso. Es recomendable que el GIF tenga 500px de ancho. (abrir imagen en otra pestaña para verla en tamaño completo) Ahora copiamos esta imagen y la pegamos en un archivo nuevo de photoshop: Por lo tanto, nos va a quedar en otra pestaña. Esa pestaña con la imagen de las dos lineas blancas la arrastramos hacia cualquier lugar. Luego tomamos la capa y la arrastramos al archivo con el GIF. (abrir imagen en otra pestaña para verla en tamaño completo) Nos aseguramos que la capa que acabos de arrastrar este en primer lugar, por encima de todas las otras, asi nos va a quedar esa imagen de fondo negro con lineas blancas superpuesta a todo el GIF. Con la herramienta varita mágica, hacemos click sobre una de las lineas blancas, y asi quedara seleccionada (se va a ver punteada). Luego hacemos click secundario sobre la otra linea y clickeamos la opcion "añadir a seleccion", y asi vamos a tener las dos lineas seleccionadas. Ahora, con las dos lineas ya seleccionadas, clickeamos el icono del ojo que tiene al lado la capa con las dos lineas. Con esto, hacemos que la capa sea invisible, pero aun asi tenemos las lineas seleccionadas. Ahora vamos a usar la herramienta borrador: Nos aseguramos que este seleccionado el cuadro 1 y la capa 1. Las lineas siguen punteadas, por lo tanto, al usar el borrador solamente se va a borrar lo que este dentro de esa zona seleccionada. Borramos todas las partes donde queremos que se vean las lineas. Luego de hacer esto, pasamos a seleccionar el cuadro 2 y la capa 2 y hacemos lo mismo. Luego el cuadro 3 y capa 3 y asi sucesivamente. Como les dije antes, es un proceso bastante tedioso y requiere de mucha paciencia. Cuando terminamos de borrar las partes que queremos que se vean las lineas en todos los cuadros y capas, vamos al menu Seleccion - Deseleccionar ( o presionamos Ctrl + D ). Luego de esto creamos una nueva capa y la colocamos debajo de todas las demas. Esta capa la rellenamos con color blanco (con la herramienta bote de pintura), y nos aseguramos que sea visible en todos los cuadros. Ahora, gracias a esto, las lineas no son transparentes sino blancas. Si queremos que las lineas sean de otro color, en vez de rellenar la capa con blanco la rellenamos con el color que quieramos. Procedemos a guardar el GIF como una imagen animada, es decir, menu Archivo - Guardar para Web y dispositivos. Finalmente, a mi me quedo asi: |