Patrones originales: Diseño e ilustración
El tema de esta ocasión es "Diseñar patrones originales".
Entonces, ¿qué es un patrón? Un patrón es una disposición repetitiva de patrones.
En el mundo del arte, estoy seguro de que has oído hablar de al menos un artista que es famoso por sus patrones, como Gustav Klimt, Andy Warhol y Kusama Yayoi, por nombrar algunos. Pero, de hecho, a menudo podemos ver patrones en nuestra vida diaria, en azulejos, papeles pintados, ropa, sábanas y otros artículos: ¡el diseño de patrones no está lejos de nosotros!
Este artículo está dividido en tres partes. Primero, presentaré brevemente algunos de los elementos artísticos que componen los patrones; luego explicaré los pasos para dibujar patrones originales con Clip Studio Paint; y finalmente explicaré cómo aplicar patrones a las ilustraciones. Utilice la función de catálogo para explorar estas tres partes.
¡Comencemos!
1️⃣【Parte 1: El código artístico del patrón】
I. Formas que componen el patrón
🟠Prefiere formas simples:
Por ejemplo, líneas, formas geométricas (triángulos, cuadrados, círculos, etc.), o incluso patrones abstractos.
Puede combinar diferentes formas al dibujar, no solo una.
🏀Prefiere la forma física:
Capaz de reconocer las formas de entidades, como flores, hojas, plantas, animales, comida, corazones, estrellas, etc.
⚖️En algún punto intermedio:
Por supuesto, también hay algunos patrones de dibujos animados muy simples que dificultan su clasificación.
Pero me gustaría señalar que ambos son solo un "sesgo" en lugar de una agrupación separada. Usar un estilo minimalista para dibujar objetos, enfatizando la forma y dejando en claro que se trata de un objeto determinado, también es una solución.
II. Estilo artístico
En términos de estilo artístico, ⚠ ️el estilo realista (imágenes cercanas a la calidad de la foto) es relativamente raro;
Los más comunes suelen ser ✅ imágenes estilizadas artísticamente.
La llamada estilización artística, en términos simples, es una imagen representada. Ejemplos de estilos artísticos comunes incluyen: estilo cel (estilo de dibujos animados), estilo acuarela, estilo lápiz de color o crayón, etc.
Al pintar, ⚠ ️Ten cuidado de no usar efectos de iluminación y sombras demasiado fuertes**. Es suficiente agregar luz y sombra que puedan sugerir la estructura del objeto.
Además, también puedes aprender de diferentes estilos tradicionales: además del estilo minimalista moderno y el estilo nórdico moderno, también existen el estilo oriental, el estilo japonés, el estilo medieval, el estilo folclórico (como el estilo indio, el estilo árabe, el estilo egipcio antiguo), etc.
Cada estilo tiene su propia expresión artística. Por ejemplo, el estilo moderno usa principalmente gráficos simples; el estilo oriental prefiere usar rojo y dorado; el estilo japonés tiene muchos patrones antiguos y con nombre; El estilo folk suele utilizar gráficos en forma de rombos y triángulos, etc.
Debido al espacio limitado, no se describirán en detalle las características de diseño de cada estilo. Los lectores interesados pueden tomarse el tiempo para explorar y descubrir su estilo favorito.
III. Repetición y ordenación gráfica
Esto se refiere a tres aspectos: la posición, el tamaño y el ángulo de colocación del gráfico.
De estos tres aspectos, se pueden dividir en dos: regularidad e irregularidad. Consulte la siguiente figura para obtener más detalles:
Además, puedes decidir si quieres dejar espacio entre los patrones:
IV. Colores
Hay un alto grado de libertad en la elección de los colores del patrón, y los colores elegantes, brillantes, claros y oscuros son muy comunes.
Recomendaría que los principiantes limiten deliberadamente la cantidad de colores.
Si no puede decidirse al pintar, puede comenzar con el gris blanco y negro monocromático y luego hacer todos los ajustes al final. Además de la función [Mapeo de degradado], también puede usar la función [Referencia de color] agregada después de la versión 3.0 para cambiar el color.
V. Patrón de diseño (Resumen)
Ahora que ya has comprendido las posibles formas de componer el patrón anterior, ¡puedes intentar imaginar qué estilo de patrón quieres crear!
Primero, hazte las siguientes preguntas:
Formas gráficas: (¿Hay un tema? ¿Postres, flores, árboles, etc. o simplemente formas simples?)
Estilo de arte gráfico: (¿Te gustarían pinturas a mano o con bloques de corte limpio? ¿Algún estilo regional en particular?
Disposición gráfica: (¿Disposición regular o irregular? Si es regular, ¿cómo dibujar para obtener una textura de mosaico?)
Color: (¿Color o blanco y negro? ¿El fondo es transparente?)
Una vez que tengas una idea aproximada de cómo se verá el patrón, puedes comenzar a imaginarlo y luego crearlo.
Por ejemplo:
Formas gráficas: formas de corazón grandes y pequeñas, líneas de diamante
Estilo de arte gráfico: estilo pixel, más plano
Disposición gráfica: disposición regular
Color: rosa, tacto suave
Ahora que tenemos una idea básica sobre el diseño de patrones, ¡intentemos usar Clip Studio Paint para crear un patrón!
2️⃣【Parte 2: Usa Clip Studio Paint para dibujar patrones originales】
🔧 Enfoque básico
1. Crea un nuevo archivo.
El tamaño del archivo se puede determinar según el contenido de la pintura y el propósito de su aplicación.
El único requisito es que tanto el ancho como el largo sean divisibles por 2 (※números pares).
2. Activa la función de cuadrícula (①Ver → Cuadrícula);
Y ② establece el origen de la cuadrícula en el medio y el intervalo en el valor del lado largo del lienzo.
No hay un número fijo de divisiones. Por supuesto, si quieres usar una cuadrícula para fines de medición, puedes configurarla según sea necesario. Por ejemplo, si quieres agregar una línea cada ¼ de la longitud del patrón, puedes establecer el número de divisiones en "4".
3. Dibuja la imagen en el centro. Ten en cuenta lo siguiente:
① No te acerques al borde cuando pintes.
La excepción es si quieres diseñar un patrón que solo se repita horizontalmente (es decir, que se verá como una tira larga cuando esté terminado), en cuyo caso puedes rellenar la parte superior e inferior cuando dibujes; sin embargo, los bordes izquierdo y derecho deben quedar vacíos.
② Cuando dibujes con un pincel, si no necesitas dibujar cerca de la cuadrícula, debes desactivar la función "Alinear" del pincel.
③ Puedes separar diferentes capas cuando pintes (por ejemplo, diferentes objetos y colores de fondo). Lo único que debes hacer es fusionar las capas cuando termines de pintar.
④ Recomendaría hacer una copia de la capa de la imagen del objeto como respaldo antes de fusionar.
💡 CONSEJOS
Puedes usar una regla para ayudarte al dibujar, como una regla de simetría, etc. Para obtener más detalles, consulta este tutorial oficial.
Además, usar fotos procesadas también es una buena opción, como se demostrará más adelante.
4. ①Seleccione todas las pantallas (tecla de acceso directo: Ctrl+A) →
②Haga clic derecho en la capa y seleccione [Convertir capa] para convertirla en "Capa de material de imagen".
5. ①Utilice la herramienta "Objeto" → ②Mueva la capa hacia la parte inferior izquierda y alinee la esquina superior izquierda del marco del objeto con el centro del lienzo.
*Puede ampliar la imagen lo máximo posible para determinar la ubicación exacta.
6. En la configuración de la herramienta de selección de objetos, marque "Teselación".
Puede elegir el método de repetición según sus preferencias. Consulte la siguiente figura para ver una demostración:
(La imagen a continuación es solo para fines de demostración. No reduzca el tamaño de la imagen en este paso)
7. Haga clic derecho en la capa y seleccione [Convertir capa] → Convertir a "Capa de matriz de puntos".
8. Rellena el espacio en blanco del centro con un patrón.
*Puedes copiarlo y pegarlo desde la capa de copia de seguridad de la imagen en el paso 3.
9. Haga clic derecho en la capa y seleccione [Convertir capa] para convertirla en "Capa de material de imagen".
10. Con la herramienta de selección de objetos, marque Teselación.
Aleje la imagen y observe el patrón. ¡Listo!
🔧 Cómo hacer patrones conectados
Ahora que conocemos los conceptos básicos, veamos a qué debemos prestar atención si queremos dibujar patrones conectados.
1. Dibuja una imagen básica.
2. Copia y pega la imagen del paso 1. Intenta mantener las imágenes conectadas tanto como sea posible.
3. Dado que la forma de la imagen de demostración no es una forma 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 espacio vacío en el centro con la imagen básica y luego ajusta la forma nuevamente.
Intenta conectar las imágenes.
(*La imagen a continuación está marcada en azul en este paso)
6. Repite los pasos 9 y 10 del método básico. ¡Listo!
🔧 Cómo hacer patrones superpuestos
Entonces, ¿cómo crear patrones superpuestos? A continuación, mostraré un patrón ondulado/de escamas:
1. Use la cuadrícula para dibujar formas del tamaño correcto.
En la imagen de demostración, la longitud del lienzo está dividida en ocho cuadrículas. Por lo tanto, el diámetro del círculo en el medio es de cuatro cuadrados; los círculos de ambos lados son del mismo tamaño y sus centros están en el borde del lienzo.
Si desea dibujar una elipse u otra forma como forma básica, tenga en cuenta que sus diámetros horizontales y verticales deben ser divisibles por la longitud de los dos lados del lienzo. El lienzo puede ser rectangular en lugar de cuadrado.
Puede agregar bordes y otras decoraciones según sus preferencias personales. Tenga en cuenta que los bordes deben dibujarse en el interior del círculo.
Dependiendo de su diseño, si el color de las escamas no varía, también puede obtener el mismo patrón simplemente dibujando una escama en la parte superior y la mitad de las escamas en los lados izquierdo y derecho en la parte inferior.
2. Utilice la función de alineación para centrar la imagen en el lienzo.
3. Repita los pasos 4 a 7 del método básico.
4. Después de convertir la capa nuevamente en una capa de matriz de puntos, corte la mitad inferior del semicírculo y péguela en una nueva capa.
5. Mueva la capa original entre las capas gráficas superior e inferior y la capa gráfica superior.
6. Convierte la capa original en una "capa de material de imagen". La dirección del mosaico es "izquierda y derecha".
Mueve la capa del objeto de modo que su esquina superior izquierda esté a ¼ de la altura del lienzo.
7. Duplica la capa del objeto y colócala en la segunda parte inferior.
Mueve su esquina inferior derecha a ¼ de la parte inferior derecha del lienzo.
8. Seleccione todas las capas y combínelas.
9. Repita los pasos 9 y 10 del método básico. ¡Listo!
🔧 Cómo usar fotografías para crear patrones
Además de los patrones pintados a mano, también puedes usar fotos que hayas tomado para procesarlas y crear patrones.
1. Toma una foto. Te recomiendo tomar fotos de objetos que tengan un color sólido como fondo, siempre que sea posible.
Además, el mismo objeto se puede fotografiar desde diferentes ángulos para que el patrón sea más variado.
2. Abre la foto y ajusta el tono de color. El objetivo es hacer que el tono de la imagen sea más claro.
Las siguientes figuras muestran cómo usar [Editar → Compensación de tono] para realizar ajustes usando ① "Brillo, Contraste", ② "Curva de tono" y ③ "Niveles". Puedes elegir el método que prefieras para ajustar el color.
3. Utilice la [Herramienta Lazo] para seleccionar primero la imagen, invertir el rango de selección y eliminar las partes circundantes innecesarias.
4. Utilice la [Herramienta Selección Automática] para seleccionar la parte restante. Si es necesario, puede utilizar [Expandir selección] para seleccionar el rango apropiado y luego eliminarlo.
5. Utilice el Borrador para corregir manualmente los bordes.
6. Después de obtener una fresa transparente, puedes ajustar aún más la imagen para lograr un color y efectos artísticos satisfactorios.
La siguiente imagen de demostración utiliza modos de fusión de capas para ajustar el color y agregar un marco.
También puedes usar varios filtros para lograr diferentes efectos. ¡Combina diferentes métodos de ajuste para obtener una imagen que sea tuya!
¡Utilice el patrón anterior y siga los pasos básicos para crear un patrón fácilmente!
🔧 Cómo utilizar pinceles personalizados
Con el pincel, puedes crear formas irregulares que se repiten y organizan patrones.
Para obtener información detallada sobre la configuración de pinceles personalizados, consulta este tutorial oficial.
1. Seleccione la capa con la imagen dibujada y elija [Editar → Registrar material → Imagen].
Seleccione "Usar como forma de punta de pincel" y Agregar etiquetas de búsqueda.
2. Haz clic derecho en un pincel y copia la herramienta auxiliar.
3. Haz clic en Configuración del pincel, selecciona "Punta del pincel" y haz clic en el material para seleccionar la ubicación.
4. Introduce la etiqueta de búsqueda en la ventana de selección y añade todas las imágenes que acabas de encontrar.
5. Establezca el valor del pincel para lograr un efecto de patrón aleatorio. Los siguientes son algunos valores que afectarán la aleatoriedad de los gráficos. La configuración de los valores se puede determinar según las preferencias personales.
A. Punta del pincel → Dirección → Aleatorio
B. Efecto de dispersión → Tamaño de partícula → Aleatorio
C. Efecto de dispersión → Dirección de partícula → Aleatorio
6. ¡Usa el pincel y pinta directamente sobre el lienzo para obtener un patrón con formas irregulares repetidas y dispuestas!
¡Finalizar!
3️⃣【Parte 3: Aplicación de patrones a las ilustraciones】
📁 Registrar el patrón como material
Aunque también puedes usarlo simplemente guardando el archivo como un archivo de clip, si quieres subir el patrón como material a la nube para acceder fácilmente o subirlo a Clip Studio Paint Asset para compartirlo con otros usuarios, consulta las instrucciones en esta sección.
El método es muy simple, solo arrastra la capa a la biblioteca con el mouse:
Haga doble clic en el icono del material para modificar el nombre y agregar etiquetas de búsqueda, etc.:
🖼️Agrega el patrón como fondo de ilustración
¡La forma más sencilla de utilizar patrones en ilustraciones es usarlos como fondos!
🔧 Cómo hacerlo
Directamente desde la biblioteca, usa el mouse para arrastrar y soltar el archivo de patrón en la ventana de capas.
💡 CONSEJOS
Dado que el patrón generalmente será visualmente deslumbrante después de agregarlo a la ilustración, puedes agregar un marco de contorno al personaje principal para resaltarlo.
Dado que no puedes usar la función de ajuste de tono directamente en la capa de material de la imagen, si necesitas modificar el color del patrón para que se adapte a las necesidades de la ilustración, puedes usar la [Capa de compensación de tono].
🔧 Crear una capa de compensación de tono: cómo hacerlo
1,2. Después de agregar la capa de patrón, haz clic en el ícono en la esquina superior izquierda de la ventana de capas.
3,4. Crea una nueva capa de compensación de tono. Selecciona el método de coloración según sea necesario.
5. Recorta la capa de compensación de tono con la siguiente capa. ¡Termina!
🧇Agrega patrones a las texturas de las ilustraciones
Además de los fondos, también puedes agregar patrones como texturas de ilustración.
Recomiendo usar este enfoque en ilustraciones con bloques de color más grandes que necesiten aumentar la cantidad de información visual.
Además, dado que la ilustración ya está coloreada, se recomienda usar un patrón monocromático para evitar saturar el cuerpo principal de la ilustración.
🔧 Cómo usar los modos de fusión de capas: cómo hacerlo
1. Agrega una capa de patrón y configúrala como capa de recorte para la parte requerida. En la imagen de demostración, es la capa que se recorta a la ropa.
2. Configura el modo de fusión de capas y ajusta la opacidad de la capa según sea necesario.
💡 CONSEJOS
Usa modos de fusión de capas para conservar la luz y la sombra que se procesaron en la ilustración original.
Los diferentes modos de fusión tienen diferentes efectos. Para obtener más información, consulta esta demostración oficial o esta demostración.
Consulta la imagen a continuación, que es mi clasificación aproximada de los modos de fusión. Comienza con "¿Quieres que el patrón sea más oscuro o más claro que el objeto original?", prueba diferentes modos para ver cuál te gusta y luego ajusta la opacidad.
🌽 Añade el patrón al objeto en la ilustración①
Si desea que el patrón sea menos plano y más adecuado para la superficie del objeto, consulte las instrucciones de esta sección.
🔧 Cómo hacerlo
1. Después de agregar el patrón, primero puedes determinar el modo de fusión de capas y la configuración de opacidad, así como el tamaño y el ángulo del patrón para obtener una vista previa del producto terminado.
2. Si el patrón está conectado al borde del lienzo, debes crear un nuevo archivo que sea un poco más grande que el lienzo original.
3. Copia la capa del patrón y pégala en el nuevo archivo.
4. Capa del patrón de la imagen de matriz de puntos. Luego, cópiala y pégala en el lienzo original.
💡 CONSEJOS
Si el patrón no toca el borde del lienzo, puedes rasterizar directamente la capa del patrón sin crear un nuevo archivo.
El propósito de agrandar el lienzo es reservar un área más grande para que el patrón se deforme. De lo contrario, si el patrón necesita doblarse hacia adentro, se romperá en los bordes.
5. Seleccione el patrón redundante y elimínelo. (Es posible que deba mover el patrón ligeramente para eliminar las partes que estén fuera del lienzo)
6. Utilice la función [Deformación de cuadrícula] para deformar la imagen. La dirección de deformación debe estar asociada a la superficie del objeto y, en la siguiente figura, se dibujan líneas auxiliares para ayudar a ilustrarlo.
[Método de deformación de malla]
① Editar → Deformar → Deformar malla
② En la ventana de propiedades de la herramienta, puede ajustar la cantidad de cuadrículas.
③ Establezca en "Plano móvil".
④ Distorsione el patrón según la superficie del objeto.
7. Utilice [Máscara de recorte] y [Máscara de capa] para borrar las partes innecesarias. ¡Terminado!
🌽 Añade el patrón al objeto en la ilustración②
A veces necesitamos romper el patrón para adaptarlo a la superficie del objeto, lo que es especialmente común en la ropa.
El criterio para juzgar es: "¿Hay alguna parte del objeto que no se pueda ver?".
Si la hay, debes prestar atención a su sección transversal al pegar el patrón. A continuación, se mostrará cómo agregar un patrón con una sección transversal.
Antes de comenzar, analicemos la estructura del escote en la imagen de demostración:
① Hay 6 lados visibles en total.
② Los patrones n.° 3 y n.° 4 están mejor diseñados para que las personas vean la conexión porque no hay mucha parte doblada entre los dos lados. Por el contrario, otras caras, como 1 y 2, no necesitan estar conectadas porque hay muchas partes dobladas entre estas dos caras.
③ Además, los patrones n.° 1 a n.° 4 están orientados aproximadamente hacia el lado izquierdo de la imagen; mientras que los patrones n.° 5 y n.° 6 están orientados hacia el lado derecho, lo que suma dos direcciones principales. Por lo tanto, debemos realizar [Transformación libre] en dos capas de patrones: Edición → Transformar → Transformación libre o tecla de acceso directo: Ctrl+Shift+T, y primero transformar el patrón en una dirección aproximada.
(De hecho, la dirección del n.° 5 está en algún punto intermedio. Este paso consiste en hacer primero una deformación a gran escala y luego realizar ajustes finos).
④ Una vez completada la deformación, debe copiar el patrón deformado. El n.° 2 y el n.° 4 pueden compartir un bloque; el n.° 1 y el n.° 3 pueden compartir un bloque.
Como hay espacio entre las fresas en este patrón, solo concéntrate en las fresas cuando trabajes con ellas.
Primero, recomiendo usar la herramienta [Selección de línea de pliegue] para seleccionar el rango a lo largo del pliegue de la ropa.
1. En la primera capa del patrón, selecciona la cara n.° 3 y bórrala.
2. Selecciona la segunda capa del patrón (que se muestra en azul en la imagen de demostración) y procesa la forma de corazón entre la n.° 3 y la n.° 4. Como la n.° 3 está encima de la n.° 4, mueve la capa hacia arriba.
3. Limpia el exceso.
💡 CONSEJOS
Agregar deliberadamente patrones rotos a los bordes doblados puede lograr fácilmente un efecto realista.
Cuando encuentras un patrón en el borde, a veces necesitas agrandar el tamaño del lienzo para que sea más fácil de manejar.
Además, también puedes utilizar la herramienta [Licuar] para ajustar el patrón.
Conclusión
¡Gracias por leer hasta aquí!
Para mí, uno de los mayores desafíos a la hora de crear patrones sin costuras es: "¿Dónde empieza el patrón que quiero y dónde se repite? ¿Qué formas debo dibujar al principio para obtener ese patrón?".
Lamentablemente, esta pregunta solo se puede responder de manera intuitiva observando y analizando más el patrón.
Este artículo solo puede explicar algunas de las funciones del software, pero creo que es bastante útil para principiantes. ¡Ven y diviértete con el diseño de patrones!
¿Qué opinas de este artículo?
¡No dudes en dejarme un mensaje para hacérmelo saber! Espero que este tutorial te resulte útil.
Si te interesan mis obras, sígueme en mis redes sociales:
(en chino): Facebook @hye.art
(en inglés): X (antes Twitter) @hye_exc
Usuarios a los que les gustó esta publicación
Comentario