Super-Slick, separaciones de serigrafía con Illustrator

Para el diseñador de hoy, existe una gama versátil de medios para ver su obra de arte. El problema con esta gama versátil de medios es que no todos existen en monitores de alta resolución.

En este tutorial, exploraremos el proceso de llevar su diseño de la pantalla a la camiseta. Específicamente, abordaremos uno de los mayores dolores de cabeza para un diseñador: separar su diseño para imprimirlo. Los pasos de este tutorial le mostrarán cómo mantener a sus clientes en buen estado y a sus impresoras de pantalla sanas..

Vista previa de la imagen final

A continuación se muestra la imagen final y las capas separadas en las que trabajaremos. ¿Desea acceder a los archivos completos de Vector Source y las copias descargables de cada tutorial, incluido este? Únete a Vector Plus por solo 9 $ al mes.

Detalles del tutorial

  • Programa: Adobe Illustrator CS4
  • Dificultad: Intermedio
  • Tiempo estimado de finalización: 3 horas

Paso 1

Para comenzar, abra un nuevo documento en Illustrator de 15 pulgadas de alto por 12 pulgadas de ancho. 15 pulgadas por 12 pulgadas es a menudo el tamaño de pantalla más grande disponible cuando se imprime. En este punto, no debemos preocuparnos por la configuración de las hemorragias, ya que las configuraremos utilizando guías en el próximo paso.

Paso 2

Con nuestro documento recién creado, active las reglas con Comando + R y arrastre en 4 guías (haga clic en las reglas y arrástrelas al tablero de arte) cada 0.5 pulgadas desde el borde más exterior.

Nota: Si sus reglas no se muestran en pulgadas, simplemente haga clic derecho en la regla y seleccione pulgadas como se muestra a continuación.

Paso 3

Para este diseño de camiseta, necesitaba una referencia para dibujar un cráneo anatómicamente correcto. Al no tener acceso a una máquina de rayos X, ¡pude encontrar un conjunto gratuito de referencias anatómicas de cráneos que ofrecen Jimiyo y GoMedia! Visite Go Media y descargue el paquete de calaveras. Una vez descargado, ábrelo en Photoshop.

Comience por agarrar la Herramienta de selección y mantenga presionado Comando mientras hace clic en el cráneo que le gustaría usar (Estoy usando el segundo cráneo a la izquierda en la fila inferior). Al hacer esto, se resalta la capa que contiene el cráneo, lo que le ahorra las conjeturas de tener que averiguar qué cráneo está en la paleta de capas..

Etapa 4

Con su cráneo de elección y la capa correspondiente seleccionada, haga clic con el botón derecho en Icono de ojo Junto a él en la paleta de capas. luego seleccione Mostrar / Ocultar todas las otras capas. Ahora solo verás tu cráneo en la pantalla. Presione Comando + A para seleccionar todo, luego Comando + C para copiar, luego regrese a su archivo de Illustrator.

Paso 5

Con nuestro archivo de Illustrator ahora abierto, presione Comando + V para pegar la calavera en la mesa de trabajo. Una vez pegado, gire y mueva el cráneo al centro de la mesa de trabajo, o a un área de su gusto.

En la paleta de capas, haga doble clic en el nombre de la capa que contiene su cráneo y cámbiele el nombre de "bkgd" o "Fondo". También, haga clic en el botón Dim Images To, y déjelo al 50 por ciento (consulte la imagen a continuación para ver la configuración exacta que he usado). A continuación, debemos bloquear esta capa mediante la casilla de verificación Bloquear ubicada junto al icono de Visibilidad en la paleta Capas.

Para comenzar a crear los contornos negros de la calavera, primero cree otra capa nueva haciendo clic en el icono Nueva capa en la paleta Capas. Ahora cambie el nombre de esta capa a "black_outlines". Consulte las imágenes de la paleta de capas a continuación para ver exactamente lo que he hecho hasta ahora..

Paso 6

Antes de comenzar a crear nuestra obra de arte, me gustaría hablar sobre cómo habilitar una propiedad de color global de muestras y cómo habilitar esta característica puede ser extremadamente útil al diseñar prendas..

Primero, permítame mostrarle cómo habilitar esta propiedad y luego explicaré lo que hace. Cuando abra su nuevo documento, su panel de muestra estará predefinido con varios colores. Lo primero que debes hacer es eliminar todos estos colores excepto el negro, el blanco, el registro y la transparencia..

A continuación, desea hacer doble clic en la muestra de color blanco. Cuando hagas esto aparecerá un cuadro de diálogo. Marque la casilla Global y pulse Aceptar. Completa este mismo proceso para la muestra de color negro también..

Para agregar nuevos colores, haga clic en el botón Agregar nueva muestra (que se muestra a continuación) y cree su color con los controles deslizantes, active las propiedades de color globales y seleccione Aceptar.

Nota: sabrá que las propiedades de color globales están habilitadas si aparece un pequeño triángulo blanco en la esquina inferior derecha de sus muestras de color individuales.

La razón por la cual es genial usar la propiedad de color global es porque le permite cambiar cualquier color sobre la marcha sin tener que seleccionar elementos individuales en capas individuales.

Por lo tanto, siempre que use un color global, al hacer su trabajo de arte, simplemente haciendo doble clic en una muestra de color y cambiando su valor de color, ese nuevo color reemplazará globalmente al color original de ambos trazos y rellenos. Por lo tanto, si un cliente decidiera repentinamente que deseaba un monstruo marrón en lugar de un monstruo verde, todo lo que tendría que hacer sería modificar sus muestras de color verde para que fueran marrones y se actualizaría su obra de arte. No te mostraré cómo cambiar el color de esta obra una vez que hayamos terminado, pero quiero dejarte esa opción para cambiar los colores como mejor te parezcan una vez que hayas terminado..

Paso 7

Para crear este cráneo utilicé una tableta Wacom. Si no tienes uno, no te preocupes, puedes completar este tutorial. Mi sugerencia es referirse al Tutorial de calavera de lobo de tres colores, ya que emplearé un método similar de tres colores (color base, contornos negros y sombras).

Para los usuarios de Wacom, el siguiente paso es configurar nuestros pinceles. Comience abriendo la paleta de pinceles y seleccionando símbolo desplegable ubicado en la esquina superior derecha de la paleta Pinceles, luego elija agregar nuevo pincel. Haz de este pincel un pincel caligráfico con las siguientes configuraciones:

  • Establezca el diámetro en 9 puntos, luego seleccione Presión en el menú desplegable y haga la variación 9 puntos también. Esto permite que el pincel pase de un trazo de 1 pt a un trazo de 9 pt según la cantidad de presión que aplique a la tableta.
  • Presione Aceptar una vez que haya ingresado la configuración y seleccione su nuevo pincel en la paleta de capas.

NOTA: Como se indicó anteriormente, este tutorial se centrará más en los procesos finales de reducción de colores y separación de ilustraciones en preparación para la serigrafía. Probablemente, en el futuro, produzco un proceso de diseño más detallado al que me someto para crear una obra de arte de una camisa..

Paso 8

Seleccione la capa "black_outlines" y luego seleccione el nuevo Blob Brush de CS4. Establezca el color de relleno en negro y elimine el trazo si se ha aplicado un color de trazo.

Nota: Si no está utilizando CS4 y no puede usar el Pincel para manchas, no se preocupe. Use el pincel normal con el color Trazo establecido en negro y elimine el color de relleno si se ha aplicado un color de relleno.

En la primera imagen de abajo, demuestro cómo creo mis trazos. Tenga en cuenta la leve presión al principio de la línea y la fuerte presión al final. Usando este método de variaciones de presión, trace alrededor de los elementos clave del cráneo que requieren una línea negra nítida. Usando el mismo método, comience a sombrear las áreas más oscuras de la imagen para obtener profundidad. Las dos imágenes a continuación te ayudarán a comprender mejor a qué me refiero..

Paso 9

Continúe con el proceso descrito en el Paso 7 hasta que esté satisfecho con sus contornos negros. Ahora viene una técnica importante para asegurar que los bordes se mantengan afilados y limpios. Seleccione la herramienta Borrador (Shift + E) y elija el pincel que creamos anteriormente para hacer nuestros contornos negros.

Invierta la dirección del trazo y comience a borrar de las áreas más sombreadas a las áreas menos sombreadas usando la técnica de variación en la presión (consulte las imágenes a continuación para ver exactamente lo que quiero decir). Observe que las líneas son mucho más nítidas y detalladas después de aplicar este método..

Paso 10

Aquí están los contornos negros finales de la imagen del cráneo. También he añadido un delgado bigote y cejas para dar expresión al cráneo.

Paso 11

Bloquee la capa "black_outlines" y cree una nueva capa (vea el Paso 5) debajo para usarla para nuestro color base blanco. He llamado el mío "blanco".

Paso 12

Ahora cree otra nueva capa sobre la capa "blanca" y nómbrela "sombras". Usando un color azul claro o claro de su elección, comience a rellenar y delinear las áreas dentro y alrededor de los contornos negros con la variación en el método de presión utilizado anteriormente. Saber dónde y dónde no poner sombras lleva tiempo para aprender. Incluso no puedo pretender ser un maestro en eso. Sin embargo, es una habilidad que vale la pena practicar..

Paso 13

Para darle un poco de carácter al cráneo, agregué en las gafas de sol Wayfairer en una nueva capa, utilizando el mismo método que antes para crear los contornos de las gafas..

Paso 14

Continuando con el método descrito anteriormente, agregué las manos del cráneo. La imagen de mi paleta de capas muestra cómo he ordenado cada objeto. Los diferentes colores y sombras que he usado permiten todos los colores globales, que se pueden ver en la imagen de mi paleta de muestras..

Paso 15

Puede continuar agregando elementos al diseño como mejor le parezca. Para este diseño, he agregado el texto "SKULLS" (la fuente es Neutraface 2, con un trazo triple aplicado a través de la paleta de apariencia) y varios corazones de globos que actúan como elementos de fondo y de primer plano.

Paso 16

Con la obra finalizada, necesitamos hacer una versión duplicada para futuras ediciones y cualquier cambio que deba realizarse. Para hacer esto, primero cree una nueva capa (vea el Paso 5). He titulado mi capa "9_color_version".

Con la capa duplicada creada, resalte todas las capas en la paleta de capas excepto la capa "bkgd" y la capa "9_color_version" recién creada. Con todas las capas seleccionadas, excluyendo "bkgd" y "9_color_version", haga clic en cualquiera de las capas seleccionadas mientras mantiene presionada la tecla Alt y arrastra las capas seleccionadas a su recién creada "9_color_version layer". + El símbolo aparece junto a su cursor mientras arrastra las capas.

Para finalizar, bloquee y oculte (vea el Paso 5) su nueva capa "9_color_version" para su uso posterior si es necesario. Para los miembros de Vector Plus, esto significará que el archivo AI de origen se abrirá con una advertencia que indica que falta una fuente, aunque hay una capa final que tiene el tipo Contorneado.

Paso 17

Ha llegado al punto en el que necesita considerar sus costos de producción en comparación con sus ventas. Por ejemplo, si esta camiseta era para un cliente lucrativo, como una banda de alto perfil, o una gran compañía de indumentaria, sus ventas con mayores ingresos le permitirán utilizar más colores en su diseño..

Sin embargo, mantenerse por debajo de ocho colores es generalmente una buena práctica a seguir. Esto se debe a que simplemente no hay suficientes tiendas de serigrafía capaces de manejar más de ocho pantallas. Y aquellos que pueden a menudo le cobrarán generosamente por sus servicios especializados. Por lo tanto, por su propia cordura y la de su impresora, mantenga sus diseños en ocho colores o menos y recuerde que menos es más: las restricciones a menudo pueden conducir a grandes avances en el diseño. Usar estos límites e investigar diferentes técnicas y efectos de impresión ayudará a maximizar el valor visual y monetario de su camisa..

CONSEJO: Para obtener más información sobre las técnicas de impresión, consulte la guía de diseñadores de Go Media para la industria de la impresión de prendas de vestir y t-shirtforums.com para conocer las últimas técnicas de impresión de pantalla..

Una buena idea en este momento es crear una versión de su diseño limitada a cuatro colores. De esta manera, puede presentar a los clientes dos opciones distintas, una de las cuales es más rentable. Al elegir qué colores omitir de su diseño, tenga en cuenta que el blanco y el negro también cuentan como un color. Por lo tanto, si su diseño incorpora negro y / o blanco, está limitado a elegir solo dos colores adicionales.

Una forma de elegir sus colores es averiguar qué es lo que más se aplica en su diseño. En el caso del diseño del cráneo, el rosa y el azul, además del blanco y negro, son los más frecuentes. Por lo tanto, el siguiente paso será modificar este diseño para incluir solo el azul, el rosa, el negro y el blanco..

Si todas estas restricciones de color parecen desalentadoras, recuerde que siempre puede usar el color de su camisa como un color. Para muchas impresoras, el santo grial de la serigrafía es un diseño brillante en una camisa negra sin sensación de tinta. La sensación de tinta se refiere a la sensación de plástico que las impresiones enormes que contienen muchos colores dan a una camisa cuando se usa. Mi punto es: si puede eliminar un color de su impresión usando el color de la camisa, HÁGALO. Tu camiseta lucirá y se sentirá mejor..

Consiga un bocadillo o una bebida, es hora de tomar un descanso y volver a estar recargado y listo para más.

Paso 18

Para comenzar el proceso de cambio de coloración, primero cree una nueva capa (vea el Paso 5) titulada "4_colored_version". Resalte las capas de ilustraciones que copió antes (Paso 15) y arrástrelas a su nueva capa "4_colored_version" creada. utilizando esta nueva capa como una carpeta para alojar nuestras ilustraciones para mantener la paleta de capas organizada. Vea las imágenes a continuación para referencia.

Paso 19

Ahora estamos listos para empezar a reducir nuestros colores. Para ello vamos a hacer uso de la herramienta Varita mágica. Personalmente pasé por alto esta herramienta hasta que descubrí esta técnica y, para ser honesto, no sé cómo diseñé sin ella. La Herramienta Varita mágica muestra el color del objeto en el que se hace clic y luego resalta todos los demás objetos que usan el mismo color de relleno..

Ahora puede ver la importancia de ver su configuración de relleno / trazo y por qué se usó la herramienta de pincel de manchas. El pincel de manchas cambia cada pincelada en su propio objeto individual relleno. Cuando superpones estos objetos con un color similar, continúan fusionándose creando, lo adivinaste, un blob que solo contiene un color de relleno. Por lo tanto, cuando utilice la herramienta Varita mágica para modificar los colores, no debe preocuparse por tener objetos con el mismo trazo y color de relleno porque ninguna de sus ilustraciones tiene un trazo (menos el texto, por supuesto, pero cubriremos que muy pronto).

Para aquellos de ustedes que usan el método de cráneo de lobo de 3 colores, esto es lo que debe hacer para expandir sus trazos y fusionarlos en manchas:

  • Selecciona todos tus trazos de un color particular. (Hacer clic en el círculo al lado de un nombre de capas en la paleta de capas funcionará).
  • Abra el menú Objeto en la barra de menú y seleccione Expandir.
  • Asegúrese de que las casillas de Relleno y Trazo estén marcadas y haga clic en Aceptar.
  • Con los objetos recién creados seleccionados, abra la paleta de Pathfinder (Ventana> Pathfinder).
  • Haga clic en el botón Combinar. Esto hará que todos sus objetos superpuestos en un solo objeto.

Ya hemos elegido nuestros colores, así que es hora de empezar a experimentar. Para mí, me tomó un poco de tiempo descubrir cómo mantener el corazón del globo sin perder su apariencia. Mi solución final fue alternar el color de los corazones entre azul y rosa..

A continuación, cree una nueva carpeta de muestras haciendo clic en el icono de carpeta con la +Y Símbolo a su lado (ubicado en la parte inferior de la paleta Muestras). Nombra la nueva carpeta de muestras "4_color_swatch". Ahora arrastre los 4 colores que usará en la carpeta. Usa la imagen de abajo como referencia.

Paso 20

Ahora seleccione la herramienta Varita mágica y seleccione el color que desea cambiar. En este caso, seleccioné el azul más oscuro usado para colorear los globos del corazón (tenga en cuenta que en la siguiente imagen se han seleccionado todos los demás objetos con el mismo color de relleno azul oscuro).

Con estos objetos seleccionados, aparecerá un menú desplegable para el color de relleno y trazo de los objetos seleccionados en el panel de control (ubicado debajo de la barra de menú). Como se demostró en mi diseño, el color azul oscuro se encuentra en el menú desplegable de relleno y el menú desplegable de trazo no contiene color. Haga clic en el menú desplegable de relleno y cambie este color a uno de los cuatro colores que ha seleccionado. En este caso, estoy cambiando el azul oscuro al rosa..

Seleccionando con la herramienta Varita mágica

Haciendo clic en el color de relleno desplegable en el panel de control

Cambiando el color de relleno a uno de mis cuatro colores.

Después de realizar el cambio de color.

Paso 21

Use la herramienta Varita mágica para continuar coloreando el resto de su trabajo con los cuatro colores que ha seleccionado. Así que para resumir el proceso: seleccione el objeto con la herramienta Varita mágica, haga clic en el menú desplegable de color de relleno ubicado en el panel de control, luego cambie el color de relleno a uno de sus cuatro colores de relleno.

Nota: en algunas circunstancias, el método de la Herramienta Varita mágica puede ser un poco delicado. Una situación que puede causar dolores de cabeza es cuando es necesario cambiar el color de un conjunto particular de elementos que ya se han modificado a uno de los cuatro colores elegidos..

La herramienta Magic Wand Tool no podrá detectar qué objetos se han modificado y comenzará a seleccionar el objeto que desea modificar, además de todos los demás objetos cambiados al color de ese objeto. La solución para esto es el viejo Command + Z. Solo retrocede hasta que puedas cambiar el objeto deseado al color deseado..

Paso 22

Con la nueva coloración completa, aquí está mi versión de cuatro colores del diseño del cráneo.

Paso 23

¡Descansa el tiempo otra vez! Ya casi estás al final, así que haz lo que tienes que hacer, vuelve, acomódate y terminemos.!

Paso 24

Ahora es el momento de separar nuestros colores. Sé lo que estás pensando finalmente ¿Correcto? Lo primero que debemos hacer es crear otra de esas capas de contención que hemos estado usando para mantener nuestra paleta de capas organizada. Usted conoce el ejercicio, cree una nueva capa y nombre esta "separación" (vea el Paso 5) y colóquela sobre todas las otras capas, como se muestra a continuación.

Paso 25

Este paso es un poco diferente de la forma en que previamente copiamos nuestra obra de arte de capa a capa. Esta vez no queremos que nuestra obra esté separada por el color y el objeto. Más bien, queremos todo lo contenido en una sola capa. Para ello, haga clic en el botón objetivo de círculo; junto a la capa "4_color_version" en la paleta de capas. Cuando haya terminado, su diseño debería parecerse al mío en la captura de pantalla siguiente, con todos los objetos individuales seleccionados en la mesa de trabajo, no simplemente las capas en la paleta de capas.

Paso 26

Con todos sus elementos seleccionados, haga clic y arrastre el plaza de arte seleccionada que ahora ha aparecido al lado del circulo Hicimos clic anteriormente. Ahora mantenga presionada la tecla alt mientras hace esto y una + El símbolo debería aparecer al lado de su cursor. Arrastre este cuadrado a la capa de "separaciones" y suelte. Ahora deberías ver los objetos delineados (muestra que fueron seleccionados) con el mismo color, en lugar de la apariencia del arco iris que tenían antes..

En la paleta de capas ahora debería haber copiado todos los objetos de la capa "4_color_version" en la capa única llamada "separaciones". Bloquee y oculte (vea el Paso 5) la capa "4_color_version" tal como hicimos para "9_color_version" ( vea la captura de pantalla a continuación para una mejor comprensión).

Paso 27

Si ha agregado en su propio texto, es hora de expandirlo para que podamos incluirlo en nuestras separaciones. Para hacer esto, seleccione su texto y abra el menú Tipo en la barra de menú, luego seleccione Crear Contornos. A continuación, seleccione el menú Objeto en la barra de menú y seleccione Expandir apariencia.

Finalmente, vaya al menú de objetos nuevamente y seleccione Expandir. Cuando aparezca el diálogo, asegúrese de que tanto el relleno como el trazo estén marcados y presione Aceptar. Tu texto ya está listo para separar.

Paso 28

Con todos nuestros objetos aún seleccionados en nuestra capa de "separaciones", abra el Pathfinder. (Si no está abierto, vaya a Ventana en la barra de menú y haga clic en Pathfinder para abrirlo).

Ahora vamos a dividir todos nuestros elementos. Para hacer esto, haga clic en el botón Dividir ubicado en la segunda fila de botones, más a la izquierda. Esta operación puede llevar algún tiempo dependiendo de la velocidad de la computadora y la complejidad de su diseño. Una vez dividido, aparecerá exactamente igual que antes. No te preocupes, esto es exactamente lo que estamos buscando..

El proceso de dividir examina todos los objetos que se encuentran en una capa y los divide en algo parecido a una pieza de rompecabezas. Excepto, cada color tiene su propia pieza designada que se encuentra junto con los bordes de los otros objetos a su alrededor. Sé que suena confuso, pero déjame explicarte por qué dividir es increíble.

Al dividir, los colores y objetos que habrían estado debajo de otros objetos han sido reemplazados por el color y objeto más superior. Esto se debe a que hemos superpuesto todo para que se superponga. ¿Todavía no lo entiendes? Continúa con los siguientes pasos y entenderás lo que quiero decir..

Paso 29

Dentro de nuestra capa de "separaciones", vamos a crear cuatro capas nuevas: una capa negra, blanca, azul y rosa, o cualquiera de los cuatro colores que hayas elegido. Consulte la captura de pantalla de mi paleta de capas para ver a qué me refiero..

Me esfuerzo: estas cuatro capas nuevas deben estar dentro de la capa de "separaciones"!

Paso 30

Usando la herramienta Varita mágica, ahora vamos a hacer clic en uno de nuestros colores elegidos. En este caso, elegí el negro. Después de hacer clic en negro, todos los demás rellenos negros se seleccionarán de nuestras ilustraciones divididas. Con estos rellenos negros ahora resaltados, seleccione Combinar en la paleta del buscador (vea el Paso 27 para ubicar la paleta del buscador). Esto une a cualquier elemento superpuesto y elimina el picado que pueda haber notado en la parte interior de la boca del cráneo. Vea las tres imágenes a continuación que resaltan este paso..

Selecciona negro con la herramienta Varita mágica

Fusionar los negros recién seleccionados

Paso 31

Una vez que haya terminado de fusionar sus elementos negros, manténgalos resaltados. Dentro de la capa de "separaciones" busque un cuadrado negro que aparezca junto a la capa titulada "". Haga clic y arrastre este cuadrado a la capa titulada" negro "para colocar nuestros objetos negros recién fusionados en la capa" negra ". Bloquee y oculte esta capa (como en el Paso cinco).

Paso 32

Repita los pasos 29 y 30 hasta que todos los demás colores, incluido el blanco, estén en una de las capas de color individuales que creamos anteriormente. A continuación hay capturas de pantalla de mí completando estos pasos para el resto de mis colores..

Paso 33

Después de completar los pasos anteriores, debe quedar con cinco capas en su capa de "separación". Estos incluyen sus cuatro capas de color y la capa "grupo". Ahora continúe y elimine la capa "grupo", ya que ya no es necesaria. La capa "grupo" solo contiene las rutas que quedaron creadas cuando dividimos nuestras ilustraciones para la separación.

La primera imagen a continuación muestra cómo aparecen estas rutas dejadas. La segunda imagen muestra todas las separaciones completadas en capas y listas para imprimir..

Conclusión

Ahí tienes. Ha creado una versión rentable y costosa de su obra de arte y ahora ha aprendido el proceso de dividir, la varita mágica seleccionando, fusionando y colocando las separaciones finales. Este sistema de separación, descrito en este tutorial, funcionará en diseños con cualquier número de colores. Las únicas advertencias a este sistema giran en torno a gradientes y transparencias..

No obstante, no dude en llamar a una impresora de pantalla local para preguntar cómo configurar elementos como transparencias y degradados. Tenga en cuenta que, si está utilizando una empresa de serigrafía establecida, a menudo ser