Share
Si tienes una tableta digitalizadora, pero está colocada en el fondo de un cajón, configúralo para este tutorial. Aprenderemos cómo trazar un contorno nítido usando la herramienta Pincel y cómo dar vida a nuestra ilustración aplicando sombreado e iluminación básicos.
El primer paso es bastante fácil. Toma un pedazo de papel y un lápiz y haz que fluyan esos creativos jugos para crear tu propia ilustración. Si te quedas sin ideas o simplemente no tienes tiempo para eso, puedes usar el mío.
A continuación, inicie un nuevo documento de 850 px por 1250 px y coloque la imagen de boceto en una nueva capa. Utilizando Archivo> Colocar, colóquelo en el centro, bloqueando la capa. Esto será útil cuando rastreemos el contorno de nuestra ilustración..
Antes de que realmente saltemos el rastreo de introducción, primero crearemos un pincel personalizado. Abra el panel Pincel (F5) y cree un nuevo Pincel caligráfico con la siguiente configuración:
Crea una nueva capa y llámala "Esquema". Seleccione la herramienta Pincel (B) y, utilizando # 417B79, comience a trazar el primer carácter. En este punto, puedes jugar con diferentes grosores de trazo. He utilizado un trazo más grueso para el contorno y uno más fino para los detalles internos. Trate de cubrir lo más posible con un solo golpe. No se preocupe si la primera vez que pierde el esquema, siempre puede volver a encarrilarse con la ayuda de la herramienta Warp (Shift + R)..
Si haces doble clic en su icono, aparecerá una ventana de configuración. Por lo general, lo dejo a su configuración predeterminada, pero los parámetros que nos interesan son: Ancho, Alto, Detalle y Simplificar. Le daré una descripción general de cada uno, para que pueda ajustarlos a su flujo de trabajo. El ancho y la altura son bastante sencillos, mientras que los detalles aumentan o disminuyen el número de puntos de anclaje de un trazo de pincel.
Encuentro que menos detalle es mejor. Y, finalmente, Simplify se librará de los múltiples puntos de anclaje y dejará su trazo limpio y ordenado. Otro método consiste en volver a dibujar trazos, en lugar de Deshacer continuamente. Con la selección aún activa y el Pincel seleccionado, repase el trazo ya dibujado y remodélelo correctamente. Esta función es excelente porque siempre puede volver y modificar el trazo.
Teniendo en cuenta el paso anterior, sigue construyendo el personaje. Siempre puede ajustar los puntos de anclaje de los trazos con la Herramienta de selección directa (A) si lo encuentra más fácil. Simplemente haga clic en un punto de anclaje y arrástrelo a la posición deseada. También puedes ajustar la curva de tu trazo ajustando sus brazos.
Las elipses se pueden crear fácilmente con la herramienta Elipse (L). Simplemente haga clic y arrastre para crear la elipse correcta, aplíquele las configuraciones de pincel si es necesario y juegue con diferentes pesos de trazo para que coincidan con el resto del contorno. Incluso puede cambiar el tipo de pincel y seleccionar uno plano.
A medida que continúe dibujando, descubrirá que algunos trazos se intersecarán. Para que no nos compliquemos con los trazos y los arreglos de relleno, simplemente borraremos los trazos superpuestos. Para hacerlo, debemos agarrar la herramienta Borrador de ruta, a la que puede acceder si hace clic y mantiene presionado el icono de la herramienta Lápiz. Debe seleccionar la ruta que desea borrar, y siempre desde un extremo, vaya al punto de intersección.
Ahora vamos a los detalles. Dibuje la forma básica del ojo y dentro de añadir una elipse. Dibuje la ceja de un solo trazo continuo y luego agregue detalles con un trazo más delgado alrededor del cuerpo.
Se está juntando ahora. Crea las manos del personaje a partir de dos trazos separados cada uno. En la parte superior, ciérrelos con una línea pequeña y, finalmente, comience a agregar algunos dedos. Dibuja el trazo principal, agregando líneas irregulares para sus dedos. Repite este proceso hasta que termines todos los dedos..
¡Buen trabajo! Nuestro primer personaje es completo. El resto de la ilustración es igual de simple. Esta etapa es la que consume más tiempo, pero a medida que avanza, más fácil la encontrará. El esquema final en cualquier ilustración es el que más destaca..
Los colores solo complementan el contorno. Tener un contorno limpio y nítido definitivamente mejorará tu trabajo. ¡Recuerda no apurarte y diviértete! Continuemos dibujando nuestro siguiente elemento. A partir de ahora, los pasos siguen repitiéndose..
Cada espiral de la primavera está hecha de dos golpes. Recuerda, no te preocupes si el primer trazo que dibujas no es perfecto. Ajústelo utilizando los métodos descritos en los pasos anteriores. El resto de este elemento es bastante fácil de dibujar, ya que está hecho de cilindros básicos. Después de terminar el esquema principal, comience a agregar detalles..
El radiador está formado por varias elipses y trazos verticales. No deberías tener ningún problema en dibujarlo. A continuación, crearemos la batería sobre la cual se sientan todas las partes y trataremos de llegar al signo de interrogación. Su forma cuadrada se puede construir de dos maneras: o bien dibuja las líneas a mano y las endereza, o simplemente usa la Herramienta de línea (\). Una vez más, intente dibujar el elemento del rayo como una forma cerrada.
La composición es otro factor importante a considerar en una ilustración. He intentado crear un tipo de composición de montaña que ofrezca una buena lectura. En la parte inferior hay un montón de piezas, revueltas alrededor, tratando de hacer su camino hacia arriba. Sigamos adelante y comencemos a dibujar las otras partes. No hay un orden real sobre cómo dibujarlos. Comienza con el que más te guste y piensa que es más relajante crearlo..
Las ruedas dentadas se pueden crear con la herramienta Elipse (L). Puedes modificar su apariencia con la herramienta Free Transform Tool. Esta herramienta tiene tres atributos, pero solo uno la diferencia de los demás. Cuando coloca el cursor en una de las esquinas del cuadro delimitador, se convierte en una flecha diagonal de doble cara..
Si hiciera clic y arrastre esta flecha, cambiaría el tamaño del cuadro delimitador, pero no se produciría ninguna distorsión. Cuando se resalta una selección, el cursor se convierte en una flecha de rotación cuando el cursor está fuera del cuadro delimitador.
Al arrastrar esta flecha semicircular, rotará el objeto, pero una vez más no se producirá distorsión. La única forma de aprovechar el poder de esta herramienta es hacer clic en una esquina del cuadro delimitador y, mientras se mantiene presionada, haga clic en la tecla Comando, que le permitirá distorsionar la selección..
Cuando todo esté configurado, oculte la capa "boceto", seleccione todo (Comando + A), luego vaya a Objeto> Expandir apariencia. Esto nos ayudará a llenar las partes, sin importar cuán complicadas sean..
Seleccione todos los elementos (Comando + A), vaya a Live Paint Bucket (K) y elija # 93D2E2 como color de relleno. Comience por pintar las partes principales, gradualmente abriéndole paso a los detalles más pequeños.
Crea una nueva capa y llámala "Tipo". Arrástrelo debajo de la capa de contorno. Puedes hacer pautas para ayudarte a construir el tipo. Pulsa Comando + R para las reglas y arrastra dos guías horizontales, enmarcando el tipo.
También puede agregar una tercera guía de construcción, para esas letras más altas. A continuación, con un pincel redondo estándar de 0.3 pts, comience a rastrear el tipo. Si hace doble clic en el icono de la herramienta Pincel, aparecerá un diálogo de configuración. He mantenido la fidelidad a 10 píxeles y la suavidad al 25%..
Una vez más, después de comenzar a trazar el trazo, verás que no seguirá con precisión el boceto. Esto puede ser fácilmente correcto. Use las pautas anteriores, especialmente el Paso 4, para volver a dibujarlas y retocar la línea hasta que coincida perfectamente con el boceto..
Una vez que haya completado todo el tipo, selecciónelo e inserte un golpe de peso de 3px. Con el texto aún seleccionado, vaya a Objeto> Expandir apariencia. Seleccione ninguno para el color de relleno y # 417B79 para trazar el color. Verás dos contornos. El delgado original que hemos creado anteriormente y el nuevo más grueso. Con la Herramienta de selección directa (A), haga clic en el trazo original y presione Eliminar.
Hay muchos movimientos que se cruzan en este momento. El cable torcido siempre tiene dos zonas superpuestas. Para obtener un efecto de cable adecuado, debemos considerar una cosa importante. El tipo está hecho de una sola pieza larga, por lo que necesita doblarse para crear el tipo. Imagina un trozo real de cable frente a ti y trata de darle la forma de una letra..
Notarás que aparecerán algunos niveles, y el que esté más cerca de nosotros ocultará los otros. Con el tipo resaltado, seleccione la herramienta Borrador de ruta y, como en el paso anterior, comience a borrar la línea. Cuando haya un trazo continuo que deba separarse, haga clic y arrastre el borrador hasta la mitad del trazo para dividirlo, y luego simplemente bórrelo a la longitud deseada.
Continúe borrando los trazos hasta que el punto de anclaje se interseca con la línea correspondiente para que no haya exceso. Si borras demasiado accidentalmente, presiona Comando + Z o Editar> Deshacer y dale otra oportunidad. Si hay algunas áreas que no se ven bien, presione A y arrastre el punto de anclaje (o sus brazos) para corregir esos artefactos. Estos defectos pueden ocurrir especialmente en curvas o arcos más largos.
Tomó mucho tiempo llegar hasta aquí, pero ya casi hemos terminado. Repita las pautas mencionadas anteriormente y modifique las letras personalizadas en consecuencia. Cuando termine, seleccione cada texto a la vez y rellénelo con # 93D2E2 con la herramienta Live Paint Bucket Tool (K).
Solo queda una cosa antes de resaltar. Queremos que nuestras luces y sombras estén sobre las partes llenas, pero por debajo de las líneas de trazo. Podemos dejarlo en vivo, pero es mucho más fácil y rápido de dibujar, sin la preocupación de alinear perfectamente las formas con el contorno. Seleccione todo en la capa "Esquema", vaya a Objeto> Expandir. Anule la selección haciendo clic en cualquier lugar del lienzo..
A continuación queremos separar el relleno del contorno. Para hacerlo, cree una nueva capa, llámela "Rellenar" y colóquela debajo del "Esquema". Con la herramienta de selección (V), comience a seleccionar las partes rellenas, mientras mantiene presionado Shift. Seleccione solo unas pocas áreas rellenas y presione Comando + X para cortarlas, haga clic para seleccionar la capa "Rellenar" y finalmente presione Comando + F para pegar en su lugar. Repita este proceso hasta que los dos elementos estén en capas separadas.
Crea una nueva capa, "Fondo". Con la herramienta Rectángulo (R) inserte un rectángulo, que es el tamaño del lienzo. Con la herramienta seleccionada, también puede hacer clic en cualquier lugar e ingresar 850 px por 1250 px y presionar OK. Esta capa se debe colocar encima de la capa "Sketch", que ahora se puede ocultar..
Ahora que hemos creado todos nuestros elementos, podemos saltar y agregar algo de sombreado y resaltado. Cree una nueva capa, asígnele el nombre "Aspectos destacados" y colóquela entre "Contorno" y "Relleno".
Seleccione la herramienta Lápiz (N) y, con un color claro (# E4F4F7), comience a dibujar las zonas donde la luz llegará. Para obtener un resultado instantáneo, haga doble clic en la herramienta Lápiz y marque la opción Rellenar nuevos trazos de lápiz. Por lo general, no uso un relleno de trazo cuando trabajo con esta herramienta, pero depende de usted decidir si coincide con su estilo de trabajo. Recuerda, la principal fuente de luz es el signo de interrogación. Habrá algunas luces secundarias reflejadas, pero las cuidaremos más tarde..
Continuar agregando más destacados. Si la forma no es satisfactoria, vuelva a dibujarla o ajústela con la herramienta Warp.
Cuanto más esfuerzo y tiempo dedique a los detalles, mejor y nítida será la ilustración general. Una vez que hayas terminado de agregar los resaltes, continúa con las sombras. Crea una nueva capa, "Sombras", y colócala sobre la capa "Destacados". Usando el mismo método de lápiz, comience a bloquear algunas sombras. Una vez más, recuerde que la principal fuente de luz es el signo de interrogación en la parte superior.
Agregue detalles, como sombras delgadas de los cables en la parte inferior, algunas sombras arqueadas para las ruedas dentadas, sombree las aletas del radiador, etc..
A continuación, vamos a crear la iluminación secundaria amarilla. Cree una nueva capa, asígnele el nombre "Destacados amarillos", en la parte superior de la capa "Destacados". Con la herramienta de lápiz (N), usando # E5DC38 como color, cree una forma que llene el ojo del pistón, la bombilla, la botella de poción, el indicador de calibre pequeño en la parte inferior, así como los ojos de la batería. Estos rellenos actuarán como nuestras fuentes de luz, rebotando la luz amarilla en las otras partes. Con el lápiz aún seleccionado, crea nuevos detalles alrededor de la ilustración.
A continuación, hagamos que la luz se refleje también en el suelo. Esto crea una textura agradable y limita la parte inferior. Usaremos un pincel personalizado para este paso..
En cualquier capa, dibuje una delgada forma de elipse y rellénela con negro. A continuación, abra los pinceles y cree un nuevo pincel de arte. En la ventana Opciones, seleccione la dirección haciendo clic en la flecha que apunta hacia la derecha y luego haga clic en Aceptar. Crea una nueva capa "Terreno" y colócala en "Contorno". Con el nuevo pincel, crea pequeños trazos y colócalos alrededor de la parte inferior..
La ilustración está casi terminada. Lo último que debemos agregar son los medios tonos, el signo de interrogación y las franjas posteriores. Para esto, inicie Photoshop y cree un nuevo documento de tamaño A4 a 300 DPI. Cree una nueva capa y, con la Herramienta de marco elíptico (M), cree un círculo manteniendo presionada la tecla Mayús, en el centro del lienzo.
Rellene la selección con un degradado radial en blanco y negro, utilizando la herramienta Degradado (G). Debería arrastrar el degradado desde el centro del círculo hasta su margen, y no más allá de él. Una vez hecho esto, vaya a Filtro> Pixelado> Color de medios tonos. En la ventana de configuración, establece el Máx. Radio a 15-20, y 0 para todos los canales. Nuestro primer semitono está completo.!
Crea un medio tono más pequeño usando las técnicas mencionadas anteriormente. Esto se usará alrededor de la bombilla y los ojos de la batería para hacer que se salgan. Guarde el archivo como un jpg de alta calidad.
De vuelta en Illustrator, abra el jpg de medios tonos en una nueva pestaña. Seleccione la imagen, vaya a Objeto> Traza en vivo> Crear y expandir. Dependiendo de la versión de Illustrator, puede recibir un mensaje de advertencia, ese rastreo podría proceder lentamente con una imagen tan grande. No te preocupes, solo presiona OK. Puede tomar un tiempo hasta que la traza esté completa, así que tenga un poco de paciencia..
Una vez realizada la expansión, haga clic derecho y seleccione Desagrupar. Anule la selección de todo el medio tono y vuelva a seleccionar el espacio en blanco que queda a su alrededor, y presione Eliminar. Arrastre el medio tono a una nueva capa ("Medio tono" colocado debajo de "Esquema") en la pestaña de ilustración y suéltelo. Verás algunos artefactos pequeños cerca del centro. Presione Y para la Herramienta Varita mágica, seleccione los espacios en blanco pequeños y elimínelos. Aplicar el mismo método al otro medio tono..
Escala y duplica los medios tonos más pequeños, luego colócalos en posición. Córtalos y pégalos en su lugar (Comando + X, Comando + F) en una nueva capa, llamada "Medios tonos amarillos", colocados justo debajo de la capa "Medios tonos". Elimine los puntos internos y complete el semitono restante con # E4DB38. Repita esta operación para los otros medios tonos. Seleccione el más grande en la parte superior y llénelo con # E3F3F6.
Crea una nueva capa y llámala "Signo de interrogación". Ocultar todas las demás capas, excepto el "Sketch". Con un pincel redondo estándar, trace el signo de interrogación. Usando el mismo método descrito en los Pasos 16-21, agregue algo de peso al signo de interrogación. Rellénelo con un color más claro (# F5FBFE) para que destaque. En la misma capa, comience a dibujar un resaltado para darle más profundidad.
Por último, haremos las dos franjas más claras en la parte posterior. Cree una nueva capa "Rayas" y colóquela encima de la capa "Fondo". Con la herramienta de lápiz (N) y # B0E0E5 crea una forma rectangular con una parte superior curva. Duplícalo, voltéalo verticalmente y colócalo al lado del otro..
¡Buen trabajo! Por fin hemos terminado Espero que hayas disfrutado de este tutorial, y estoy deseando ver tus creaciones.!
Accentsconagua