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

En este tutorial de máscara de recorte, aprenderás a crear diseños de fotos personalizados, así como una tipografía bastante genial. Ambas cosas pueden ser útiles para crear publicaciones de blogs y diseños que se vean profesionales, coherentes y únicos. Este tutorial es tan fácil como parece, ¡así que creo que lo disfrutarás! Si no tienes Photoshop, puedes descargar una versión de prueba gratuita de 30 días en su sitio web, que en realidad te permite probar TODO el software de Adobe.

Como estoy cubriendo dos formas en las que puedes usar máscaras de recorte o clipping masks hoy (diseños de fotografías y tipografía), este tutorial se dividirá en dos partes.

Ahora, vamos a comenzar:

TUTORIAL #1: USO DE MÁSCARAS DE RECORTE PARA TIPOGRAFÍA

Paso uno: crea un nuevo documento en Photoshop. Si tu documento va a ser utilizado en la web, recomiendo establecer la resolución en “72”. A continuación, escribe tu palabra (s). Elegí “HOLA” para simplificar, pero también puedes utilizar este tutorial para encabezados de blog, como texto para colocar en la parte superior de las fotos en los posts, etc.

How to Create a Clipping Mask in Photoshop (And Why Bloggers Will Love It!)

Paso dos: crea una nueva capa EN LA PARTE SUPERIOR de tu capa de texto. Puedes crear una nueva capa yendo a Layer >> New >> Layer (en el menú superior) o haciendo clic en la cosa que parece un pedazo de papel al lado del bote de basura en la parte inferior derecha de tu panel de capas. Tu nueva capa estará en blanco (blanco). Entonces, puedes dibujar lo que quieras en esa nueva capa. Elegí dibujar algunos garabatos coloridos usando la herramienta Pincel.

How to Create a Clipping Mask in Photoshop (And Why Bloggers Will Love It!)

Paso tres: asegúrate de que tu nueva capa esté resaltada en el panel de capas (como la mía). Luego, ve a Layer >> Create Clipping Mask. Un atajo consiste en pasar entre las dos capas (en el panel de capas) con el cursor mientras mantiene presionada la tecla de opción (en una Mac). Verás una pequeña flecha emergente y cuando hagas clic, creará una máscara de recorte.

How to Create a Clipping Mask in Photoshop (And Why Bloggers Will Love It!)

Paso cuatro: ¡admira tu trabajo badass!

How to Create a Clipping Mask in Photoshop (And Why Bloggers Will Love It!)

Alternativamente, en lugar de crear una nueva capa en el paso dos, puedes arrastrar una foto u otro gráfico sobre tu texto (solo asegúrese de que esté en la parte superior de su texto en el panel de capas). En el siguiente ejemplo, arrastré una imagen dorada brillante en mi documento. Luego, cuando crees una máscara de recorte, tus palabras tomarán el efecto de la imagen que estás usando, ¡lo que hace que mis palabras se vean doradas!

How to Create a Clipping Mask in Photoshop (And Why Bloggers Will Love It!)

 

TUTORIAL #DOS: EL USO DE MÁSCARAS DE RECORTES PARA PERSPECTIVAS FOTOGRÁFICAS PERSONALIZADAS

En este tutorial, aprenderás cómo hacer un diseño de foto personalizado. Te mostraré cómo hacer una cuadrícula con cuatro imágenes cuadradas, pero puede usar este tutorial fácilmente para crear imágenes redondas, cuadrículas con más imágenes, etc.

Paso uno: usa la herramienta de rectángulo (en la barra de herramientas a la izquierda) para crear un cuadrado. No importa de qué color sea.

How to Create a Clipping Mask in Photoshop (And Why Bloggers Will Love It!)

Paso dos: crea tres cuadrados más. ¿Una manera fácil de hacerlo? Haz clic con el botón derecho en la primera capa de rectángulo y luego haz clic en “Duplicate Layer“. Esto creará una copia exacta de tu cuadrado, que luego puedes arrastrar al lado de la casilla original. Luego, puedes resaltar los dos primeros (en el panel de capas a la derecha) y hacer clic en “Duplicar capa” nuevamente y arrastrar esas dos nuevas copias hacia abajo, de modo que ahora tengas cuatro cuadrados de igual proporción y en la misma alineación.

How to Create a Clipping Mask in Photoshop (And Why Bloggers Will Love It!)

Paso tres: Arrastra una foto o imagen a tu documento. Esta foto tomará la forma del cuadrado que se encuentra ARRIBA en el panel de capas. La imagen a continuación es importante, porque notarás que mi imagen está arriba del cuadrado superior izquierdo en el panel de mis capas. Y está encima de ese cuadrado en el documento real.

Luego, al igual que el primer tutorial, ves a Capa >> Crear máscara de recorte. Debes seleccionar la capa SUPERIOR (es decir, la foto que desea recortar) al crear la máscara de recorte. Un atajo, como se mencionó anteriormente, es pasar el cursor entre las dos capas (en el panel de capas) con el cursor mientras mantiene presionada la tecla de opción (en una Mac). Verás una pequeña flecha emergente y cuando hagas clic, creará una máscara de recorte. La imagen debe cortarse para tomar las dimensiones del cuadrado. ¿Quieres mover tu imagen? Simplemente arrastra la capa de la foto hasta que la coloques en la posición que desees.

How to Create a Clipping Mask in Photoshop (And Why Bloggers Will Love It!)

Paso cuatro: haz lo mismo con todos tus otros cuadrados hasta que hayas creado tu diseño. A menudo creo diseños como este y luego los guardo como plantillas en mi ordenador, para poder reutilizarlos para futuras publicaciones de blog. Puedes ver un ejemplo de una publicación de blog que hice recientemente donde utilicé una máscara de recorte para crear fácilmente 20 diseños de fotos…

How to Create a Clipping Mask in Photoshop (And Why Bloggers Will Love It!)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *