Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Effects

Cómo crear un efecto de fotografía recortada en Photoshop

by
Read Time:5 minsLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial, crearemos un efecto de fotografía recortada en Photoshop usando una máscara de recorte. Aprenderás cómo elaborar una máscara en Photoshop para hacer tus propios efectos fotográficos similares al descrito.

Este efecto es parte del paquete de Acción de Photoshop fotografía recortada de mi portafolio en Envato Market. Si buscas geniales acciones de Photoshop para efectos fotográficos, debes probar este.

Cut Photo Photoshop ActionCut Photo Photoshop ActionCut Photo Photoshop Action
Acción de Photoshop fotografía recortada

Recursos del tutorial

Usarás los siguientes recursos para crear este genial efecto fotográfico en Photoshop:

1. Agrega el fondo de textura de madera

Paso 1

Crea un nuevo documento en Photoshop. El tamaño del lienzo es de 850 x 600px, y la resolución de 72 ppp.

Paso 2

Aplica Archivo > Colocar y abre la imagen de fondo de textura de madera en Photoshop.

Wood BackgroundWood BackgroundWood Background

2. Cambia el color del fondo de textura de madera

Este paso es opcional. Pero si quieres cambiar el color de la textura de madera, agrega una capa de ajuste de Corrección Selectiva.

Selective Color AdjustmentSelective Color AdjustmentSelective Color Adjustment

3. Agrega tu foto

Paso 1

Agrega tu foto en una nueva capa.

Romantic Couple Stock ImageRomantic Couple Stock ImageRomantic Couple Stock Image

Paso 2

Presiona la combinación de teclas Control-T para redimensionar la imagen. Mantén presionada la tecla Mayúsculas para mantener la relación de aspecto.

Resize Image in PhotoshopResize Image in PhotoshopResize Image in Photoshop

4. Agrega un borde en Photoshop

Paso 1

Presiona las teclas Mayúsculas-Control-N para crear una nueva capa debajo de la capa de la foto y nómbrala Border (borde).

Create a New LayerCreate a New LayerCreate a New Layer

Paso 2

Usa la Herramienta Rectángulo para dibujar un rectángulo. El color que usé para el borde es #f7f7f7.

Add Border in PhotoshopAdd Border in PhotoshopAdd Border in Photoshop

Otro método que puedes usar para crear un borde alrededor de una foto es añadir un estilo de capa Trazo a la capa de la Imagen.

Utiliza estos ajustes: tamaño 20 px, posición Interior, opacidad 100%, modo de fusión Normal, tipo de relleno Color, el color es #f7f7f7. La desventaja es que pierdes 20px (el tamaño del borde) de tu imagen.

Paso 3

Para asegurar que estén alineadas la capa de la Imagen y la capa Border (borde), selecciona las dos capas y haz clic en Alinear centros verticales y Alinear centros horizontales.

Align Centers in PhotoshopAlign Centers in PhotoshopAlign Centers in Photoshop

5. Combina capas en Photoshop

Selecciona la capa de la Imagen y la capa Border, como en el paso anterior, y presiona las teclas Control-E para combinar las dos capas.

También puedes dar clic derecho en las capas y elegir Combinar capas.

Merge Layers in PhotoshopMerge Layers in PhotoshopMerge Layers in Photoshop

6. Crear una forma de papel recortado

Paso 1

A fin de crear el efecto de fotografía recortada, tenemos que elaborar una máscara para la imagen.

Toma la Herramienta Pluma y dibuja una forma. Para dibujar formas con la Herramienta Pluma, solo haz clic en el lienzo para agregar puntos de ancla.

Use The Pen Tool in PhotoshopUse The Pen Tool in PhotoshopUse The Pen Tool in Photoshop

Paso 2

Crea otra forma utilizando la Herramienta Pluma.

Create a Shape with Pen ToolCreate a Shape with Pen ToolCreate a Shape with Pen Tool

Paso 3

Agrega otra forma de papel recortado.

Paper Cut Shape in PhotoshopPaper Cut Shape in PhotoshopPaper Cut Shape in Photoshop

Paso 4

Usando la misma técnica, agrega otras formas de papel recortado para cubrir toda la imagen.

He agregado ocho formas de papel recortado en ocho capas separadas. Puedes hacer tantos recortes como quieras y con la forma que gustes.

Cut Up PaperCut Up PaperCut Up Paper

7. Edita las formas en Photoshop

Las formas que hicimos son vectoriales, así que puedes editarlas fácilmente.

Usa la Herramienta Convertir Punto de Ancla para editar una forma. Haz clic en el punto de ancla que quieres mover y usa las teclas de flechas para moverlo.

En este caso, si modificas una forma, también tienes que modificar la forma que se encuentra junto a ella.

Edit Shapes in PhotoshopEdit Shapes in PhotoshopEdit Shapes in Photoshop

8. Duplica capas en Photoshop

Ve a la capa de la Imagen y presiona las teclas Control-J para hacer siete copias de la capa de la imagen. Debes tener un número igual de capas de Imagen y de capas de Formas.

Duplicate Layers in PhotoshopDuplicate Layers in PhotoshopDuplicate Layers in Photoshop

9. Cómo crear una máscara de recorte en Photoshop

Paso 1

Mueve cada capa de Imagen frente a una capa de Forma. Utiliza Arrastrar y Soltar para mover las capas.

Move Layers in PhotoshopMove Layers in PhotoshopMove Layers in Photoshop

Paso 2

Para crear el efecto de recorte en Photoshop, vamos a usar la(s) capa(s) de Forma como una máscara para la(s) capa(s) de Imagen.

Con ello en mente, vamos a cada capa de Imagen, haz clic derecho, y elige Crear Máscara de Recorte.

Create Clipping Mask in PhotoshopCreate Clipping Mask in PhotoshopCreate Clipping Mask in Photoshop
Clipping Mask in PhotoshopClipping Mask in PhotoshopClipping Mask in Photoshop

10. Agrega un estilo de capa en Photoshop

Ve a la capa Shape 1 (forma 1) y agrega este estilo de capa:

  • Sombra Paralela (color #000000)
  • Sombra Interior (color #f8f8f8)
Drop Shadow in PhotoshopDrop Shadow in PhotoshopDrop Shadow in Photoshop
Inner Shadow in PhotoshopInner Shadow in PhotoshopInner Shadow in Photoshop

11. Copia el estilo de capa en Photoshop

Paso 1

Da clic derecho en la capa Shape 1 (forma 1) y elige Copiar Estilo de Capa.

Copy Layer Style in PhotoshopCopy Layer Style in PhotoshopCopy Layer Style in Photoshop

Paso 2

Mantén presionada la tecla Control y haz clic en las capas de Forma una por una, para seleccionarlas todas.

Select Layers in PhotoshopSelect Layers in PhotoshopSelect Layers in Photoshop

Paso 3

Da clic derecho en las capas y elige Pegar Estilo de Capa.

Paste Layer Style in PhotoshopPaste Layer Style in PhotoshopPaste Layer Style in Photoshop

12. Crea el efecto de fotografía recortada en Photoshop

Paso 1

Con el objetivo de hacer más realista el efecto de fotografía recortada, vamos a mover las piezas del papel recortado.

Para ello, selecciona una capa de Forma y su capa de Imagen. Presiona las teclas Control-T para rotarla y moverla.

Transform and Rotate Layer in PhotoshopTransform and Rotate Layer in PhotoshopTransform and Rotate Layer in Photoshop

Paso 2

Repite el proceso con todas las piezas de papel cortado hasta que obtengas un resultado realista.

Cut Paper in PhotoshopCut Paper in PhotoshopCut Paper in Photoshop

¡Felicidades! ¡Terminaste!

En este tutorial, aprendiste a crear este efecto de fotografía recortada utilizando Photoshop. Es un efecto especial para una imagen que me agrada usar en mis diseños. Espero que hayas disfrutado este tutorial.

Cut Up Photo Photoshop EffectCut Up Photo Photoshop EffectCut Up Photo Photoshop Effect

Este efecto es parte del paquete de Acción de Photoshp fotografía recortada de mi portafolio en Envato Market.

Cut and Slice Photo Effect PhotoshopCut and Slice Photo Effect PhotoshopCut and Slice Photo Effect Photoshop
Acción de Photoshop para efecto de fotografía recortada y segmentada

¿Buscas más fenomenales tutoriales de Photoshop? Consulta otros de mis tutoriales:


Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads