Cómo crear Tin Man desde el mago de Oz usando Adobe Illustrator

Lo que vas a crear

El tutorial de hoy es un poco especial, ya que forma parte de una serie más grande que pretende mostrar algo de amor por todos los fanáticos de Wizard of Oz. Vamos a recrear un personaje de la historia, y no solo a cualquier personaje, vamos a tener el honor de construir Tin Man..

Vamos a utilizar algunas de las formas básicas de Adobe Illustrator combinadas con la herramienta Pluma, pero no debe preocuparse, porque el proceso es muy sencillo. Así que si tienes algún conocimiento básico de Illustrator, deberías hacerlo!

OK, saltemos a Illustrator y comencemos a crear.!

1. Configura el documento

Lo primero es lo primero, comencemos creando una Nuevo documento ya sea yendo a Archivo> Nuevo o usando el Control-N atajo de teclado. Ajustaremos algunas de sus configuraciones:

  • Número de tableros: 1
  • Anchura: 800 px
  • Altura: 600 px
  • Unidades: Píxeles

Y desde el Avanzado pestaña (que se puede encontrar debajo de la pequeña flecha que mira hacia la derecha):

  • Modo de color: RGB
  • Efectos raster: Alto (300 ppi)
  • Alinear objetos nuevos al cuadro de cuadrícula de píxeles: revisado

2. Configurar nuestras capas

Una vez que hayamos creado nuestro pequeño documento, es hora de colocarlo en capas para que podamos separar las diferentes secciones de la ilustración, lo que nos permitirá enfocarnos mejor más adelante cuando comencemos a agregar detalles..

Abre el Capas Panel, y crea tres capas. Vamos a nombrarlos para que sepamos cuál es cuál:

  1. marco de madera
  2. personaje
  3. hacha

3. Crea el marco de madera

Trabajaremos en nuestro camino hacia arriba, desde la capa de marco de madera hasta el eje uno, asegurándonos de bloquear todo menos la capa en la que estamos actualmente. Esto te ayudará a mantener tus formas organizadas, a la vez que facilita mucho la edición..

Paso 1 

La primera capa en la que vamos a trabajar será el marco circular de madera, sobre el cual colocaremos el resto de nuestra ilustración..

Entonces, asumiendo que estás en la capa de marco de madera, usa la Herramienta Elipse (L) para crear un 320 x 320 px circulo, el cual colorearemos usando # 99847B.

Luego alinearemos la forma al centro de nuestra Mesa de trabajo utilizando la Horizontal y Centro de alineación vertical opciones encontradas debajo de la Alinear panel.

Paso 2

A continuación, vamos a darle un contorno a la forma seleccionándola y luego yendo a Objeto> Ruta> Ruta compensada y dándole un desplazamiento de 6 px.

Una vez que tienes el contorno, cambia su color a algo más oscuro (# 453F3C) para que podamos distinguir los dos, y luego seleccionarlos y la forma anterior y agruparlos usando la Control-G atajo.

Paso 3

Vamos a crear un círculo más pequeño más pequeño, solo 280 x 280 px, que colorearemos usando # 806E67, y luego colóquelo encima del anterior, asegurándose de centrarlo y luego darle el mismo 6 px contorno.

Como antes, agrupe el círculo y su contorno, ya que en el siguiente paso comenzaremos a agregar detalles que se superpondrán con algunas de las formas, lo que dificultará el trabajo si no están agrupados..

En caso de que se esté preguntando por qué añadimos esta segunda pieza, la razón es que el primer círculo terminará siendo nuestro marco real, mientras que el interior más pequeño actuará como fondo. Si aún no lo ve, bueno, cambiemos eso agregando algunos detalles.

Etapa 4

En este paso agregaremos las líneas verticales que darán la impresión de que nuestro fondo está hecho de azulejos de madera..

Para hacer eso, simplemente seleccione Herramienta Rectangular (M) y crea cinco 4 x 328 px formas# 453F3C), que posicionaremos 48 px el uno del otro, asegurándose de agrupar (Control-G) y alinearlos al centro de nuestro círculo después.

Paso 5

Una vez que tenga el primer conjunto de líneas verticales, necesitamos crear una copia (Control-C> Control-F) de ellos, que posicionaremos hacia el lado izquierdo, de modo que los elementos de los dos grupos se sientan uno al lado del otro. 

Ya que estos actuarán como sombras, necesitamos cambiar su color a negro (# 000000) y establece el Modo de fusión a Multiplicar mientras baja la Opacidad a 20%.

Paso 6

Ahora, como queremos que tanto las líneas verticales como las sombras cubran solo la superficie del círculo más pequeño, tendremos que seleccionar crear una copia del círculo (no el contorno) y pegarlo sobre ellas. 

Una vez que tengamos la copia en su lugar, debemos seleccionarla y nuestras líneas y luego clic derecho> Hacer máscara de recorte. Esto enmascarará las secciones de las líneas que salen de la superficie del círculo, que es exactamente lo que queríamos.

Paso 7

Tan pronto como enmascaremos las líneas, podemos cortar (Control-X) y pegar (Control-f) dentro del grupo del círculo interno haciendo doble clic en él para ingresar Modo de aislamiento.

Paso 8

A continuación, necesitamos agregar una pequeña sombra interior, creando dos círculos, uno 280 x 280 px uno, y uno más pequeño 260 x 260 px uno, que luego extraeremos del más grande usando Pioneroes Frente menos función. 

Una vez que tengamos la forma resultante, cambie su color a negro (# 000000) y establece su Modo de fusión a Multiplicar mientras baja su Opacidad a 20%.

Paso 9

Siguiendo el mismo proceso que con la sombra en forma de anillo, agregaremos un resalte circular al borde del marco de madera (el círculo más grande, no el contorno) creando un 320 x 320 px Elipse, de la que cortaremos una más pequeña. 312 x 312 px uno. 

A continuación, estableceremos el color de la forma resultante en blanco (#FFFFFF) y cambiar su Modo de fusión a Cubrir, mientras baja la Opacidad a 30%. También debe asegurarse de colocar el resaltado dentro del grupo de círculo más grande, ya que iremos agregando más detalles en el camino, y de esta manera será más fácil hacer un seguimiento de sus formas..

Paso 10

Ya que ahora tenemos un punto culminante circular, ¿qué hay de agregar dos verticales también? Primero, toma el Herramienta Rectangular (M) y crear uno más amplio 8 x 332 px Forma, y ​​una más estrecha. 4 x 332 px uno, posicionalos 6 px unos de otros, y luego colocarlos en la ilustración, un poco hacia el lado derecho.

Paso 11

Ahora, como hicimos con las líneas verticales anteriores, enmascararemos los puntos destacados y luego estableceremos sus Modo de fusión a Cubrir mientras baja la Opacidad a 30%.

Paso 12

Este próximo paso requerirá que se ponga un poco creativo, ya que comenzaremos a trabajar en las líneas de detalles de madera..

Primero tendremos que ir dentro del grupo de círculo más grande haciendo doble clic en él para ingresar Aislamiento Modo, donde usar el Herramienta Pluma (P) Empezaremos dibujando pequeñas líneas curvas. Tenemos que asegurarnos de establecer el peso de las líneas para 2 px y coloréelos usando el mismo tinte usado para el contorno (# 453F3C).

Una vez que hayas terminado, tu diseño debería verse así..

Normalmente tendríamos que agregar líneas de detalles de madera a la sección interior de nuestro marco, pero como todavía no tenemos dibujada la silueta de nuestro personaje, será más fácil dejarlo como está por el momento y volver más tarde. en una vez tenemos todo dispuesto.

4. Crea el hombre de hojalata

A partir de este momento, nos centraremos en crear el personaje, pero voy a cambiar las cosas un poco..

Si has leído algunos de mis tutoriales anteriores, te habrás dado cuenta de que generalmente me vuelvo loco con los números, la posición, etc. Aunque no hay nada de malo en eso, sentí que para este tutorial, tenía que hacer las cosas un poco. diferente, ya que quiero ponerte en un estado mental más creativo y, de hecho, ver que te expresas dándote algunos consejos aquí y allá..

Dicho esto, toma una taza de café o té y, como lo expresó el Gran Oz, "tienes mucho coraje, todo lo que necesitas es confianza en ti mismo".

Paso 1

Primero, asegúrese de estar en la capa de caracteres y de usar la Herramienta Pluma (P) Comencemos a trabajar en el collar de metal de Tin Man dibujando una forma de trapecio que colorearemos usando # CCC4C4.

Como puede ver, dibujé una forma relativamente grande en términos de ancho y la coloqué hacia el lado inferior central de mis círculos internos, ya que tendremos que enmascararlo más adelante..

Paso 2

A continuación, debemos agregar un contorno al collar seleccionándolo y luego yendo a Objeto> Ruta> Ruta compensada y aplicando un offset de 6 px lo. Dado que el contorno debe sobresalir del relleno interno, tendremos que cambiar su color para # 453F3C.

Paso 3

Una vez que tengamos la sección inferior de nuestro collar, podemos comenzar a trabajar en su parte superior agregando una forma de elipse que actuará como la sección interna, y luego le daremos esa 6 px contorno.

Etapa 4

A continuación, agregaremos una sombra sutil en la parte superior del elemento de collar interno que acabamos de crear. Te recomiendo que uses el Herramienta Pluma (P) y dibuja un camino que sea más estrecho hacia la parte superior, pero luego salga más ancho hacia los bordes. Una vez que hayas dibujado el camino, simplemente cambia su color a negro (# 000000) y luego establece su Modo de fusión a Multiplicar mientras baja la Opacidad a 20%.

Como la forma saldrá de la superficie de la elipse, deberemos crear una copia de la elipse y usarla como máscara de recorte para nuestra sombra..

Paso 5

Utilizando la Herramienta Pluma (P) Comience a agregar algunos detalles a la sección inferior del collar creando algunos puntos destacados. Luego usa el Herramienta Elipse (L) Para agregar un poco de luz redonda que inclinaremos ligeramente hacia la izquierda.

Asegúrese de que una vez que haya terminado de agregar los detalles, colóquelos debajo de la elipse superior, seleccionando la parte inferior del collar y los resaltes y luego clic derecho> Organizar> Enviar al fondo.

Paso 6

Una vez que haya terminado de agregar los puntos destacados, debemos agregar los pernos pequeños y el divisor vertical. Primero agarra el Herramienta Elipse (L) y crea cuatro 6 x 6 px círculos (# 453F3C) y posicionarlos uniformemente a una distancia de 4 px el uno del otro Agrupe los tornillos (Control-G) y luego alinéelos al centro de la sección inferior de nuestro collar, empujándolos un poco hacia el lado derecho.

Agrega un 4 x 48 px rectángulo# 453F3C) a su derecha y una más pequeña. 2 x 48 px sombra justo al lado del divisor.

Además, en este punto sería una buena idea seleccionar todas las formas del collar y agruparlas (Control-G) Para que las cosas no terminen volando.

Nota rápida: tenga en cuenta que algunos de los valores indicados anteriormente pueden variar ya que sus dimensiones serán diferentes a las mías. Dicho esto, no se desanime; intente usar lo que he usado y ajuste las formas como necesite..

Paso 7

Ya que hemos terminado de trabajar en el collar, ahora podemos comenzar a enfocarnos en el cuello..

Como siempre, lo primero que debemos hacer es crear la sección de relleno principal. Dibuja un rectángulo y empuja sus puntos de anclaje superiores ligeramente hacia el interior.

Colorea la forma usando # CCC4C4 y luego posicionarlo hacia el centro inferior de la elipse del collar.

Paso 8

Una vez que tenga la base para el cuello en su lugar, dele un contorno y establezca el color de la nueva forma en # 453F3C. Podría ser una buena idea agrupar a los dos (Control-G) ya que tendremos que hacer algunos ajustes en el siguiente paso..

Paso 9

En este punto, es posible que haya notado que los lados inferiores de la forma interna y el contorno de nuestro cuello van fuera de la superficie de la elipse, que es algo que debemos corregir..

La solución más simple es seleccionar y crear una copia de la elipse del collar (no el contorno) y luego eliminar su punto de anclaje superior seleccionando y presionando Borrar. Luego usando el Herramienta Pluma (P) continúe dibujando la forma, creando una sección superior que pase por la parte superior del contorno de nuestro cuello. Luego simplemente seleccionamos el cuello y el contorno y creamos una máscara de recorte.

Paso 10

Una vez que hayamos arreglado el cuello, podemos comenzar a agregar algunos detalles, como los separadores de líneas horizontales y algunos reflejos y sombras. Por favor, tenga en cuenta que una vez que comience a trabajar en los detalles, primero tendrá que ir dentro del grupo del cuello, ya que de lo contrario podría perder cosas..

Además, tendrás que agrupar todos tus detalles y enmascararlos utilizando la sección interna del cuello, ya que de lo contrario saldrán de su superficie.

Paso 11

Ya que básicamente hemos terminado con el cuello, ahora podemos pasar a la cabeza misma.

Empecé a trabajar en la cabeza dibujando primero 92 x 134 px rectángulo con un 46 px Radio de esquina que luego ajusté jugando con sus puntos de anclaje.

La forma a la que irás tendrá una sección superior ligeramente más plana, mientras que la inferior se verá un poco alargada..

Tómese su tiempo y juegue con él hasta que tenga una forma bonita, y luego coloréelo usando # CCC4C4 y colóquelo por encima del cuello para que quede ligeramente por encima.

Paso 12

Dale un contorno a la cabeza y luego comienza a agregarle los ojos, la nariz y la boca..

Paso 13

Una vez que tenga los ojos, la boca y la nariz en su lugar, es hora de comenzar a agregar las orejas..

En mi ilustración, he creado las orejas dibujando dos 10 x 26 px rectángulos# 968F8E) con un Radio de esquina de 5 px, a la que he aplicado una 6 px Desplazar el efecto de la ruta para obtener los contornos..

Entonces cambié el color del contorno a # 453F3C y colocó un par en cada lado usando los ojos como puntos de referencia, asegurándose de enviarlos a la parte posterior de la cabeza..

Paso 14

Tan pronto como hayamos terminado de crear las orejas, podemos comenzar a dibujar el sombrero de embudo..

Entonces, usando el Herramienta Pluma (P), Comience a trazar la sección inferior del sombrero, haciéndolo solo un par de píxeles más ancho que la cabeza. Colorea la forma usando # 968F8Ey luego dale un esquema.

Paso 15 

A continuación, continuaremos dibujando la sección superior del sombrero. Tendremos que asegurarnos de que los puntos de anclaje inferiores se alineen muy bien con los mejores en la forma que acabamos de crear. Una vez que hayas trazado la forma, coloréala usando # 7B7472 y por supuesto, dale un esquema.

Paso 16

Ya que el sombrero original tenía un asa, debemos asegurarnos de agregar uno también al nuestro..

Utilizando la Herramienta Elipse (L) crear un 28 x 28 px circulo (# 968F8E), y luego voltear su relleno con su movimiento presionando Shift-X.

Como nuestro círculo ahora debería ser un anillo, debemos ajustar su peso estableciéndolo en 4 px. Luego, simplemente expanda la forma yendo a Objeto> Expandir> Rellenar y trazar y dar a la forma resultante una trayectoria de desplazamiento 6 px.

Finalmente, grupo (Control-G) tanto el relleno como el contorno y posiciona el asa a la derecha del sombrero.

Paso 17

Una vez que hayamos terminado de trabajar en el sombrero, podemos comenzar a agregar detalles más finos a nuestro personaje, agregando luces, sombras y un par de pernos y divisores para darle ese aspecto metálico. Tómese su tiempo y sea lo más detallado posible..

Paso 18

Una vez que haya terminado de agregar los detalles, puede notar que la sección inferior del collar va fuera de la superficie de la sección interior de madera. Como queremos que se enmarque dentro de él, primero agruparemos (Control-G) todos los elementos que forman nuestro personaje y luego lo enmascaran usando un 280 x 280 px círculo que posicionaremos en la parte superior.

Paso 19

Pero espera, algo se siente mal, como si nos estuviera perdiendo una pieza..

Bueno Dorothy, lo somos. Desde que pensé que primero deberíamos centrarnos en los componentes principales del personaje, dejé la guinda para el final. Si aún no sabes de lo que estoy hablando, te lo haré saber, es el arco..

Así que vuelve allí y dibuja un bonito arco, que colorearemos usando # ED7161 y luego posicionar sobre el collar hacia su lado inferior.

Paso 20

Antes de pasar a la última pieza de nuestra ilustración, primero tendremos que tomar un par de minutos y trabajar en nuestras líneas de madera, que debemos colocar dentro del grupo del segundo círculo. Como antes, usa un 2 px trazo peso y juega hasta que tengas unas líneas bonitas.

Ahora, ya que los detalles deben ir a la capa de marco de madera, tendrá que bloquear el carácter uno y trabajar dentro del mencionado anteriormente..

5. Crea el Hacha

Ahora estamos en nuestro último segmento de la ilustración, que es la pieza de la firma de Tin Man, el hacha..

Si has leído la historia, entonces sabes que Tin Man (que en realidad debería ser Tin Woodsman), originalmente no estaba hecho de metal. En cambio, él era una persona real como tú y yo, llamada Nick Chopper. Se ganaba la vida cortando árboles en los bosques de Oz..

Ahora, para resumir la historia, tuvo algo de resentimiento con la malvada bruja del Este, que encantó su hacha de tal manera que le cortó las extremidades una por una, pero en lugar de morir, de alguna manera las reemplazó por una prótesis de estaño. extremidades.

Ok, ahora sabes por qué el hacha es tan importante. Vamos a empezar a crearlo.

Paso 1

Primero vamos a bloquear todas las otras capas, todas excepto la de hacha, y usando la Herramienta Pluma (P) Empieza a dibujar el mango de madera..

Intenta obtener una sensación más orgánica, y una vez que tengas algo que creas que se vea bien, coloréalo con # 806E67 y dale un 6 px contorno (# 453F3C) usando el efecto de la trayectoria de desplazamiento.

Con la sección interna y el contorno seleccionado, agrúpalos (Control-G) y luego colóquelos hacia el lado inferior del marco de madera para que terminen enmascarando alrededor de la mitad de la superficie del arco.

Ahora, en caso de que su contorno se vuelva un poco funky como el mío, no se preocupe, haremos que ese lado se superponga con la hoja, por lo que todo saldrá bien.

Paso 2

Bien, ahora que tenemos la manija, ¿qué le parece agregarle algunos detalles, como las líneas de madera, un resalte superior y una sombra inferior??

Paso 3

Empecemos a trabajar en la hoja, creando un 24 x 40 px rectángulo# B1A9A9) con un Radio de esquina de 2 px. Ajustaremos la forma seleccionando sus puntos de anclaje inferior central utilizando el Herramienta de selección directa (A) y luego borrándolos presionando Borrar.

Luego, usando el Herramienta Pluma (P), continúe con la forma dibujando la sección inferior de la hoja, asegurándose de cerrar la ruta que ha trazado.

Etapa 4

Una vez que tenga una hoja bonita, dele un contorno y luego colóquela en el lado derecho del mango, asegurándose de enmascarar las imperfecciones creadas por el perfil del mango..

Eso es todo, amigos!

Comience agregando un par de luces y sombras a la hoja, y debería estar listo.

Espero que te hayas divertido con este pequeño tutorial, y estoy deseando ver tus resultados finales, así que no me hagas esperar.!