Share
En este tutorial de dos partes sobre la creación de la "¡Vamos a la escuela de monstruos!" portada del libro, le mostraré un proceso completo desde el boceto inicial hasta la ilustración final, utilizando un flujo de trabajo integrado de Illustrator a Photoshop. Empleamos a Illustrator en la Parte 1 para trazar nuestro boceto dibujado a mano, establecer las formas y definir los colores básicos.
Ahora llevaremos el dibujo vectorial a Photoshop, donde afinaremos el sombreado, agregaremos algunas texturas y completaremos la portada del libro con la tipografía adecuada. Continuemos con la Parte 2 de esta serie..
Esta ilustración es una portada de una novela ficticia llamada "¡Vamos a la escuela de monstruos!". Representa a un profesor de monstruos divertido que enseña ciencia demente en un aula sucia. Ya creamos la imagen básica en la Parte 1. Ahora terminaremos la obra de arte con texturas y mucha pincelada usando una tableta digitalizadora en esta Parte 2 de esta serie..
Abra el dibujo PSD que exportamos en la Parte 1 (1a) y verifique que cada elemento se asiente en su propia capa (1b).
Vamos a empezar con la pizarra. Lo primero que debe hacer es bloquear sus píxeles transparentes (1c). Esto es crucial, ya que nos permite pintar en la capa sin afectar sus bordes o pintar fuera de ellos. Las líneas que hemos creado cuidadosamente en Illustrator son seguras. Bloquea la transparencia de todas las capas a menos que se especifique más adelante..
Vaya a Filtro> Ruido> Agregar ruido y use un valor bajo (1d). Luego vaya a Filtro> Desenfoque> Desenfoque gaussiano (1e) para convertir el ruido agudo en una textura borrosa. La pizarra ahora es un poco más resistente (1f).
Agregue una Superposición de degradado sutil a la capa (2a) para mejorar la sensación de profundidad. La pizarra se oscurece al retroceder hacia la esquina de la habitación (2b). Estamos satisfechos con el resultado, por lo tanto, no es necesario mantener activo el estilo de capa. Haga clic derecho en la capa y seleccione Crear capa. La Superposición de degradado se convertirá en una capa normal sobre la pizarra, enmascarada (2c). Selecciónalo y pulsa Comando + E para fusionarlo. Tenemos una capa ahora (2d).
Vamos a agregar varias capas de marcas de tiza borradas en la pizarra. Para lograrlo, tenemos que seleccionar blanco como el color de primer plano (intente pulsar D y X).
Pulsa B para seleccionar la herramienta Pincel y F5 para abrir la paleta Pinceles. Photoshop ya tiene algunos pinceles calcáreos, así que elija uno, me gusta el número 36 (3a). A continuación, active Opacity Jitter en Other Dynamics y configure el Control a Pen Pressure (3b).
Si no tienes una tableta, deja el Control apagado. Bajo Forma de la punta del pincel, aumente el Diámetro a un valor apropiado (pruebe el pincel en la pizarra) y cambie el Ángulo de rotación si el predeterminado no es de su agrado (3c). Me resulta difícil pintar muy ligeramente con una tableta, por lo que en la barra de opciones en la parte superior de la pantalla, configuro la Opacidad del pincel al 50% (3d).
Pinte varios pases de marcas de tiza al azar en una capa separada, asegurándose de que se superpongan (4a). Aplique una buena dosis de Desenfoque gaussiano para suavizarlos (4b), luego configure la capa en Luz suave con un 50% de opacidad (4c). La pizarra se ve ahora utilizada, justo lo que necesitamos (4d). Por supuesto, siéntase libre de repetir este paso hasta que esté satisfecho con el resultado..
Ahora comienza la verdadera diversión! Seleccione otro pincel calcáreo más texturado (5a) y rellene la pizarra con pumocientífico mumbo-jumbo. ¡Vuélvete loco aquí, esta es la Escuela de Monstruos! (5b)
La pizarra está hecha. Cuidemos el aula ahora. Necesitas algunas texturas sucias para el piso y las paredes, además de una textura de madera para el zócalo. Los que estoy usando se pueden descargar de forma gratuita desde el sitio web CGTextures. Una vez que cree una cuenta, puede descargar las texturas de forma gratuita, con un límite diario de 15 MB. Aquí están los enlaces directos a las texturas que utilicé:
Coloque la textura del piso en su documento (6a), presione Comando + T para seleccionar Transformación libre, luego use Distortar y sesgar (en el menú del botón derecho) para adaptarlo al piso (6b). Establezca el modo de fusión en Multiplicar para que el gradiente que aplicamos al piso se muestre a través de (6c).
Para crear una variación de color en los azulejos, usamos las herramientas de esquivar y quemar. Accesibles desde la barra de herramientas (Mayús + O para desplazarse), estas dos herramientas nos permiten, respectivamente, aclarar y oscurecer objetos con puntas de pincel.
Usando la configuración predeterminada y un cepillo grande y suave configurado para baja opacidad, oscurece los azulejos debajo del monstruo y más cerca de los zócalos (usando Quemar). Aligerar algunas áreas de manera irregular (usando Dodge) para agregar la impresión de un piso viejo y manchado (7a, 7b).
Mapa de ambas paredes con las texturas de yeso descargadas antes. Coloque la primera textura en el documento (8a) y distorsione para que coincida con la perspectiva de la pared, utilizando Perspectiva y Distorsionar en el modo Transformación libre (8b). Haz lo mismo para la segunda pared. Establezca ambas texturas en Multiplicar, 70% de opacidad (8c).
Vuelve al primer pincel calcáreo, el que usamos en la pizarra. Agregue una máscara en blanco a cada textura de yeso (9a) y pinte trazos de decoloración (9b). Usando el conjunto de herramientas de grabación en tonos medios, oscurezca las texturas en la parte inferior donde se encuentran con el zócalo y en la esquina donde se encuentran. Ahí es donde están las sombras (9c).
Coloque la textura de madera en el documento (10a) y adáptela a la mitad izquierda del zócalo (10b). Presione W para seleccionar la herramienta Varita mágica y haga clic en la placa base amarilla (10c). Utilice esta selección para crear una máscara en un grupo de capas en el que colocará la textura de madera (10d). De esta manera, no es necesario que sea muy preciso al colocar la textura. Espejo la mitad derecha (10e).
Cree manchas oscuras y manchas de decoloración en el zócalo utilizando el juego de herramientas de quemado para un diámetro pequeño (11a, 11b). Oculta todas las capas, excepto las que forman las paredes, el zócalo y el suelo. Presione Comando + A para seleccionar todo y Shift + Comando + C para copiar todas las capas fusionadas. Un simple Command + V pegará todo el aula en una nueva capa.
Un último toque. Elija la herramienta Dodge con un diámetro pequeño e ilumine la esquina donde se unen las paredes. Pinta un trazo vertical ligeramente irregular a lo largo de toda la esquina, donde atrapa los reflejos (11c, 11d).
Para completar el aula, agregue una Sombra a la pizarra (12a). Utilice los ajustes que dan un resultado similar a las imágenes 12b y 12c. Y ya que somos detallistas para la perspectiva, creemos una capa desde la sombra paralela y la distorsionemos para que coincida con la perspectiva (12d). Es uno de esos detalles sutiles que cuentan para dar un resultado convincente en general..
El aula está terminada para que puedas bloquear su capa. Por fin podemos trabajar en el monstruo ahora. El carácter que exportamos de Illustrator tiene un sombreado plano y poco interesante. Necesitamos agregarle profundidad pintando áreas iluminadas, sombras y luces, considerando una fuente de luz ideal desde la parte superior. Usaremos las herramientas Dodge y Burn para iluminar y oscurecer al personaje y la herramienta Brush para crear las variaciones de color necesarias. La herramienta de desenfoque será útil para suavizar las transiciones de luz / sombra y color y para eliminar los trazos de pinceles antiestéticos.
Active la herramienta de grabación y configúrela para uso general (13a). La selección de tonos medios hace que la herramienta afecte el color base, lo que nos permite comenzar a definir las sombras. Sombree el cuerno alrededor de sus bordes, especialmente el borde inferior y la base donde se adhiere al cuerpo (13b). Mejora la redondez oscureciendo más hacia los bordes..
Usando la misma técnica sombrea el párpado inferior (14a). Con un pincel suave de color verde medio con baja opacidad, siga adelante y suavice la transición de color pintando donde el verde oscuro se encuentre con el tono amarillo (14b). Ahora resalte el borde superior con un solo trazo amarillo suave (14c). Todos los bordes ascendentes capturan los resaltes y, por lo tanto, deben ser más brillantes que el color base. Cada vez que haga esto, puede probar la herramienta Dodge, configurada en tonos medios. A veces, el resultado es demasiado lavado, por lo que es más fácil pintar con el color que desee. Oscurece nuevamente el borde inferior (14d) y aclara ligeramente los píxeles centrales para suavizar el contraste (14e). Utilice la herramienta de desenfoque para suavizar los colores según sea necesario. Sombrea el párpado superior de manera similar (14f). Como se puede ver, la pintura se realiza colocando primero los colores y luego refinando..
Redondea el globo ocular pintando las sombras proyectadas por los párpados (15a). En una capa separada, pinte algunas venas de color rojo claro para un buen efecto de ojo inyectado en sangre. Por supuesto, use un cepillo con un diámetro pequeño (15b).
Quema la sombra de los párpados en el iris y mejora el resalte con la herramienta Dodge. El secreto es colocar capas suaves, transparentes y de barrido una encima de la otra..
Combine las verrugas en una sola capa y configúrelo en modo de superposición (17a). Configure Burn for Highlights para afectar a los píxeles iluminados (17b) y oscurezca los bordes inferiores de cada verruga para que salgan (17c). Configure Dodge (17d) y pinte luces en los bordes superiores para completar el sombreado (17e). Finalmente agregar un estilo Drop Shadow (17f). Ahora estas son verrugas de buen aspecto (17g)!
Oscurezca el borde exterior de la cabeza (18a) y pinte una sombra debajo de la boca (18b). Pinta un resaltado en el labio inferior (18c). Repita el proceso para crear el labio superior (18d).
Agregue otra sombra en el cuello y en los lados de la boca (19a). Oscurecer la cabeza debajo del ojo. Combine el párpado inferior y use la herramienta de desenfoque para deshacerse de la costura dura (19b).
Como recuerdas del bosquejo, hay hierba creciendo en la cabeza del profesor. ¡Vamos a pintarlo! Elija un pincel pequeño (20a), configure Desvanecimiento (20b) y Opacidad (20c). Pinta tallos de pasto curvo que crecen fuera de la cabeza en una capa separada (20d). El número al lado de fade establece la longitud de los tallos. Usando diferentes diámetros, colores y valores de fundido, cree dos briznas variadas de hierba en la cabeza (20e).
Sombree los dientes como lo hicimos con el cuerno (21a). Recuerda pintar las sombras que proyectan los labios. Oscurecer las aletas donde se encuentran con la cabeza (21b).
Pintar sombras en la mano izquierda. Oscurezca el borde inferior y el área que entra en el manguito (22a). Pinta sombras en los dedos también, y agrega luces a lo largo de los bordes superiores de toda la mano (22b). Desbloquea la transparencia de los dedos y difumínalos donde se encuentran con la mano. También pinta sombras en el palo (22c).
La cola tiene una sombra fuerte proyectada por la bata de laboratorio y sombras secundarias a lo largo de los bordes superior e inferior. Las sombras deben estar afiladas hacia la punta (23a). A estas alturas, ya debería haber conseguido la deriva, así que proteja ambos pies (23b, 23c).
La bata de laboratorio es blanca pero hay muchas sombras proyectadas sobre ella por el monstruo y por sí misma. Comience con las solapas, oscureciéndolas donde se encuentren con la cabeza del monstruo y a lo largo de los bordes exteriores (24a). Para sombrear la capa, oscurezca los bordes exteriores, pinte las sombras debajo de las solapas e insinúe los pliegues oscureciendo las áreas a lo largo de la longitud. El lado derecho también proyecta una sombra sobre el lado izquierdo (24b, 24c).
Agregue una pequeña Sombra a los botones (25a, 25b). No hay necesidad de sombrearlas, ya que son bastante pequeñas..
Oscurezca la manga derecha a lo largo de sus bordes longitudinales (26a), luego combínela sobre el abrigo y mezcle la costura con la herramienta de desenfoque. Pinta algunos pliegues más apretados en la axila (26b). Pinta una sombra en el interior de la manga (26c).
Usando la misma lógica, sombrea la manga izquierda y el bolsillo. Pintar sombras sobre el abrigo y la mano izquierda. El abrigo está acabado (27a)..
La luz proviene del techo, por lo que el profesor proyecta una sombra bastante afilada en el suelo. No hay estilos de capas que puedan ayudarnos aquí, tenemos que pintarlo (en negro). Establezca la capa en el modo Multiplicar y regule la opacidad a aproximadamente el 60%. Usar la herramienta de desenfoque para suavizar la sombra a medida que se aleja del monstruo, otro pequeño toque agradable (27b).
La pintura está completa. Todo lo que tenemos que hacer ahora es agregar la tipografía adecuada para terminar la portada del libro. Usé la hermosa tipografía de Egyptienne Farao de Storm Foundry, échale un vistazo..
El objetivo de este tutorial de dos partes es mostrar un flujo de trabajo de ilustración típico desde el boceto conceptual, a través del dibujo básico y hasta la pintura final. La tarea era establecer un dibujo vectorial limpio en Illustrator y posteriormente agregarle vida en Photoshop usando texturas y técnicas de pintura tradicionales adaptadas al formato digital..
Espero que te hayas divertido y hayas aprendido algunos consejos útiles sobre el flujo de trabajo. Ahora debería estar listo para crear sus propios personajes extraños para probar suerte con la pintura digital. Diviértete y nunca dejes de aprender.!
Accentsconagua