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. En la Parte 1 emplearemos a Illustrator para trazar nuestro boceto dibujado a mano, establecer las formas y definir los colores básicos.
En la Parte 2, disponible en Psdtuts +, llevaremos el dibujo vectorial a Photoshop, donde refinaremos el sombreado, agregaremos algunas texturas y completaremos la portada del libro con la tipografía adecuada. Empecemos con la Parte 1.
A continuación se muestra la imagen final en la 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.
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. Nuestro objetivo para esta primera parte es crear la imagen básica (Parte 1). En la parte 2 crearemos la obra terminada (Parte 2).
Cada ilustración que creo comienza con un boceto. Estuve jugueteando durante unos días dibujando monstruos hasta que encontré lo que estaba buscando: un lindo monstruo verde asimétrico, la elección perfecta para ser nuestro profesor (1a). Lejos de ser decente, este boceto rápido es, sin embargo, una buena base para nuestro dibujo vectorial..
Cree un nuevo documento en Illustrator y coloque el boceto en la mesa de trabajo. Debes saber cómo usar la herramienta Lápiz para este tutorial, así que no daré instrucciones sobre cómo crear cada forma, son fáciles de entender a partir de las capturas de pantalla..
Haz zoom en el ojo y crea el iris con un círculo relleno con un degradado radial de color amarillo anaranjado. Asegúrese de que el tono más claro esté en la parte inferior del círculo. En Illustrator CS4 puede usar el gizmo en pantalla para manipular el gradiente (1b). Vaya a Efecto> Estilizar> Resplandor interior y consulte la imagen 1c para ver los ajustes.
Agregue la pupila (2a) y el resalte (2b) usando, respectivamente, un círculo negro y uno blanco. Crea el globo ocular con un círculo blanco más grande (2c) y rellénalo con un degradado radial de color amarillo claro (2d).
Dibuje el párpado inferior con un recorrido simple, llenándolo con un degradado radial de amarillo a verde (3a). Usa el gizmo para hacer el gradiente elíptico (3b). Crea el párpado superior de manera similar. Asegúrese de colocarlo sobre todos los objetos (3c). Como el ojo es redondo, debes mantener el tono más claro de cada degradado en el centro de los objetos..
Duplique el globo ocular y coloque la copia sobre todos los objetos (4a). Ahora seleccione el párpado superior también y presione Comando + 7 para crear una máscara de recorte: ahora el párpado se recorta al globo ocular (4b). Utilizaremos esta técnica a lo largo del tutorial, así que refiérase a este paso según sea necesario.
Vamos a añadir una sombra dentro del globo ocular. Duplique el párpado inferior, haga la copia de color amarillo oscuro y muévala un poco hacia arriba (5a). Vaya a Efecto> Desenfoque> Desenfoque gaussiano e ingrese un valor apropiado (5b). Dependiendo del tamaño de su mesa de trabajo puede que tenga que cambiar el valor. Ahora la sombra está borrosa. Hagámoslo un poco transparente bajando su opacidad a aproximadamente el 75% (5c). Ahora solo tenemos que recortarlo al globo ocular con una máscara de recorte (ver el paso anterior) (5d).
Dibuja la cabeza del monstruo. Su forma es básicamente una lágrima al revés. Rellénelo con el mismo degradado que aplicó a los párpados, utilizando el gizmo para colocar correctamente los colores. Asegúrese de que la cabeza se aclare hacia el centro y que los bordes sean verdes (6a). Dibuja la boca y rellénala con un degradado rojo de dos tonos. Quieres hacer el interior más ligero, otra vez (6b). Echemos un vistazo a nuestra cabeza hasta ahora: los colores están en su lugar y los gradientes apuntan a su redondez (6c).
Vamos a divertirnos creando los dientes ahora. La única regla aquí es: cuanto más torcidas e irregulares, mejor. Los mantuve bastante simples aquí, asegurándome de variar su orientación y tamaño para evitar repeticiones. También intente evitar el espaciado uniforme y evite que los objetos se alineen (7a). Puede agruparlos juntos una vez que haya terminado y usar una máscara de recorte para recortarlos al perímetro de la boca. Note que ya no son blancos. ¡Ningún monstruo respetable tiene dientes blancos! (7b, 7c).
Nuestro profesor no tiene la piel lisa. Grandes verrugas salpican su parte superior del cuerpo. Crea las verrugas con elipsis modificadas, dándoles un color verde claro. Cambie su modo a Superposición y reduzca su Opacidad a un punto entre el 50% y el 70% (8a) hasta que sea claramente visible pero no visible (8b).
Dibuja una aleta verde clara detrás de la cabeza (9a) y dale un brillo interior para que sea más claro en el centro. Usa los ajustes en la imagen 9b. Reduzca la opacidad al 70% y cree una copia, colóquela detrás del original y gírela un poco (9c).
Continúa agregando características al monstruo. Dibuja el cuerno de color amarillo pálido en la esquina superior derecha de la cabeza (10a) y dale un brillo interior marrón claro para realzar su redondez (10b). Recuerde mantener todos los objetos en capas individuales. Esto es crucial ya que necesitarán estar en capas separadas cuando nos adentramos en Photoshop más adelante.
Vistamos a nuestro profesor de monstruos con una bata de laboratorio tradicional. En primer lugar dibujar las solapas. Intente superponer la cabeza y mantenga las líneas un poco onduladas: las líneas irregulares se ven más naturales (11a). Por ahora, mantenga un trazo gris medio para que pueda ver los elementos individuales. También dibuje los lados izquierdo (11b) y derecho (11c) de la bata de laboratorio. Finalmente agregue un bolsillo en la esquina inferior izquierda (11d)
Dibuja la manga izquierda. Asegúrese de que comience justo en el hombro y que el manguito cubra el bolsillo (12a). Ahora dibuje la mano derecha del monstruo, colocándola debajo de la manga y del bolsillo (12b). Rellénalo con el mismo degradado que el resto de la piel..
Para la manga derecha tenemos que dibujar dos elementos, la manga misma (13a) y su interior, visible debajo de la mano izquierda del monstruo (13b). Asegúrate de encajar los caminos donde se juntan para evitar crear brechas.
La mano izquierda del monstruo está formada por dos partes: la palma (14a) y los "dedos" (14b). Asegúrese de que los gradientes coincidan donde los dos objetos se superponen, pero no se preocupe demasiado por las inconsistencias de color en este momento. Los suavizaremos más tarde en Photoshop. Por supuesto esta mano debe colocarse dentro de la manga..
Trabajemos en los pies. Dibuja el pie izquierdo del monstruo usando un solo camino (15a). Observe lo siguiente: la pierna es bastante delgada (es gracioso de esa manera), hay grandes espacios entre los dedos de los pies y sus puntas son redondas, como las de una rana. A continuación, dibuje la cinta entre los dedos usando una forma verde más oscura (15b). El otro pie es simplemente una copia del primero, reflejado (15c). Debajo de todo lo demás, cree la cola puntiaguda y asegúrese de que se aclare más hacia la punta, utilizando nuestros dos colores base (15d).
El profesor sostiene un palo en la mano izquierda. Créelo con un simple rectángulo redondeado o un trazo delineado, solo asegúrese de que las proporciones y los tamaños sean correctos (16a). Rellénelo con un degradado lineal amarillo (16b). Colóquelo detrás de los dedos y gírelo unos 15 grados en el sentido de las agujas del reloj (16c). Nuestro monstruo está casi completo (16d).
Vamos a añadir algunos detalles a las aletas. Dibuja una elipse verde oscura (17a). Seleccione la herramienta Convertir punto de ancla (Mayús + C) y haga clic una vez en los puntos más a la izquierda y más a la derecha para convertirlos en esquinas (17b). Ahora reduzca verticalmente la elipse y colóquela en la aleta delantera (17c). Haga una copia y colóquela en la parte inferior de la aleta (17d). Ahora crea una mezcla entre ellos, usando cinco pasos (17e, 17f). Es posible que desee ajustar la mezcla, escalar los elementos o cambiar su posición hasta que esté satisfecho.
Para terminar el personaje necesitamos agregar tres botones a la bata de laboratorio. Echa un vistazo a la imagen 18a. Hay tres elementos:
Agrupe estos objetos y coloque tres copias a lo largo de la costura del abrigo (18b).
El personaje está terminado, vamos a componer la ilustración ahora. Coloque el monstruo en la parte inferior izquierda de la mesa de trabajo (19a). Ahora dibuje el zócalo de madera (19b), el piso (19c) y las dos paredes (19d). Rellene ambas paredes y el piso con degradados de luz, oscureciéndolos en la esquina donde se encuentran y más claros para el espectador.
El elemento final es la pizarra. Es una forma simple llena de un degradado gris oscuro. Alinéalo correctamente con la perspectiva (20a). Ahora nuestra ilustración básica está terminada (20b).
Antes de exportar a Photoshop, debemos borrar los trazos de cada elemento de la bata de laboratorio (21a). También asegúrese de que cada elemento se asiente en su propia capa. Exportar a PSD solo admite una profundidad de dos o tres capas, en mi experiencia es bastante inconsistente, al menos en Windows.
De todos modos ahora puedes ir a Archivo> Exportar y desde el cuadro de diálogo elegir el formato PSD. Aparecerá una ventana con las opciones de exportación. Asegúrese de elegir el espacio de color correcto (RGB para la pantalla, CMYK para imprimir) y establezca la resolución en Alta (300 ppp) para que tenga muchos píxeles para trabajar en Photoshop. Verifique también las opciones Escribir capas y Anti-alias (para suavizar los bordes irregulares) (21b).
Así que eso es todo para la Parte 1. Hemos trazado nuestro boceto, establecido las formas y definido los colores básicos. Estamos listos para la Parte 2, donde llevaremos este dibujo de aspecto bastante sencillo a Photoshop y refinaremos el sombreado, agregaremos algunas texturas, insertaremos detalles adicionales y completaremos la portada del libro con la tipografía adecuada. Manténganse al tanto!
Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..
Accentsconagua