Introducción y espacio de trabajo

Hola a todos, bienvenidos a este tutorial, mi nombre es Ed y les mostraré cómo enmascarar y recortar en Clip Studio Paint usando la máscara de capa, la máscara rápida, los marcos vectoriales, el texto y el Clip a la capa a continuación. También verá cómo usar el brillo para crear selecciones para máscaras.

 

NOTA: Este tutorial se escribió originalmente en inglés para la versión 1.9.4 de Clip Studio Paint.

 

▼ Puede descargar el espacio de trabajo que voy a utilizar en este tutorial desde los enlaces a continuación.

 

 

 

Así que sin más preámbulos, ¡comencemos!

 

1. Explorando funciones para enmascarar y recortar

Clip Studio Paint ofrece varias funciones que pueden funcionar para enmascarar y recortar. Voy a tratar de clasificarlos en 3 categorías. Esta clasificación se basará en cómo puedes hacer la edición.

 

▲ [1] Píxeles. [Máscara de capa] y [Máscara rápida] se pueden editar o modificar mediante píxeles. Puede usar diferentes herramientas para selecciones o pinceles para crear o editar este tipo de máscaras. Puede pensar en [Bloquear píxeles transparentes] para esta categoría, pero los cambios con esa función son permanentes, por lo que no los incluiré aquí.

 

▲ [2] Vectores. [Frame Border Folder] están diseñados para contener las imágenes o dibujos de cómics. No puede editar marcos con herramientas de píxeles, pero puede modificar los bordes y formas de dibujo con herramientas de marco que funcionan como vectores.

 

▲ [3] Píxeles y vectores o "Pixtors" (título provisional). [Recortar a capa a continuación] es una función que puede funcionar tanto con píxeles como con capas vectoriales. También puede usar [Modos de fusión] para ocultar áreas de manera similar a usar una máscara.

 

2. Dibuja bocetos en diferentes marcos

Voy a dibujar 4 bocetos rápidos para explorar diferentes composiciones y estilos. Primero cree un nuevo documento [Lienzo] ancho 1920 px × 1080 alto px- [resolución] 72 con un papel blanco.

 

 

[1] En [Capa> Nueva capa> Carpeta de borde de marco] cree una nueva carpeta de marco sin borde de dibujo. Luego llene una capa de píxeles con un gris claro y colóquela dentro de la carpeta del marco.

 

[2] Puede editar lo que está visible seleccionando la carpeta del marco y con la herramienta [Objeto] seleccionada (acceso directo O) mueva los puntos azules para cambiar el tamaño del marco. Verá un área azul-violeta que indica lo que no es visible. Si no desea ver el área de la máscara, puede desactivar el icono en la paleta [Capa] o hacer clic sobre el icono de la capa de máscara mientras mantiene presionada la tecla ALT.

 

[3] Ahora con la carpeta seleccionada, creemos 4 cuadros de [Capa> Marco de regla> Dividir el borde del cuadro por igual]. Puede elegir el número de divisiones que desee. Voy a elegir 2 para vertical y 2 para horizontal y capa duplicada.

 

[4] Puedes editar los cuadros simultáneamente si lo deseas. Asegúrese de que esté seleccionado [Ajustar a otros bordes del marco] y [Mantener los canales alineados] en Todos. Ahora seleccione uno de los cuadrados amarillos (cambiará a rojo) y muévalo como desee. Puede seleccionar una de las capas dentro de las carpetas y comenzar a dibujar los bocetos sin preocuparse por los márgenes.

 

IMPORTANTE: asegúrese de que Ajustar a regla esté desactivado para evitar un ajuste inesperado mientras dibuja. También puede elegir no mostrar las reglas de las carpetas de marcos desde la paleta [Capa].

 

▼ Aquí están mis bocetos. Puede guardarlos como archivos JPG y usarlos como guía para dibujar sus líneas limpias.

 

3. Dibujo lineal y capas de máscara

¡Es hora de dibujar las líneas! He elegido las 2 opciones de la parte superior para explorar diferentes estilos. Voy a crear un nuevo documento [Canvas] A5 para cada boceto. Puede usar la [Vista secundaria] para ver los bocetos. También puede colocar los bocetos en una capa debajo y disminuir la opacidad.

 

■ Prefiero usar capas vectoriales para dibujos lineales. Puede usar tantas capas como desee para diferentes partes del dibujo y colocarlas dentro de una Carpeta de capas. Por ejemplo, una capa para los ojos, otra para el cabello, los labios, etc. Si está utilizando mi [Espacio de trabajo], puede seleccionar las capas y presionar CTRL + G para [Crear carpeta e insertar capa].

 

▲ He usado dos pinceles de textura para dibujar las líneas. Asegúrese de mantener las líneas separadas del papel blanco o del fondo.

 

Si desea hacer sus propios pinceles de textura, puede consultar el siguiente enlace ▼

 

 

 

Ahora voy a agregar reflejos en el ojo y hacer divisiones en la ceja (como en los bocetos). Podrías usar la herramienta de borrado, pero te recomendaré que uses una máscara de capa.

 

 

[1] Seleccione la capa y cree una Máscara de capa desde [Capa> Máscara de capa> Selección de máscara] o haga clic sobre el icono de Máscara en la paleta Capa. Verá una miniatura de máscara en blanco que indica que todo está visible.

 

 

[2] Con la Máscara seleccionada (línea de doble fotograma en miniatura), pintar con cualquier pincel con transparencia (acceso directo C). Verá que las áreas no visibles son negras en la miniatura de la máscara.

 

 

[3] Si ocultas demasiado puedes pintar (con la Máscara seleccionada) con cualquier color (atajo X) para que las líneas y los pinceles sean visibles nuevamente. Verá las áreas visibles en blanco en la miniatura.

 

 

NOTA: El uso de máscaras en lugar de la herramienta borrador le permite mantener una línea vectorial intacta y editable.

 

▼ Aquí están los dibujos lineales de los bocetos.

 

4. Máscara rápida y carpeta de capas

 

Una forma rápida de hacer selecciones que puede usar para las máscaras es usar [Máscara rápida]. Creemos un acceso directo para que pueda cambiar fácilmente entre la selección y el modo de máscara rápida.

 

 

▲ Desde [Archivo> Configuración de acceso directo] Área de configuración: Menú principal - Agregue un acceso directo a [Máscara rápida]. He asignado el acceso directo "Q" que es un acceso directo común en las aplicaciones de edición de fotos.

 

Ahora voy a usar una máscara rápida para ocultar las esquinas del dibujo.

 

[1] Asegúrese de tener su dibujo lineal en una Carpeta de capas separada del fondo blanco.

 

 

[2] Seleccione un pincel y presione “Q” o desde [Seleccionar> Máscara rápida] y comience a pintar con cualquier color (acceso directo X). Verá una Capa de máscara rápida (temporalmente) al 50% de la opacidad. Por defecto, el color rojo indica la selección que está creando. Puede cambiar el color desde la paleta [Propiedad de capa]. También puede usar la herramienta Borrador o pintar con transparencia (acceso directo C) para eliminar áreas de la selección.

 

 

[3] Una vez realizada la selección, presione “Q” o desde [Seleccionar> Máscara rápida]. Ahora puede editar la selección con los iconos para ajustar la selección o desde el menú [Seleccionar]. Si desea volver al modo [Máscara rápida], presione “Q” nuevamente y use los pinceles o el borrador para editar la selección.

 

 

[4] Puede guardar selecciones desde [Seleccionar> Convertir a capa de selección]. También puede colocar las selecciones que usará más adelante en una carpeta de capa separada.

 

 

[5] Con la Capa de selección seleccionada en la paleta [Capa] y desde [Seleccionar> Convertir capa de selección a selección], devuelve la selección (no es necesario que esté visible). Si desea editar la selección, puede cambiar de la selección al modo [Máscara rápida] (y viceversa) con el acceso directo "Q" creado al comienzo de este paso.

 

 

[6] Con la selección activa. Asegúrese de que el dibujo y el fondo blanco estén colocados dentro de una Carpeta de capas. Y con la carpeta Capa seleccionada, cree una nueva máscara para la carpeta con el icono [Máscara] o desde [Capa> Máscara de capa] Selección de máscara o Selección externa de máscara.

 

NOTA: Si comete un error, puede invertir la máscara con CRTL + I. Además, cuando hace clic sobre el icono de Máscara sin ninguna selección, creará una máscara blanca (todo visible), pero si presiona ALT + clic, creará un máscara negra (nada visible).

 

■ Ahora puede crear una nueva capa a continuación (llenarla con negro o cualquier color) fuera de la Carpeta de capas y notará las áreas que están ocultas con la máscara ▼

 

5. Recorte para colorear

 

Una forma rápida de colorear sin enmascarar es usar [Clip a la capa a continuación]. Puede usar esta función con capas individuales y carpetas de capas.

 

■ Asegúrese de que las líneas estén en una capa o carpeta de una capa sin fondo, solo las líneas. Cree una nueva capa Ráster sobre las líneas y haga clic sobre [Recortar a capa debajo] en la paleta [Capa].

 

 

Ahora puede usar pinceles o lápices y cualquier cosa pintada solo será visible dentro de las líneas. Las líneas debajo de la capa se comportarán de manera similar a una máscara. Aquí puede ver la capa con y sin recorte ▼

 

 

NOTA: La miniatura mostrará una línea vertical roja cuando use esta función. También puede usar [Recortar a capa a continuación] para colorear áreas más grandes como piel, ropa, cabello, paisajes, etc.

 

6. Recorte imágenes en capas de texto editables

 

Ahora usemos la función [Recortar a capa a continuación] para recortar una imagen con una (o más) capa de texto editable.

 

▼ Aquí hay una foto que tomé con mi cámara. Puede usar su teléfono celular o cualquier cámara que tenga.

 

 

Si no está familiarizado con la herramienta [Texto]. Puede encontrar algunos consejos en el siguiente enlace ▼

 

 

Organice sus capas como vimos en el paso anterior. Coloque la capa de texto (o carpeta de capas con texto dentro) debajo de la foto o imagen. Luego seleccione la imagen y haga clic sobre el icono [Recortar a la capa de abajo] en la paleta de capas.

 

 

▲ También puede usar esta función con una carpeta de capa. Arriba puede ver cómo utilicé una carpeta de capas con la imagen y las capas de corrección para aumentar el contraste y la saturación de la foto. Y en la carpeta de capas a continuación utilicé 2 capas de texto y una capa vectorial para la línea de pincel con textura.

 

7. Seleccionar y enmascarar imágenes

 

En este paso, le mostraré cómo crear una selección para enmascarar una rosa de una foto que tomé en un día lluvioso.

 

■ Dado que el color de la rosa es rojo igual que el modo [Máscara rápida], puede cambiar el color desde la paleta [Propiedad de capa]. Sin embargo, dado que las máscaras funcionan en blanco y negro (y grises), es una buena práctica visualizar las imágenes de manera similar.

 

[1] Duplique la foto y cambie el [Color de expresión] a Gris desde la paleta [Propiedad de la capa].

 

 

[2] Utilice [Capa de corrección] para aumentar el contraste. Esto te ayudará a tener una mejor visualización de la imagen. Puede usar la curva de tono, corrección de nivel, brillo / contraste. También puede editar la imagen permanentemente desde [Editar> Corrección tonal].

 

 

[3] Ahora, con la herramienta [Selección automática] (acceso directo W), puede hacer clic sobre la rosa y agregar más áreas manteniendo presionada la tecla MAYÚS mientras hace clic. Una vez que haya seleccionado un área grande, puede usar el modo [Máscara rápida] para completar la selección. Para los bordes, le recomiendo que use la herramienta [Aerógrafo].

 

 

[4] Una vez que tengas la selección, puedes ocultar o eliminar la capa gris. También puede suavizar la selección del borde desde [Seleccionar> Desenfocar borde]. Luego seleccione la capa de imagen (Color) y cree una [Capa de máscara] como vimos en los pasos anteriores.

 

8. Enmascaramiento con modos de fusión

 

En este paso voy a colocar la rosa en el ojo de los dibujos. Si desea aplicar la máscara que hicimos en el paso anterior, puede hacer clic derecho sobre el icono de la máscara y seleccionar [Aplicar máscara a la capa]. Entonces tendrá una imagen recortada con fondo transparente.

 

 

■ Algunos modos de fusión pueden ocultar áreas de manera similar a las máscaras. En este caso, voy a usar [Color más claro] para ocultar la rosa del fondo blanco. Si usa [Color más oscuro], ocultará la rosa de las líneas oscuras. Realmente te recomiendo que explores todos los modos de fusión para ver cómo puede afectar la imagen.

 

 

▲ Aquí puede ver las imágenes antes y después del modo de fusión [Color más claro]. Puede usar una [Capa de máscara] para ocultar las áreas que no desea que sean visibles.

 

9. Capas de corrección y máscaras de capa.

 

Una manera rápida y fácil de cambiar colores, agregar contraste y más es usar capas de corrección. Cuando cree una [Capa de corrección], creará automáticamente una capa de máscara junto con la nueva corrección.

 

■ Voy a crear varias capas de corrección para la rosa dentro del ojo del dibujo. Asegúrese de utilizar la función [Recortar a capa a continuación] para afectar solo la imagen de rosa y no todo el documento.

 

[1] Primero crea una [Curva de tono] desde [Capa> Nueva capa de corrección] o haz clic derecho sobre la paleta de capas. Aumente el contraste de la imagen y enmascare las áreas que no desea que sean visibles.

 

 

[2] Si desea que una foto se parezca más a una pintura, puede usar [Posterización] desde el mismo menú de corrección. También puede invertir la máscara y pintar sobre las áreas que desea que sean visibles.

 

 

[3] Para cambiar el color, puedes usar [Tono / Saturación / Luminosidad] y usar la máscara para explorar combinaciones de colores. Finalmente, puede usar una capa [Relleno] desde [Capa> Nueva capa] o hacer clic derecho sobre la paleta de capas.

 

 

▼ Así es como se ven mis dibujos hasta ahora.

 

10. Enmascaramiento basado en Brillo / Luminosidad

 

En este paso, voy a seleccionar las sombras (y algunos tonos medios) de una foto que tomé en otro día lluvioso para crear un efecto usando lo que hemos visto en los pasos anteriores sobre enmascaramiento y recorte.

 

■ Usando el brillo o la luminosidad de una imagen, puede seleccionar las sombras o los resaltados para editar solo esas áreas específicas. También puede usar la luminosidad para extraer partes de fotos y usarlas en otras imágenes, dibujos, etc.

 

[1] Primero cambie el [Color de expresión] a Gris desde la paleta [Propiedad de capa] y asegúrese de tener una imagen contrastada. Puede editar la imagen permanentemente desde [Editar> Corrección tonal]. También puede usar correcciones desde [Capa> Nueva capa de corrección] o hacer clic derecho sobre la paleta de capas, pero deberá fusionar las capas una vez que lo haya hecho.

 

 

[2] Seleccione la imagen gris y en [Editar> Convertir brillo a opacidad] elimine los reflejos y el blanco de la imagen. Luego seleccione la capa y manteniendo presionada la tecla CTRL, haga clic sobre el icono de la capa para crear una selección de la capa.

 

 

[3] Con la selección activa, cree un [Relleno] desde [Capa> Nueva capa] o haga clic derecho sobre la paleta de capas. Voy a elegir un color azul oscuro. Puede agregar contraste o cambiar colores con Capas de corrección. También puede usar la función [Recortar a capa a continuación] y enmascarar capas.

 

 

▼ Aquí puede ver el primer dibujo con el efecto de gotas aplicado.

 

 

▼ Y aquí está el segundo dibujo con un color diferente aplicado.

 

 

NOTA: Cuando tenga imágenes, fotos o dibujos de diferentes fuentes, es una buena idea agregar un color o degradado general en la parte superior de todas las capas. Puede explorar diferentes modos de fusión o cambiar la opacidad también.

 

Conclusión

 

Como hemos visto, Clip Studio Paint ofrece varias formas de enmascaramiento y recorte que pueden ayudarlo con los píxeles y vectores en sus dibujos digitales, pinturas, imágenes, texto, etc. Puede combinar todos estos tipos de máscaras y obtener resultados diferentes.

 

▼ Aquí está el resultado final que combina marcos, máscara rápida, capas de máscara, clip a capa debajo, capas de corrección y modos de fusión.

 

 

 

¡Gracias por seguir este tutorial! Espero que hayas encontrado algunos consejos útiles aquí. No dude en compartir sus pensamientos en la sección de comentarios a continuación y no olvide disfrutar creando.

 

Puedes encontrarme en: