A3 copiseny photopea blog
Máscaras en Photopea. Descubre todo su potencial

Lluís P.
Diseñador gráfico

Descubre el enorme potencial que ofrecen las máscaras como elemento de composición NO destructivo. El concepto es exactamente el mismo para la mayoría de programas de edición de imagen, tanto estática como dinámica.
Máscaras en Photopea. Descubre todo su potencial

Simbología:
▲ imagen superior
▼ imagen inferior
color remarcado imagen superior
color remarcado imagen inferior
Ctrl = Tecla Control
Shif = Tecla de mayúsculas provisional

Haz clic aquí para acceder a la fotografía de pixabay utilizada en el ejemplo del vídeo.

Una de las principales ventajas de utilizar máscaras en Photopea es la capacidad de preservar intacta la capa original sobre la que actúan. Es decir, nos permiten ocultar/mostrar porcentualmente áreas concretas de una capa o aplicar efectos y filtros a zonas específicas, siempre de forma NO destructiva.

Por ello resulta imprescindible conocer a fondo su funcionamiento si queremos elevar nuestra habilidad en la edición de imagen.

Las máscaras se sitúan a la derecha de las capa (o carpetas) afectadas y aparecen como un pequeño rectángulo que muestra su contenido.

mascara opacidad photopea

Cada capa –en modo de fusión Normaltiene un nivel de Opacidad que podemos ajustar, el 100% la hace completamente opaca y el 0% la convierte en transparente. Entre ambos valores tenemos un amplio rango para variar el nivel de opacidad, sin embargo este porcentaje afecta uniformemente a la capa entera.

Bien, pues básicamente una máscara de pixel es una imagen en escala de grises que actúa sobre una capa (o carpeta) como un canal de opacidad variable y selectivo, donde el color blanco opacará por completo (100%) preservando la imagen, y el negro hará lo opuesto (0%), es decir trasparentará sobre cualquier capa ubicada en niveles inferiores. Toda la gama de grises entre el blanco y el negro actuará como un porcentaje de opacidad variable, como puedes ver en el ejemplo.

mascara photopea photoshop pixel

Y ahora te mostramos como se ve el ejemplo anterior en el panel de capas de Photopea.

mascara degradado photopea

El ícono de la cadena entre la capa y la máscara, las vincula, de modo que ambas responderán simultáneamente a los controles de transformación de la herramienta Mover. Podemos activar o desactivar el enlace haciendo clic sobre él.

Para añadir una máscara a la capa seleccionada simplemente haz clic sobre el ícono de la zona inferior del panel de capas. Aparecerá una cadenita y un recuadro en blanco al lado de la miniatura de la capa seleccionada.

añadir mascara photopea

Si previamente no existía una selección, no vas a notar cambio alguno en tu diseño pues la máscara añadida será completamente blanca y por lo tanto su opacidad del 100%.

Ahora, con la máscara seleccionada puedes utilizar herramientas de pintura, relleno, degradado, selecciones o filtros como lo harías en cualquier capa de píxel, con la diferencia que aquí solo puedes utilizar blanco, negro y toda la gama de grises entre ambos. Verás que aunque selecciones un color, Photopea lo convertirá a un gris aproximado siempre que selecciones una máscara.

Adicionalmente existe una paleta con opciones específicas para las máscaras. La encontrarás haciendo clic en el ícono de la columna1 + pestaña Propiedades2 + subpestaña Máscara3.

mascara propiedades photopea

En las opciones podrás modificar: La Densidad que viene a ser la opacidad global de la máscara (funciona igual que la opacidad de las capas). Calar que aumenta la gradación entre blancos y negros (parecido a un efecto de desenfoque), y por último el botón Invertir, que como su nombre indica invierte la mascara intercambiando claros y oscuros.

Para finalizar, veamos ahora los atajos de teclado imprescindibles para trabajar eficientemente con máscaras.

Si sostenemos Shift y hacemos clic sobre la máscara, aparecerá una X en el recuadro y se ocultará la mascara y su efecto. Si repetimos, la mostraremos de nuevo.

ocultar mascara photopea

Control + clic creará una selección a partir de la máscara que por ejemplo podríamos utilizar en otras capas. Esta función nos recuerda que podemos utilizar las máscaras como una forma de guardar complejas selecciones, pues las mismas se pierden al guardar un documento.

seleccion-mascara-photopea

Alt + clic aislará la máscara de modo que la veremos como una imagen en escala de grises y que podremos editar. Si repetimos el atajo o hacemos clic en cualquier capa excepto en la máscara, regresaremos a la vista normal.

aislar-mascara-photopea

Y hasta aquí la introducción a las máscaras, en un próximo vídeo artículo veremos como añadir una mascara de recorte a una de píxel y también el comportamiento independiente de la función de enlace de las máscaras.

Espero que ahora tengas mucho más claro en qué consisten las máscaras y en consecuencia veas el enorme potencial que abren. Utiliza los comentarios si tienes cualquier duda al respecto o simplemente dar tu opinión.

Si te gusta este contenido y quieres ayudarnos para que le demos continuidad, ¡compártelo! y suscríbete a nuestro Canal de Youtube. ¡Gracias por tu apoyo!

Por supuesto, si tienes cualquier duda al respecto te invitamos a dejar tu comentario aquí abajo o en el vídeo de Youtube.

0 comentarios

Enviar un comentario

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

Consigue la guía rápida con los atajos de Photopea… ¡Gratis!

guia photopea atajos teclado español

Productos destacados

abanico-cocktails-camping

Abanicos Personalizados

Deja que tu marca refresque el aire con nuestros abanicos personalizados. ¡Descarga la plantilla y comienza a diseñar!

mascaras-caretas-personalizadas

Máscaras y Caretas Personalizadas para Fiestas y Eventos

¡Prepárate para crear recuerdos inolvidables y muchas risas!

mascaras-caretas-calaveras-mexicanas

Máscaras y Caretas de Calaveras Mexicanas

¡Bienvenidos al Carnaval con la esencia de la tradición mexicana!

tarjeta-mesa-invitado

Tarjetas de Mesa Personalizadas para Ocasiones Especiales

¡Sorprende a tus invitados con un toque personalizado!

pegatina-regalo-aniversario

Etiqueta adhesiva personalizada sobre papel Cottage Premium White

Personaliza tus regalos y celebraciones con estilo.

etiqueta vino celebracion boda

Expresa tu aprecio y agradecimiento con la etiqueta Vintage Love

Esta etiqueta añadirá un toque elegante y sofisticado a tus botellas. Personaliza y sorprende a tus seres queridos con un regalo único.

pegatinas-transparentes-personalizadas

Pegatinas transparentes personalizadas

Explora el increíble potencial de las pegatinas personalizadas transparentes.

calendario-faldilla-personalizado-empresas

Calendario Faldilla Personalizado

Pon tu empresa o tienda en el hogar de tus potenciales clientes durante 365 días. Precio promocional hasta final de noviembre

etiquetas personalizadas

Etiquetas adhesivas (colocación manual)

Por fin adhesivos con formas irregulares y en pequeñas cantidades.

Cómo crear Texto en Curvas con Photopea paso a paso

Cómo crear Texto en Curvas con Photopea paso a paso

¿Sabes cómo curvar texto en Photopea como un profesional?
Te enseñamos cómo vincular texto a una curva en Photopea y hacer que fluya a lo largo de su forma. Te desvelamos algunas funciones ocultas de esta potente herramienta de edición gráfica. ¡Prepárate para ampliar tus habilidades!

leer más
Edición de texto en Photopea: Carácter y formato

Edición de texto en Photopea: Carácter y formato

La paleta Carácter es fundamental para la edición de texto en Photopea. Con ella, puedes personalizar y ajustar el aspecto del texto en tus diseños. El texto desempeña un papel crucial en la comunicación visual, ya sea en un logotipo, un cartel o cualquier otro tipo de diseño gráfico. Por eso, conocer las funcionalidades y posibilidades que ofrece la paleta Carácter te permitirá obtener resultados más profesionales y atractivos.

leer más
Texto en Photopea: Herramienta y tipos de texto

Texto en Photopea: Herramienta y tipos de texto

En este artículo te mostramos cómo crear y editar textos en Photopea, un editor de gráficos en línea gratuito. Con estos simples pasos, podrás crear diseños únicos y personalizados para tus proyectos. Sigue leyendo para descubrir cómo.

leer más
Empezando con Photopea

Empezando con Photopea

Damos los primeros pasos para entender las características básicas cuando empezamos un nuevo proyecto y también a gestionar los archivos.

leer más