Comunidad de diseño web y desarrollo en internet online

Cómo crear un puzzle a partir de una imagen en Photoshop

En este tip explicaremos cómo hacer que una imagen bitmap cualquiera quede enmarcada entre las piezas de un puzzle. Este efecto lo ya lo vimos anteriormente en este tip de Teseo, pero en esa ocasión se hizo dinámicamente en Flash y aquí lo haremos manualmente en Photoshop.

Los pasos que debemos seguir son los siguientes:

Paso 1


Creamos un nuevo lienzo, el que utilicé para este tip fue de 20 x 15 cms

Paso 2


Abrimos una imagen cualquiera que es la que vamos a convertir en fichas de puzzle, y otra imagen que son las fichas como tal, las mías son las siguientes (ambas del mismo tamaño):



En caso de que se quiera aplicar a una imagen más grande, lo que hay que hacer es copiar la imagen del puzzle varias veces y unirlas para que quede una sola.

Paso 3


Luego, seleccionamos la imagen a transformar con Ctrl + A, luego la copiamos con Ctrl + C y la pegamos (Ctrl + V) en el nuevo lienzo que hemos creado. Lo mismo hacemos con la imagen del puzzle.

Paso 4


Seleccionamos la capa de la imagen del puzzle (en la imagen es la Capa 2) y le cambiamos el modo de fusión que tiene por el de “Diferencia” con una opacidad del 50%, tal como se ve en la imagen a continuación:



Paso 5


Ahora montamos la imagen del puzzle sobre la que queremos convertir, quedando de la siguiente manera:



Y combinamos las dos capas que tenemos, o sea la de la imagen con la del puzzle, para ello se seleccionan las dos capas, le damos clic derecho sobre ellas y escogemos la opción “Combinar Capas”.



Paso 6


Ahora para separar las piezas del puzzle, lo que debemos hacer primero que todo es seleccionar la imagen resultante y damos en clic en la Herramienta Lazo.

Paso 7


Con la tecla ALT oprimida, con clic sostenido vamos seleccionando la ficha que queramos recortar del puzzle, luego de que esté totalmente seleccionada la ficha soltamos el clic y hacemos clic en la Capa donde está la imagen (en mi caso Capa 2) y de ahí la cortamos (Ctrl + X), creamos una nueva capa y pegamos el recorte en esa capa, quedando de la siguiente manera:



La primera imagen es la foto ya recortada y en la segunda imagen se aprecia que la nueva capa (capa 1) tiene la ficha que recorté y pegué. El procedimiento mencionado en el paso 7 se realiza para cada una de las fichas que queramos sacar del puzzle.

¡Y listo! Eso es todo el procedimiento, luego de recortar las fichas las podemos rotar y aplicar los demás efectos existentes. Mi resultado final es el siguiente:



¡Saludos y Éxitos!

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate