Introducción

A lo largo de este tutorial, intentaremos cubrir las bases del diseño de vestuario, comenzando con una revisión de diferentes estilos y siluetas y luego repasando diferentes métodos para conceptualizar y crear sus propios diseños.

Referencias rápidas de estilo de diseño

Para comenzar, comencemos explorando algunos estilos diferentes. Tenga en cuenta que hay muchas posibilidades diferentes y, aunque he tratado de ser lo más completo posible, estas están destinadas a servir como punto de partida y de ninguna manera son una representación completa de lo que es posible que desee utilizar.

 ✧ escotes

 ✧ Collares

 ✧ mangas

 ✧ Faldas

 ✧ Pantalones y otras partes inferiores

 ✧ Líneas de diseño

Además de los elementos anteriores, también hay infinitas opciones de accesorios. Diferentes tipos de lazos y cintas, bolsillos, botones, sombreros, zapatos, muñecas, sombrillas, anteojos, estilos de encaje y cualquier otra cosa que desee utilizar para diferenciar su diseño.

 

Incluso la suma o resta de una cosa puede cambiar drásticamente un diseño. Echemos un vistazo al ejemplo a continuación.

Trabajando con referencias

Ahora que hemos explorado algunos estilos diferentes, echemos un vistazo a cómo podemos agregarles detalles.

 

Comenzaremos configurando un panel de ánimo o una página de referencias.

Las imágenes que he elegido son una combinación de diferentes fotos que he tomado. Puede elegir imágenes para la sensación general, porque transmiten una idea que le gusta o incluso porque le gusta el color, los contornos o las formas. No se preocupe si no usa todas las imágenes como inspiración en su diseño final; puede decidir centrarse en uno o ir por una ruta diferente, por completo.

Desarrollando ideas y conceptos

Para extraer más ideas de nuestras imágenes, intente esbozar conceptos relacionados, como si estuviéramos creando una web: una idea vinculada a otra con diferentes grados de relación, pero relacionada, no obstante. Las ideas pueden inspirarse en opuestos, formas, colores, sentimientos o incluso combinaciones entre ellas y algo más.

 

Observe cómo las flores en la imagen superior izquierda pueden inspirar campanas o estrellas, y luego, desde allí, diferentes tipos de campanas y estrellas, o incluso una combinación de las dos. Podemos seguir combinando elementos y dibujando de ellos, hasta que tengamos algo con lo que estemos contentos. Algunos ejemplos a continuación:

Ahora que hemos esbozado algunas ideas, intentemos ponerlas en práctica:

Observe cómo las flechas vinculan algunos puntos de inspiración.

Empezando

Ahora que hemos repasado el proceso de diseño, creemos un nuevo documento y establezcamos nuestra resolución en 300 DPI (resolución de impresión estándar).

Comencemos dibujando algunos conceptos; puedes dibujar tantos como quieras, pero tres pueden ser un buen número para empezar. A veces nos gustarán ciertos aspectos de un boceto y descubriremos que combinarlos con otro crea un mejor diseño general y, a veces, disfrutaremos de un boceto posterior más que el primero.

Los bocetos anteriores se basan en el panel de estado de ánimo que hemos creado anteriormente, con algunos aspectos más destacados y otros relacionados con conceptos similares. Observe cómo cambiar el tipo de sombrero en el primer boceto cambia la sensación general del diseño.

 

En el boceto base, utilicé un peinado simple y versátil, por lo que se prestaría fácilmente a diferentes conceptos. No tiene que dibujar su peinado desde el principio, pero a veces el tipo de cabello que elige puede evocar diferentes estados de ánimo e inspirar diferentes tipos de diseños.

 

El boceto base (Capa 1), como habrás notado, también tiene un color mucho más claro que los bocetos de vestuario (Capa 2). Para cambiar rápidamente un color de capa, primero seleccione su capa y luego haga clic en el botón [Color de capa] en la ventana [Propiedad de capa].

Me gusta el color predeterminado, pero siempre puedes cambiar el color de tu línea haciendo clic en ❷. Esto lo llenará con su color de pincel actual. También puede hacer clic en ▶ junto a él, para que aparezca una rueda de selección de color.

 

Presione [X] en su teclado para cambiar rápidamente entre los colores de primer plano y de fondo.

 

 ✦ Si no ve esta ventana, puede encontrarla en [Ventana]> [Propiedades de capa].

 

 

Mirando mis bocetos, decidí trabajar con el n. ° 4. Dado que nuestros bocetos son aproximados, utilizaremos el Color de capa en nuestro boceto de vestuario y crearemos una nueva capa sobre él para nuestro lineart.

 

Para verificar si hay errores en su boceto antes de entintar, intente usar el [Navegador] para voltear su vista del lienzo horizontalmente.

 

Como mi dibujo está configurado en vista 3/4, no usaré la regla simétrica, pero si tiene alguna pieza en su trabajo que le gustaría reflejar, es una herramienta útil para usar. Después de seleccionar la [Regla simétrica] en el panel de herramientas, haga clic en cualquier lugar y dibuje.

Para desactivar la regla en una capa, desmarque donde dice [Mostrar solo al editar destino]:

Una vez que tenemos nuestro lineart completado, podemos comenzar a colorear. Dado que queremos asegurarnos de que el color llene nuestras líneas por completo, creemos una nueva ventana para nuestro trabajo y arrastre una de las ventanas hacia un lado. Mantendremos uno alejado y estableceremos uno en un zoom más cercano.

Ahora que tenemos nuestras dos ventanas listas, podemos comenzar a colorear.

 

 ❶ Establezca el lineart como una Capa de referencia.

 ❷ Configure su herramienta de relleno en ❸ [Consulte otras capas] u otra herramienta con referencias múltiples.

Si bien la herramienta [Referir a otras capas] es predeterminada para Clip Studio, las otras dos que he resaltado fueron creadas por otros y se pueden encontrar en el almacén de activos. He incluido un enlace a cada uno a continuación.

En su capa de color (debajo del lineart), complete o dibuje una selección alrededor del área que desea llenar (dependiendo de la herramienta).

 

 ✦ Es posible que desee rellenar colores para diferentes piezas de ropa en capas separadas.

Crear un patrón a partir de una imagen

Ahora que nuestros colores base están en su lugar, agreguemos un patrón al diseño. He pintado algunas flores de estilo acuarela en un lienzo separado y las guardé como .png para preservar la transparencia.

 

Primero, seleccione la capa a la que le gustaría aplicar el patrón. En [Archivo]> [Importar]> [Patrón de imagen].

 Pattern Nuestro patrón aparecerá sobre nuestra capa de color.

 ❷ Seleccione el patrón y [Recortar a capa a continuación].

 ❶ Para escalar nuestro patrón, vaya a [Operación] y seleccione [Objeto].

 ❷ Arrastre la barra hacia arriba o hacia abajo para cambiar la escala del patrón. En [Relación de escala], también puede cambiar [Ángulo de rotación].

A continuación, dupliqué la capa del patrón hasta que tuve tres y luego cambié la escala de cada una para obtener una apariencia más detallada.

 

Al agregar una capa sobre su patrón y luego recortarla en la capa de abajo, se recortarán todas las capas de clip en la primera capa no recortada debajo de ella.

Crear un patrón de rayas

Para crear un patrón de rayas, crearemos una nueva capa encima del color base al que queremos que se aplique el patrón.

 

Seleccione la herramienta [Gradiente] y luego [Raya].

 

Con la herramienta de rayas seleccionada, arrastre una línea en su nueva capa. Cuanto más larga sea la línea, más ancha será tu franja.

 

Recorte su capa de rayas a su capa de color.

Como no queremos que nuestra banda sea plana, usemos la herramienta [Transformación de malla], ubicada en [Editar]> [Transformar]> [Transformación de malla].

Mueve los puntos de la cuadrícula y presiona OK.

Para formas más complejas, podemos aumentar el número de puntos de la red (puntos de cuadrícula) hasta diez.

Crear un pincel: agregar un borde

Dado que nuestro diseño originalmente tenía un collar floral, necesitaremos crear un nuevo pincel para esto.

 

Comience creando un nuevo archivo con una resolución mínima de 300 DPI. Queremos hacer que nuestro pincel sea más grande de lo que anticipamos, debido a la escala.

 

En una nueva capa transparente, dibuje una imagen que le gustaría convertir en un pincel. Para este pincel, he dibujado algunos pensamientos diferentes.

Para pintar las flores, bloqueé las formas de los pétalos, en lugar de comenzar con un lineart. Esto está bien, y siempre podemos agregar algunas líneas rápidas alrededor de cada flor, antes de convertirla en un pincel.

 

 ❶ Seleccione la capa de imagen a la que desea agregar líneas.

 ❷ Seleccione [Modo de fusión] en el panel [Propiedades de capa].

 ❸ Cambiar el tamaño del borde (elegí 1px). También puede cambiar el color del borde, a continuación.

El efecto de borde ahora también se aplicará a todo lo que dibuje en la capa. Si le gusta el borde pero no desea que lo tengan nuevos elementos, podemos rasterizar nuestra capa. Es posible que desee guardar una copia de la capa sin el borde, primero.

 

Para rasterizar, haga clic derecho en la capa y seleccione [Rasterizar].

Aquí hay una comparación de nuestra imagen con y sin las líneas agregadas:

Crear un pincel: registrar materiales

Antes de registrar nuestro pincel, querremos decidir si queremos conservar nuestros colores originales o no. Por defecto, nuestro color de expresión está configurado en modo de color. Si desea mantener los colores originales, deje esto solo y omita el siguiente paso.

 

Si queremos que el color del pincel ignore el color original y use nuestros colores de primer plano y de fondo, debemos establecer el [Color de expresión] en [Gris].

 

 ❷ Asegúrese de seleccionar [Aplicar color de expresión de vista previa].

 

 ✦ (Omita el paso anterior para conservar el color de la imagen original en el pincel).

Si sus imágenes no están en capas diferentes, dibuje una selección alrededor de la imagen que le gustaría hacer en un pincel.

 

Para registrarse, [Editar]> [Registrar material]> [Imagen].

 

 

Aparecerá un cuadro de diálogo de propiedad de material. La imagen mostrada representa cómo se verá la punta del pincel. Si mantuvo el modo de expresión en color, su imagen será de color. Si lo configura en escala de grises y todavía aparece en color, regrese y asegúrese de haber seleccionado [Aplicar color de expresión de vista previa].

 

 

Echemos un vistazo a algunas de nuestras opciones de material.

 

 ❶ El nombre que le das a tu pincel se puede usar para buscar la forma de la punta.

 ❷ Asegúrese de que [Usar para forma de punta de pincel] esté marcado.

 ❸ Debe seleccionar una carpeta para guardar su pincel, antes de poder guardarlo.

 ❹ Opcionalmente, puede agregar múltiples etiquetas de búsqueda que se aplicarán a la forma de la punta del pincel.

Crear un pincel: pasos finales y configuración del pincel

Ahora que hemos registrado nuestras puntas de pincel, podemos trabajar en las etapas finales de nuestro pincel.

 

Si tiene un pincel con configuraciones que ya le gustan, puede crear un duplicado y reemplazar la punta del pincel. Si crea muchos pinceles, esto puede ahorrarle tiempo más adelante.

 

Por ahora, comencemos trabajando desde un nuevo pincel.

 

Debajo del panel de pincel, seleccione el icono ▶ ≡ y luego [Crear subherramienta personalizada].

Ahora se nos presenta la ventana Crear subtool personalizada. Démosle un nombre a nuestro pincel.

 

 ❶ Clip Studio viene con muchos bonitos íconos de pincel que podemos usar para nuestro pincel. He seleccionado el icono de la flor para esto, pero puedes seleccionar otro o incluso crear el tuyo propio.

 ❷ Si desea utilizar su propio icono, simplemente seleccione [Configuración de usuario] y busque un archivo.

 ❸ Aquí, opcionalmente, podemos agregar un color de fondo a nuestro icono de pincel.

Cuando esté listo, presione OK.

 

Su pincel ahora aparecerá como un pincel redondo básico en el panel Subherramienta en el que lo creó.

 

Para agregar la punta del pincel que hicimos anteriormente, seleccione la [Paleta de detalles de la herramienta secundaria] o el icono de llave inglesa ❶.

 

En la ventana Detalles de la herramienta secundaria, seleccione [Punta de pincel] ❷ y luego el icono de página ❸.

 

Usando el nombre de la punta del pincel o la etiqueta de búsqueda, busque la imagen del pincel. Para seleccionar más de una imagen, mantenga presionada [Shift] o [Ctrl] en su teclado. Presiona OK.

 

 ❹ Guardemos nuestros cambios seleccionando [Guardar todas las configuraciones como predeterminadas].

Intente experimentar con otras configuraciones de pincel y luego guarde sus configuraciones como predeterminadas, una vez que haya encontrado las configuraciones que le gustan.

 ✦ Si la imagen del pincel no cambia con el tamaño del pincel, intente cambiar el [Tamaño de partícula]. Seleccione [↓] para cambiar la configuración del tamaño de partícula, como la presión de la pluma.

Hacer un cepillo de volantes

En negro, dibuja un conjunto de volantes (cuanto más larga, menos repetición en el pincel). Rellene con blanco y luego cambie el modo de color a [Gris].

 

 ✦ Al hacer un pincel de volantes o un pincel que desee que sea transparente, asegúrese de que ambos puntos finales estén alineados entre sí.

Cuando los puntos finales coinciden, siga los pasos anteriores para crear un pincel y luego configure su pincel en [Modo de cinta] en la ventana [Detalle del pincel].

Debido a que dibujamos nuestro pincel horizontalmente y nuestro pincel está predeterminado a una rotación de 180, todavía no se parece al ejemplo anterior. En cambio, se parece un poco a esto:

Al cambiar la [Dirección] a 90, podemos lograr el efecto deseado.

Aplicando detalles

Ahora que hemos creado nuestros pinceles, volvamos a nuestro diseño y comencemos a aplicarlos.

 

También podemos agregar un fondo simple al aerografiar ligeramente las piezas de la capa en la que nuestro patrón está configurado para recortar.

 ✦ Para agregar encaje y otros detalles, podemos usar un pincel de decoración. Para este diseño, he usado algunos pinceles personalizados, así como el pincel de flores y volantes que acabamos de hacer. Clip Studio también viene con su propio cepillo de volantes, así como otras herramientas de decoración. Además, puede encontrar otros pinceles en la tienda de activos. Aquí puede encontrar los pinceles decorativos de Clip Studio:

Para las botas, he usado un pincel de decoración con cordones. No encaja del todo, pero podemos ajustar esto con la herramienta [Transformación de malla]. Para revisar, puede encontrar esta herramienta en [Editar]> [Transformar]> [Transformación de malla].

 

En nuestro ejemplo anterior, utilizamos una cuadrícula de 3x3, pero esta vez intentaremos con un 10x10.

Mueve y pellizca las esquinas. Intente experimentar moviendo diferentes puntos y vea cómo cada uno afecta el resultado.

 

Borremos algunas partes y agreguemos un lazo a la parte superior. También he agregado algunos detalles, como las costuras.

 

Para crear el vínculo, crearemos una nueva capa y aplicaremos un borde. Ahora, cuando dibujemos el empate, ya se describirá. Recuerde que la herramienta para esto se encuentra en el panel [Propiedad de capa].

También podemos aplicar un borde a nuestra capa de pincel para que se destaque y se parezca más a la textura de una bota real.

Tenga en cuenta que agregar un borde puede dificultar el color de las arandelas debajo de la capa del pincel y es posible que tenga que colorear en la parte superior. Comparemos los diferentes efectos de cada decisión.

 ❶ Sin borde en la capa de pincel. Arandelas coloreadas debajo de la capa del cepillo.

 ❷ Sin borde en la capa de pincel. Arandelas coloreadas sobre la capa del cepillo.

 ❸ La capa de pincel está configurada para tener un borde. Arandelas coloreadas sobre la capa del cepillo.

 

Como puede ver, cuando agregamos un borde, nuestros colores están más apagados, mientras que sin ellos, podemos lograr un color más vivo. Siempre puede crear una apariencia más vívida con un borde, pero los ejemplos a continuación son para mostrar las diferencias usando la misma capa de color.

 

Si desea un borde donde iría la costura, pero como el color de ❶ o ❷, simplemente duplique la capa de pincel sin borde y colóquela debajo de la capa de borde.

 

Haga clic derecho en la capa con el borde> Rasterizar. Y luego borrar sobre las arandelas y / o cordones.

Finalizando el diseño

Ahora que hemos aplicado todos nuestros pinceles de decoración, terminemos de colorear nuestro diseño.

 

Aunque agregamos algunos detalles a nuestros cordones, querremos esperar hasta el final para terminar de sombrear los volantes. Cuando termine, cree una nueva capa sobre nuestros volantes y configúrela en modo de recorte.

 

La razón por la que esperamos sombrear los volantes es para que podamos usar los colores de las áreas circundantes como parte de las sombras.

Echemos un vistazo a la imagen final:

Pensamientos finales

Aunque nuestro diseño final se inspiró en nuestra tabla de humor, recuerde que no siempre es necesario apegarse a él, sino tratarlo como una herramienta y dejar que inspire creatividad. Puede haber ocasiones en las que tengamos que trabajar dentro de ciertos perímetros y también puede disfrutar asignándose diferentes estilos o conceptos para trabajar y ver cuántos diseños puede hacer que se ajusten al tema.

 

Intente conservar una copia de todos sus diseños, independientemente de si los termina utilizando o no, ya que puede inspirar algo más adelante o servir como referencia para mirar hacia atrás, preguntándose por qué no fue algo que usted usado.

 

 

Para cualquier otra pregunta, no dude en enviarme un mensaje a través de Twitter o dejar un comentario a continuación.

Espero que este tutorial te haya sido útil y te diviertas diseñando.