Cristalab

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

Por: Blackdragon + 02.11.2007

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!

Etiquetas photoshop

Comentarios | Enviar un comentario
:O

Genial, muy buen tip man Thumbs up
Por: Jatrix13
Que buen tip Guiño
Por: jacri
Esto seguramente lo necesten muchos!
Muen Tip
Por: pabletein_blog
Enhorabuena, buen tip Guiño .

Este es el primero que edito miau
Por: Zah
que buen tip esta bastante bueno para hacer juegos en flash de rompecabezas como decimos aqui en guate buena nota
Por: marlon_blog
Wao!!! que buen tip!!! gracias!!
Por: Jackeline_blog
mui bueno
Por: franklin_blog
que bueno aser un pizzle
Por: chica_blog
eres muy bueno explicanod yo soy la qu no entendi m¿dond e encuentro la imagen de puzle
Por: rosy_blog
Buenas tardes,

Gostaria de saber como posso fazer, imprimir e recortar o meu convite de casamento em forma de puzzle.

Se eu vos mandar o texto vocês conseguem fazer.

aguardo vossa informação.
Por: Camila Gomes _blog
Shock WHAT?

necesitamos la ayuda de fento para traducir tan raro idioma U_U

Oye Camila... si entiendes esto.... las preguntas van en un tema nuevo...
Por: tribak
muy bueno el tips pero necesito ayuda donde encuento o como hago puzzle.

gracias
Por: karitania_blog
miren kiero saber alguna pagina para hacer eso como porfavor digame añlguna plis plis
muxas gracias espero noticias
Por: Interesante_pregunta
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.