Serie "Vamos a hacer"

¡Creemos un efecto de papel rasgado!

1 201

CHYEE

«¡Creemos un efecto de papel rasgado!»

El tema de este mes es «Ilustraciones que aprovechan la textura del papel».

¡Así que esta vez, intentemos crear una ilustración utilizando el efecto de papel rasgado!

El efecto de papel rasgado es ideal para añadir una sensación narrativa a las ilustraciones, permite muchos diseños y es muy flexible en su uso.

¡Comencemos ✨!

📃Bordes de papel rasgado

Dependiendo del diseño, generalmente, además de la ilustración base, habrá al menos otra ilustración.

La segunda ilustración puede ser una versión filtrada y editada de la primera; o de otra revista, periódico, o incluso una ilustración completamente diferente. Al final del artículo se adjuntarán algunos métodos de edición adicionales, ¡bienvenidos a los principiantes para que los consulten!

✧ ¡Comencemos!

1. Coloca todas las ilustraciones base necesarias en el lienzo.

*Aquí, para mostrar el proceso más claramente, las capas están ocultas temporalmente.

2. Añade una nueva capa en la parte superior y usa la herramienta predeterminada de CSP, «Crayon» (Crayón), para dibujar el borde rasgado del papel.

3. Aunque al principio es más rápido dibujar directamente la forma que te gusta, también puedes dibujar una línea recta y luego usar la función de deformación para crear una sensación más natural y aleatoria.

【💡PUNTO】

Los métodos que se presentan a continuación se pueden usar según sea necesario.

El objetivo es crear las líneas que deseas.

3a.【Filtro de deformación «Onda»】

【Filtro】→ 【Deformar】→ 【Onda】

【Configuración de valores】

Forma de onda: Onda triangular

Número de ondas: Se recomienda 3 o más

Longitud de onda: Distancia entre ondas (distancia horizontal entre diferentes puntos máximos)

Amplitud: Cambio en la altura de la onda (distancia vertical entre el punto más alto y el más bajo de una sola onda)

➡︎Cuanto mayor sea la diferencia entre los valores máximo y mínimo, más «aleatoria» puede parecer la línea.

Distancia horizontal/vertical: 100

➡︎Cuanto mayor sea el valor, más evidente será la deformación.

**Las explicaciones anteriores se basan en el efecto de este filtro, no son explicaciones físicas profesionales.

El botón «Regenerar» en la parte inferior derecha de la ventana puede regenerar aleatoriamente las variaciones de forma de onda basadas en los valores anteriores:

3b.【Deformación de malla】 (Puppet Warp) (Ver.4.0)

Esta forma alargada es ideal para ajustar con la función de deformación de malla:

【Edición】→【Transformar】→【Deformación de malla】, una vez colocados los marcadores, puedes moverlos o girarlos para deformar.

Para un uso más detallado, consulta mi artículo a continuación:

Por supuesto, otras herramientas como 【Transformación libre】 y 【Transformación de malla】 también se pueden usar para deformar.

3c.【Herramienta Licuar】 (Liquify)

Además, puedes usar los modos «Empujar», «Expandir» y «Encoger» de la herramienta Licuar (Liquify) para crear una sensación de formas irregulares en grosor.

Selecciona esta herramienta de la barra de herramientas y elige el «Método de licuado» en el panel de propiedades de la herramienta.

Depende de tu diseño. Si se trata de formas de rasgado más suaves, no hay problema en usar solo la herramienta Licuar de la parte 3c y no usar el «filtro de onda» o la «deformación de malla».

Al dibujar, puedes activar la capa base para que coincida con la composición del diseño.

(Arriba se ocultó para mostrar el proceso más claramente).

4. A continuación, se empezará a organizar la forma de los bordes rasgados, y finalmente se convertirá en un efecto de papel rasgado.

🔧Pasos:

4a.【Filtro «Desenfoque de movimiento»】 (Motion Blur)

【Filtro】→ 【Desenfoque】→ 【Desenfoque de movimiento】

Cantidad de desenfoque: Cuanto mayor sea el valor, más irregulares serán los bordes.

Ángulo de desenfoque: Para líneas originales con un ángulo más horizontal, usa 90 grados; para líneas más verticales, usa 180 grados.

4b.【Enfoque suavizado】 (Unsharp Mask)

【Filtro】→ 【Enfoque】→ 【Enfoque suavizado】

Aquí se usó el valor de efecto más fuerte.

4c.【Binarización】 (Binarization)

【Edición】→ 【Corrección tonal】→ 【Binarización】

Cualquier valor es aceptable. Pero desactiva la opción «Conservar transparencia».

4d.【Reducción de luminosidad】

【Edición】→ 【Corrección tonal】→ 【Tono, Saturación, Luminosidad】

Convierte el patrón en gris claro.

La profundidad del gris afectará la intensidad de la textura del papel posteriormente.

4e.【Filtro «Estilo de lápiz»】

【Filtro】→ 【Efecto】→ 【Estilo de lápiz】

En el filtro «Estilo de lápiz», el grosor de las líneas y la rugosidad de las líneas se muestran en la imagen a continuación.

El ángulo de las líneas determina la dirección de la textura del papel.

Los efectos de los pasos se muestran a continuación:

【💡PUNTO】

Los métodos presentados anteriormente se pueden usar según sea necesario.

El objetivo es crear los bordes que deseas.

Por ejemplo, acciones como el «Desenfoque de movimiento» sirven para organizar una forma de borde con consistencia.

Incluso si no lo usas, está bien, en la siguiente sección se mostrará una versión más concisa.

Debido a que la opción «Mostrar contorno» se seleccionó en el filtro «Estilo de lápiz», el borde de la forma tendrá una ligera línea negra.

Esta línea negra se mantiene para realzar la sensación de tridimensionalidad.

Sin embargo, dado que aquí queremos crear un borde de papel rasgado y no una tira de papel, lo siguiente es eliminar una de las líneas negras.

Por ejemplo, el borde superior del papel pertenece al papel superior, así que eliminaré la línea negra superior.

🔧Pasos:

5a. Mantén pulsado Ctrl y haz clic con el botón izquierdo en la miniatura de la capa.

O, haz clic con el botón derecho en la miniatura de la capa → «Selección de capa» → «Crear selección».

5b. Usa cualquier herramienta de selección. Usa la tecla 【↓】 o el ratón para mover ligeramente la selección hacia abajo hasta que exceda el área de la línea negra.

5c. 【Selección】→【Invertir selección】

5d. 【Tecla Suprimir】 para eliminar la imagen. Deseleccionar.

6. A continuación, crea una sombra debajo del papel.

🔧Pasos:

6a. Mantén pulsado Ctrl y haz clic con el botón izquierdo en la miniatura de la capa.

O haz clic con el botón derecho en la miniatura de la capa → «Selección de capa» → «Crear selección».

6b. Añade una nueva capa y colócala debajo.

6c. Rellena con un color gris.

6d. Deselecciona. Mueve ligeramente la capa hacia abajo (o hacia arriba), y si es necesario, deforma un poco para enfatizar la posición de la fuente de luz.

6e.【Filtro】→ 【Desenfoque】→ 【Desenfoque gaussiano】

6f. Configura el modo de fusión de la capa a «Multiplicar».

6g. Si es necesario, borra las sombras que sobresalen.

7. Una vez que hayas terminado los bordes rasgados, usa la función de máscara de capa para definir la parte expuesta del borrador.

7a. Haz clic en el icono de abajo.

7b. Después de hacer clic en la miniatura de la máscara, borra las partes no deseadas.

Si es necesario, puedes dividir en varias capas.

Por ejemplo, aunque el borrador sea el mismo, yo separo la parte superior e inferior.

De esta manera, si quieres cambiar la posición del rasgado más tarde, será más fácil de manejar.

📃Pegatina medio rasgada

El efecto de «pegatina medio rasgada» se crea con un principio similar al anterior.

Los pasos son los siguientes.

1. Dibuja la forma con un crayón.

2. Selecciona el color «Transparente» y borra algunos agujeros con el mismo crayón.

3. Reduce la luminosidad.

4. Máscara de enfoque (Unsharp Mask) / Enfoque suavizado.

5. Efecto de dibujo a lápiz (Pencil Drawing Effect) / Estilo de lápiz.

6. Borra algunos agujeros más con el crayón.

Esta vez, se omitieron algunos pasos mencionados en la primera parte, como el desenfoque de movimiento y la binarización, por lo que los bordes de la forma son más suaves que los anteriores.

Esto demuestra que, dependiendo del efecto deseado, no es necesario realizar todos los pasos mencionados en la primera parte.

Añadiendo una o dos rasgaduras más, la imagen se volverá muy rica:

📃Postproducción

La ilustración está básicamente terminada. Pero aún podemos añadir algo de postproducción para aumentar la «sensación de papel».

✧

Normalmente, los productos impresos, debido a las limitaciones del color de la tinta y del papel, no pueden lograr el efecto de «negro» y «blanco» de la pantalla del ordenador.

En pocas palabras, el siguiente ajuste tonal convierte el «negro» en un «gris muy oscuro» y el «blanco» en un «gris muy claro» para simular la sensación de un producto impreso físico.

(Pero debido a que el color general del ejemplo es claro, los ajustes de color oscuro no son muy evidentes)

【Edición】→ 【Corrección tonal】→ 【Curva de tonos】

✧

Añade una textura de papel general.

Si deseas que sea consistente con la textura de papel rasgado anterior, puedes:

Abrir una nueva capa → Rellenar con gris claro → Filtro de estilo de lápiz (los mismos valores que antes) → Configurar el modo de fusión de la capa en «Dividir»

✧

Si quieres crear un efecto de papel «diferente», puedes usar diferentes texturas de papel y combinarlas en diferentes capas.

Además de «Dividir», también se pueden usar modos de fusión como «Superponer» o «Luz suave».

En los activos de Clip Studio Paint, puedes buscar «paper texture» o «material de imagen» para encontrar muchos materiales diferentes subidos por los usuarios:

✧

Para crear una sensación de irregularidad en el papel, puedes desplazar ligeramente la posición del borrador, es decir, moverlo, escalarlo o rotarlo.

Sin embargo, debes asegurarte de que el tamaño de la imagen original sea lo suficientemente grande para evitar que aparezcan bordes blancos.

(El grado de desplazamiento aquí no es evidente, solo se proporciona una idea de postproducción.)

📃BONUS: Algunos diseños sencillos

Como parte adicional, aquí se ofrecen algunas ideas de diseño que utilizan el efecto de papel rasgado.

Los métodos de creación son muy sencillos, ¡así que anímate a echar un vistazo!

✧

I. Tomando como ejemplo la imagen de demostración anterior, después de ajustar el tono del borrador, se utiliza como la «segunda imagen».

El método de ajuste de tono es muy simple y ya se mencionó anteriormente.

Se puede considerar cambiar el tono, convertir a blanco y negro, etc.

【Edición】→ 【Corrección tonal】→ 【Tono, Saturación, Luminosidad】

✧

II. Además, puedes usar los efectos de propiedad de capa para crear rápidamente una versión con trama del borrador.

Panel de propiedades de capa → Haz clic en el icono de «Trama» (tercer icono) → Introduce el número de líneas de la trama, la forma de la trama y el ángulo.

✧

III. Por supuesto, también puedes usar una ilustración completamente diferente.

Y usar el efecto de papel rasgado como efecto de collage.

Aquí se usa este material:

✧

IV. Imitar un fondo «transparente» también es una buena idea.

Es muy sencillo, aquí se usó el siguiente material, después de rotar y cambiar el color.

✧

V. También hay diseños que imitan páginas interiores de periódicos o revistas.

Aquí se usó el siguiente material de pincel:

✧

VI. Si tienes un mensaje que quieres transmitir, ¡simplemente añadir texto es una excelente idea!