Cómo diseñar una divertida ilustración de camiseta con un mono

Hace unos días publicamos un conjunto de a href="https://.net/downloads/mockup/men-tee-shirt-templates-vol1/"plantillas de maquetas de camisetas/a. Hoy os voy a enseñar a crear una bonita ilustración de un mono y a aplicarla en una camiseta del conjunto. Utilizaremos herramientas de Photoshop para modificar imágenes de stock y trabajar con sombras y contrastes de color. Después pasaremos a Illustrator para crear el mono vectorial. Aunque el resultado puede parecer fácil de conseguir, estoy seguro de que aprenderéis algunos trucos nuevos con este tutorial.

El mundo del diseño de camisetas es una de mis fuentes de inspiración favoritas. Cada vez que camino por las calles comerciales de mi ciudad, paso la mayor parte del tiempo observando diseños y gráficos atractivos. Esta es la obsesión clásica del diseñador gráfico: ver patrones y formas inspiradoras por todas partes. En la web, hay sitios como DesignByHumans y Threadless que visito con regularidad.

En la web hay tutoriales muy buenos sobre cómo crear una camiseta gráfica en Photoshop y cómo preparar archivos para serigrafía. Recientemente, James Davies ha escrito un tutorial sobre este tema específico en PSDTuts . Te sugiero que también eches un vistazo a este videotutorial publicado por Jimmy Heartcore.

Hoy no voy a hablar de técnicas de impresión. Este tutorial trata de cómo crear una divertida imagen vectorial que se puede aplicar fácilmente en una camiseta. Al final del proceso utilizaremos la herramienta de calco en vivo de Illustrator para lograr el resultado final, pero requiere un proceso en Photoshop para preparar la imagen para el calco en vivo. ¡Comencemos!

Resultado final:

[hidepost] [descarga format="1"] [/hidepost]Conviértete en miembro Premium y obtén acceso ilimitado a archivos fuente y recursos premium por solo $7 al mes. Haz clic aquí para obtener más información .

Material de soporte:

• Mono de stock.xchng (gratis)
• Cigarrillo de stock.xchng (gratis)
• Gafas de stock.xchng (gratis)

Para usuarios de Mac:

• Ctrl=cmd
• alt=opción

Paso 1

Comenzaremos haciendo una composición en Photoshop con estas tres imágenes:

Abre la imagen del mono en Photoshop, haz zoom en la cara del animal, toma la herramienta de lápiz y comienza a trazar la cabeza. Vamos a extraerla, que es la única parte que necesitamos. No tienes que ser demasiado preciso con la herramienta de lápiz.

Una vez que la ruta esté cerrada, presione Ctrl+Enter para crear una selección. Luego presione el botón "Agregar máscara de capa" para aislar la selección del fondo.

Nota: Si eres nuevo y no sabes cómo extraer objetos en Photoshop, echa un vistazo a nuestro tutorial sobre técnicas de extracción de Photoshop.

Paso 2

Abra la imagen de las gafas en Photoshop y utilice la misma técnica del paso 1 para extraerlas. En el documento de las gafas, haga clic con Ctrl+C en la máscara de la ventana de capas para seleccionar las gafas y, a continuación, presione Ctrl+C para copiar. Abra el documento del mono y presione Ctrl+V para pegar.

Paso 3

Es necesario cambiar el tamaño de las gafas y rotarlas para que coincidan con la cara del mono. Presiona Ctrl+T para activar la herramienta de transformación y reducir el tamaño de las gafas y rotarlas un poco.

Paso 4

La oreja izquierda del mono está demasiado alta. Quita la máscara: haz clic derecho sobre la máscara en la ventana de capas y selecciona "Aplicar máscara de capa". Luego ve a FiltroLicuar. La imagen aparecerá en una nueva ventana. En caso de que quieras visualizar la posición de las gafas, marca "Mostrar fondo". Toma la herramienta de deformación hacia adelante (W) y mueve la oreja hacia abajo. Si quieres, puedes modificar otros detalles de la cara. Por ejemplo, he jugado con los labios del mono para dar la impresión de que está sonriendo.

Después de hacer visible la capa de anteojos, la oreja sigue estando demasiado alta. Aquí está la solución: seleccione la capa de anteojos y vaya a EdiciónTransformarDeformar. Mueva los puntos de ancla para modificar la forma de los anteojos.

Tenemos que eliminar algunas partes de las gafas. Reducir la opacidad de la capa: esto ayudará a entender mejor dónde trabajar. Luego, seleccione la máscara en la ventana de capas, tome un pincel negro y pinte sobre las partes que desea eliminar.

Nota: Con la máscara seleccionada, se utilizan pinceles negros para eliminar áreas de la imagen, mientras que pinceles blancos para restaurarlas.

Paso 5

Ahora que las gafas combinan perfectamente con la cara del mono, podemos extraer el cigarrillo y pegarlo en el lienzo:

Paso 6

Oculta por el momento las capas de gafas y cigarrillos. Necesitamos modificar un poco la cabeza del mono. Ten en cuenta que usaremos la herramienta de trazado en vivo de Illustrator para reconocer y trazar las áreas en blanco y negro de la imagen. Para obtener un buen resultado, necesitamos aumentar los contrastes de la imagen y oscurecer los bordes de la misma. Empecemos por desaturar la imagen. Con la capa del mono seleccionada, ve a imagenajustesdesaturar o presiona shift+ctrl+U. Luego presiona ctrl+M para abrir las curvas y hacer una "S" como se muestra en la captura de pantalla siguiente.

Toma la herramienta Subexponer (O) y comienza a pintar en la parte superior de la cabeza del mono para oscurecer estas áreas. Continúa usando la herramienta Subexponer para oscurecer todas las partes que quieres asegurarte de que sean negras en el formato vectorial. También puedes usar la herramienta Sobreexponer para aclarar las partes que quieres que sean blancas.

El último retoque de esta bonita cara: crea una nueva capa en blanco encima de la del mono. Haz Ctrl+clic en la capa del mono para seleccionar sus píxeles. Coge un pincel negro suave (dureza 0%) y empieza a pintar sobre los bordes. El objetivo de este paso es resaltar los bordes con un pincel negro para que el vector final tenga bordes negros. Esto será muy útil si quieres, por ejemplo, colorear el vector en Illustrator usando la herramienta de pintura interactiva.

Un pequeño resumen:

• Crea una nueva capa en blanco encima de la del mono.
• Ctrl+clic en la capa del mono (en la ventana de capas) para seleccionar sus píxeles
• Coge un cepillo negro suave (dureza 0%)
• Pintar sobre los bordes de la selección para resaltar los bordes de la cabeza.

Paso 7

Haz visible la capa de las gafas y desaturala (shift+ctrl+U). Presiona ctrl+L para abrir la ventana de niveles y mueve la flecha negra hacia la derecha para oscurecer la imagen.

Presiona Ctrl+I para invertir los colores de la imagen. Luego haz clic derecho en la capa de anteojos y selecciona las opciones de fusión. Agrega un efecto de trazo negro de 3 px:

Paso 8

Ahora tenemos que reemplazar las lentes de las gafas. Tome la herramienta de lápiz en el modo "trazados" y cree un trazado que trace una de las lentes.

Crea una nueva capa en blanco. Presiona Ctrl+Enter para activar la selección y Alt+Delete para rellenar la selección con el color de primer plano. El color que uses no es importante. Lo reemplazaremos más tarde usando las opciones de fusión.

Haz clic derecho en la capa de lente que acabas de crear y selecciona "opciones de fusión". Agrega una superposición de degradado que vaya de blanco a negro y un efecto de trazo negro de 3 px.

Haz lo mismo con la otra lente:

Paso 9

Haz visible la capa del cigarrillo, toma la herramienta borrador (E) y elimina la parte superior como se muestra en la captura de pantalla a continuación. Una reducción de la opacidad de la capa puede ayudarte a lograr un mejor resultado.

Tal como hicimos con la cabeza del mono en el paso 6, resalta los bordes del cigarrillo usando un pincel suave negro.

Paso 10

La imagen ya está lista para el trazado en tiempo real. Guárdela como jpg y ábrala en Illustrator.

Vaya a ObjetoTrazo dinámicoCrear y expandir. Luego, tome la herramienta Varita mágica (Y), seleccione el área blanca y presione Eliminar. ¡Ahora tiene su mono vectorial listo para usar!

Paso 11

Apliquemos la ilustración a la maqueta de la camiseta . Abra el archivo psd de la maqueta y elija una de las 5 plantillas de camisetas disponibles. En Illustrator, copie la ilustración (Ctrl+C) y péguela en Photoshop como un objeto inteligente.

Utilizando las opciones de fusión, cambia el color del mono a blanco. Ahora duplica la camiseta (capaduplicar capa) y mueve la capa duplicada sobre la del mono. Cambia el modo de fusión de capas a multiplicar y reduce la opacidad al 35%. Puedes notar que algunos efectos de sombra de la camiseta ahora también afectan la ilustración, dándole así realismo a la imagen.

El blanco ahora está demasiado descolorido. Vaya a capanueva capa de ajusteniveles y utilícelos para aumentar el contraste de la imagen:

Ok, la imagen está lista para ser mostrada a nuestros amigos o clientes. Coloca un bonito fondo y una sombra suave debajo de la camiseta. ¡Listo! Prueba a usar diferentes plantillas de camisetas y otros colores para tu ilustración. Este es mi resultado:

[hidepost] [descarga format="1"] [/hidepost]Conviértete en miembro Premium y obtén acceso ilimitado a archivos fuente y recursos premium por solo $7 al mes. Haz clic aquí para obtener más información .