Patrones originales: diseño y aplicación en ilustraciones

El tema de hoy es

1️⃣【Primera parte: El código artístico de los patrones】

I. Formas que componen los patrones

🟠Formas sencillas:

Por ejemplo, líneas, formas geométricas (triángulos, cuadrados, círculos, etc.), e incluso patrones abstractos.

Al dibujar, puedes combinar diferentes formas, no necesariamente usar solo una.

 

🏀Formas realistas:

Formas de objetos reconocibles, como plantas de hojas y flores, animales, alimentos, formas de corazón, estrellas, etc.

 

⚖️Intermedio entre las dos anteriores:

Por supuesto, también hay algunos patrones de dibujos animados muy simples que son difíciles de clasificar.

Pero me gustaría señalar que las dos anteriores son solo una

---

II. Estilos artísticos

En cuanto a estilos artísticos, ⚠️los estilos realistas (imágenes cercanas a la calidad fotográfica) son menos comunes;

lo común son ✅imágenes con un tratamiento estilizado.

 

La estilización artística, en pocas palabras, es una imagen dibujada. Ejemplos comunes de estilos artísticos incluyen: estilo cel (estilo de dibujo animado), estilo acuarela, estilo lápiz de color o pastel, etc.

Al dibujar, ⚠️ten en cuenta no usar efectos de luz y sombra demasiado intensos. Basta con añadir luces y sombras que sugieran la estructura del objeto.

 

Además, también puedes inspirarte en diferentes estilos tradicionales: además del estilo moderno minimalista y el estilo nórdico moderno, también existen el estilo oriental, el estilo japonés, el estilo medieval, el estilo folclórico (por ejemplo, estilo indio, estilo árabe, estilo egipcio antiguo), etc.

Cada estilo tiene sus propias expresiones artísticas, por ejemplo, el estilo moderno suele usar formas simples; el estilo oriental prefiere usar el rojo y el dorado; el estilo japonés tiene muchos patrones antiguos y con nombre; el estilo folclórico usa a menudo formas de rombos y triángulos, etc.

 

Debido a las limitaciones de espacio, no detallaré las características de diseño de cada estilo aquí. ¡Los lectores interesados pueden tomarse su tiempo para explorar y encontrar su estilo favorito!

---

III. Repetición y disposición de formas

Aquí nos referimos a tres aspectos: la posición, el tamaño y el ángulo de colocación de las formas.

 

Y dentro de estos tres aspectos, se pueden dividir en dos orientaciones: regularidad e irregularidad. Para más detalles, consulta la siguiente imagen como referencia:

Además, también puedes decidir si dejar espacio entre los patrones:

---

IV. Colores

La elección de colores para los patrones tiene un alto grado de libertad; los tonos suaves, vibrantes, claros, oscuros, etc., son todos comunes.

Recomiendo a los principiantes que limiten deliberadamente la cantidad de colores.

 

Si no puedes decidirte al dibujar, puedes empezar con una escala de grises monocromática y ajustar los colores más tarde. Además de la función 【Mapeo de degradado】, ¡también puedes usar la función 【Referencia de color】 añadida después de la Ver3.0 para cambiar los colores!

---

V. Diseño de patrones (resumen)

Después de comprender las posibles soluciones para componer un patrón, ¡ahora puedes intentar imaginar qué estilo de patrón quieres crear!

 

Primero, hazte las siguientes preguntas:

• Forma del patrón: (¿Hay algún tema? Por ejemplo, postres, flores, árboles, o simplemente formas sencillas?)

• Estilo artístico del patrón: (¿Prefieres un dibujo a mano alzada o bloques de color nítidos? ¿Hay un estilo regional específico?)

• Disposición del patrón: (¿Disposición regular o irregular? Si es regular, ¿cómo dibujarlo para obtener una textura repetitiva?)

• Color: (¿Color o blanco y negro? ¿El fondo es transparente?)

Después de tener una idea general, puedes visualizar el patrón y luego crearlo.

Por ejemplo:

• Forma del patrón: Corazones de diferentes tamaños, líneas de rombos

• Estilo artístico del patrón: Estilo pixelado, con tendencia a lo plano

• Disposición del patrón: Disposición regular

• Color: Tonos rosados, sensación suave

Entonces, después de tener una idea preliminar del diseño de patrones, ¡vamos a probar a crear patrones con Clip Studio Paint en la práctica!

 

 

2️⃣【Segunda parte: Cómo dibujar patrones originales con Clip Studio Paint】

🔧Método básico

1. Crea un archivo nuevo.

El tamaño del archivo se puede determinar según el contenido del dibujo y el propósito de la aplicación.

El único requisito es que el ancho y el alto sean divisibles por 2 (※números pares).

2. Abre la función de cuadrícula (①Ver → Cuadrícula);

y ②establece el origen de la cuadrícula en el centro y el espaciado con el valor del lado más largo del lienzo.

 

El número de divisiones no es fijo. Por supuesto, si quieres usar la cuadrícula para medir, puedes configurarlo según tus necesidades. Por ejemplo, si deseas añadir líneas cada ¼ de la longitud del patrón, puedes establecer el número de divisiones en

3. Dibuja la imagen en la posición central, ten en cuenta:

 

① Al dibujar, no te acerques a los bordes.

La excepción es si quieres diseñar un patrón que solo se repita horizontalmente (es decir, que al terminar parezca una tira larga), entonces al dibujar puedes rellenar la parte superior e inferior; sin embargo, los bordes izquierdo y derecho aún deben dejarse vacíos.

 

② Al dibujar con pinceles, si no necesitas dibujar pegado a la cuadrícula, debes **desactivar la función

4. ①Selecciona todo el lienzo (atajo: Ctrl+A) →

②Haz clic derecho en la capa y selecciona 【Convertir capa】 para transformarla en «Capa de material de imagen».

5. ①Usa la herramienta «Objeto» → ②Mueve la capa a la parte inferior izquierda y alinea la esquina superior izquierda del borde del objeto con el centro del lienzo.

*Puedes acercar la imagen lo máximo posible para asegurar la precisión de la posición.

6. En la configuración de la herramienta de selección de objetos, marca

Puedes elegir el método de repetición según tus preferencias. Consulta la siguiente imagen como demostración:

(La siguiente imagen es solo para fines de demostración, en este paso, por favor, no reduzcas la imagen)

7. Haz clic derecho en la capa y selecciona 【Convertir capa】 → convierte a

8. Rellena el patrón en el espacio más vacío del centro.

*Puedes copiar y pegar desde la capa de respaldo de imagen del paso 3.

9. Haz clic derecho en la capa y selecciona 【Convertir capa】 para convertirla en

---

🔧Cómo crear patrones conectados

Después de entender el método básico, ¡echemos un vistazo a lo que debes tener en cuenta si quieres dibujar patrones conectados!

 

1. Dibuja una imagen base.

2. Copia y pega la imagen del paso 1. Intenta que las imágenes estén lo más conectadas posible.

3. Dado que la imagen de demostración no es una forma geométrica regular ni simétrica, se requiere un ajuste manual.

4. Repite los pasos 4 a 7 del método básico.

 

5. Continúa rellenando el área central vacía con la imagen base y luego ajusta la forma nuevamente.

Por favor, intenta conectar cada imagen lo más posible.

(\ *Las imágenes dibujadas en este paso están marcadas en azul en la siguiente figura)

6. Repite los pasos 9 a 10 del método básico. ¡Listo!

---

🔧Cómo crear patrones superpuestos

Entonces, ¿cómo se crean los patrones superpuestos? A continuación, demostraré un patrón ondulado/de escamas:

 

1. Usando la cuadrícula, dibuja las formas del tamaño correcto.

• En la figura de demostración, la longitud del lienzo se divide en ocho celdas. Por lo tanto, el círculo central tiene un diámetro de cuatro celdas; y los círculos a ambos lados son del mismo tamaño, con el centro en el borde del lienzo.

• Si deseas dibujar una elipse u otras formas como figura base, debes asegurarte de que los diámetros horizontal y vertical sean divisibles por la longitud de los dos lados del lienzo. El lienzo puede ser rectangular en lugar de cuadrado.

• Puedes añadir bordes u otras decoraciones según tus preferencias, asegurándote de que los bordes se dibujen dentro del círculo.

• Dependiendo de tu diseño, si el color de las escamas no cambia, dibujar solo una escama en la parte superior y media escama a la izquierda y a la derecha en la parte inferior también puede producir el mismo patrón.

 

2. Usa la función de alineación para centrar la imagen en el lienzo.

3. Repite los pasos 4 a 7 del método básico.

 

4. Después de convertir la capa de nuevo a una capa de trama, corta la mitad inferior del semicírculo y pégala en una nueva capa.

 

5. Mueve la capa original entre la capa de las formas superior e inferior y la capa de la forma superior.

6. Convierte la capa original en una

8. Selecciona todas las capas y combínalas.

 

9. Repite los pasos 9 a 10 del método básico. ¡Listo!

---

🔧Cómo procesar fotos para crear patrones

Además de dibujar patrones a mano, ¡también puedes usar tus propias fotos para crear patrones!

 

1. Toma fotos. Te sugiero que, al fotografiar objetos, intentes usar un fondo de color sólido.

Además, puedes fotografiar el mismo objeto desde diferentes ángulos para darle más variedad al patrón.

 

2. Abre la foto y realiza ajustes tonales. El objetivo es hacer que el tono de la imagen sea más definido.

La siguiente imagen demuestra diferentes métodos de ajuste usando ①

3. Con la 【Herramienta lazo】, selecciona primero la imagen, invierte la selección y elimina las partes innecesarias que la rodean.

4. Con la 【Herramienta de selección automática】, selecciona las partes restantes. Si es necesario, puedes usar 【Expandir selección】 para seleccionar un área adecuada y luego eliminarla.

5. Con el 【Borrador】, corrige manualmente las partes de los bordes.

6. Una vez obtenida la fresa clara, puedes ajustar aún más la imagen para lograr colores y efectos artísticos satisfactorios.

• El siguiente diagrama de demostración utiliza Modos de fusión de capas para ajustar el color y añade un contorno.

• También puedes usar varios filtros para obtener diferentes efectos. ¡Combina diferentes métodos de ajuste para obtener tu propia imagen!

¡Usa los patrones anteriores y sigue los pasos del método básico para crear patrones fácilmente!

---

🔧Cómo usar pinceles personalizados

¡Usando pinceles, puedes crear patrones con repetición y disposición de formas irregulares!

 

Para obtener una configuración detallada de los pinceles personalizados, consulta este tutorial oficial.

1. Selecciona la capa que contiene la imagen, elige 【Editar → Registrar material → Imagen】.

Marca

2. Haz clic derecho en un pincel y duplica la subherramienta.

3. Haz clic en la configuración del pincel, selecciona

5. Configura los valores del pincel para lograr un efecto de patrón aleatorio. A continuación, se enumeran algunos valores que afectan la aleatoriedad de la forma; la configuración de los valores se puede ajustar según las preferencias personales.

• A.Punta de pincel → Dirección → Aleatoria

• B.Efecto de dispersión → Tamaño de partícula → Aleatorio

• C.Efecto de dispersión → Dirección de la partícula → Aleatorio

6. ¡Usa el pincel y aplica directamente sobre el lienzo para obtener un patrón con formas irregulares repetidas y dispuestas!

¡Listo!

---

3️⃣【Tercera parte: Aplicar patrones en ilustraciones】

📁Registrar el patrón como material

Aunque solo guardar el archivo como .clip también funciona, si deseas subir el patrón como material a la nube para un acceso fácil, o compartirlo con otros usuarios en Clip Studio Paint Asset, ¡consulta el método de esta sección!

 

El método es muy simple, solo tienes que arrastrar la capa a la biblioteca de materiales con el ratón:

Haz doble clic en el icono del material para modificar el nombre y añadir etiquetas de búsqueda, entre otros:

---

🖼️Añadir patrones como fondo de ilustración

¡La forma más sencilla de usar patrones en una ilustración es, sin duda, como fondo!

🔧Método

Arrastra directamente el archivo del patrón desde la biblioteca de materiales a la ventana de capas con el ratón.

 

💡CONSEJOS

• Dado que los patrones, una vez añadidos a una ilustración, suelen dar una sensación visual abrumadora, puedes añadir un contorno al sujeto principal para que destaque.

• Como no se pueden usar directamente las funciones de ajuste tonal en una capa de material de imagen, si necesitas modificar los colores del patrón para que se adapten a la ilustración, puedes usar una 【capa de corrección tonal】.

🔧Cómo crear una capa de corrección tonal

1,2. Después de añadir la capa de patrón, haz clic en el icono en la esquina superior izquierda de la ventana de capas.

3,4. Crea una nueva capa de corrección tonal. Elige el método de ajuste de color según sea necesario.

5. Recorta la capa de corrección tonal con la capa inferior. ¡Listo!

---

🧇Añadir patrones como textura de ilustración

Además de los fondos, ¡también puedes añadir patrones como textura a tus ilustraciones!

 

Recomiendo este método para ilustraciones con grandes áreas de color que necesitan más información visual.

 

Además, dado que la ilustración ya está coloreada, se recomienda usar patrones monocromáticos para evitar saturar el sujeto principal de la ilustración.

🔧Cómo usar los modos de fusión de capas

1. Añade la capa de patrón y configúrala como una capa de recorte para la parte deseada. En la figura de demostración, se recorta a la capa de la ropa.

2. Configura el modo de fusión de la capa y ajusta la opacidad de la capa según sea necesario.

💡CONSEJOS

• El uso de modos de fusión de capas permite conservar las luces y sombras ya procesadas en la ilustración original.

• Los diferentes modos de fusión tienen diferentes efectos; para más detalles, consulta esta demostración oficial o esta otra demostración.

• Consulta la siguiente imagen, esta es mi clasificación aproximada de los modos de fusión. Puedes empezar preguntándote

---

🌽Añadir patrones como textura de objeto en la ilustración ①

Si quieres que el patrón no sea demasiado plano y se ajuste a la superficie del objeto, ¡consulta este método!

🔧Método

1. Después de añadir el patrón, puedes decidir primero la configuración del modo de fusión de capa y la opacidad, así como el tamaño y el ángulo del patrón, para previsualizar el resultado final.

2. Si tu patrón se extiende hasta el borde del lienzo, necesitarás crear un nuevo archivo ligeramente más grande que el lienzo original.

3. Copia y pega la capa del patrón en el nuevo archivo.

4. Rasteriza la capa del patrón. Luego cópiala y pégala en el lienzo original.

 

💡CONSEJOS

• Si el patrón no toca los bordes del lienzo, simplemente rasteriza la capa del patrón; no es necesario crear un archivo nuevo.

• La finalidad de ampliar el lienzo es dejar un área mayor para la deformación del patrón. De lo contrario, si el patrón necesita curvarse hacia dentro, el patrón en los bordes se romperá.

5. Selecciona y elimina las partes sobrantes del patrón. (Puede que necesites mover ligeramente el patrón para eliminar las partes fuera del lienzo).

 

6. Usa la función 【Transformación de malla】 para deformar la imagen. La dirección de la deformación debe ajustarse a la superficie del objeto; la siguiente figura muestra líneas auxiliares para ayudar a la explicación.

【Cómo usar la transformación de malla】

① Editar → Transformar → Transformación de malla

② En la ventana de propiedades de la herramienta, puedes ajustar el número de mallas.

③ Configura en

7. Usa 【Máscara de recorte】 y 【Máscara de capa】 para borrar las partes innecesarias. ¡Listo!

---

🌽Añadir patrones como textura de objeto en la ilustración ②

En ocasiones, necesitamos romper el patrón para que se ajuste a la superficie del objeto, lo cual es especialmente común en la representación de ropa.

El criterio para determinarlo es:

Antes de empezar, analicemos la estructura del cuello en el diagrama de demostración:

 

① En total, hay 6 caras visibles desde el frente.

 

② Es preferible que los patrones de #3 y #4 muestren una conexión, ya que la parte doblada entre estas dos caras es mínima. Por el contrario, otras caras, como entre #1 y #2, no necesitan conexión, ya que la parte doblada entre ellas es considerable.

 

③ Además, las caras #1 a #4 están aproximadamente orientadas hacia la izquierda de la pantalla; y las #5 y #6 están orientadas hacia la derecha, lo que suma dos direcciones principales. Por lo tanto, necesitamos dos capas de patrón para la 【Transformación libre】: Editar → Transformar → Transformación libre o atajo: 【Ctrl+Mayús+T】, para transformar el patrón en la dirección aproximada. (De hecho, la dirección de #5 está entre ambas, este paso es para una transformación general, luego se ajustará).

 

④ Después de completar la transformación, es necesario duplicar el patrón transformado. #2 y #4 pueden compartir una pieza; #1 y #3 pueden compartir una pieza.

Dado que en este patrón hay espacio entre las fresas, al procesarlo, solo hay que prestar atención a las fresas.

Primero, recomiendo usar la herramienta 【Selección de polilínea】 para seleccionar el área siguiendo los pliegues de la ropa.

 

1. En la primera capa del patrón, selecciona la cara #3 y luego bórrala.

2. Selecciona la segunda capa del patrón (mostrada en azul en la imagen de demostración), y trabaja en el corazón entre #3 y #4. Como #3 está encima de #4, mueve la capa hacia arriba.

3. Borra las partes sobrantes.

 

💡CONSEJOS

• Incluir deliberadamente patrones rotos en los pliegues puede dar fácilmente un efecto realista.

• Cuando se trata de patrones en los bordes, a veces es más fácil manejarlos ampliando el tamaño del lienzo.

Además, también puedes usar la herramienta 【Licuar】 para ajustar el patrón.

---

【Conclusión】

¡Gracias por leer hasta aquí!

 

Personalmente, uno de los mayores desafíos al crear patrones sin fisuras es:

---

Si estás interesado en mi trabajo, por favor, sígueme en mis redes sociales:

(Chino): Facebook @hye.art

(Inglés): X (antes Twitter) @hye_exc