Cómo crear una espada elemental de dibujos animados en Adobe Illustrator

En este tutorial voy a mostrarle cómo crear su propia espada elemental de dibujos animados que podría ser útil en futuros proyectos.

El tutorial se basará principalmente en el uso de la herramienta Pluma y algunas otras funciones fáciles que Adobe Illustrator tiene para ofrecer. Así que vamos a empezar!

1. Configuración de nuestro documento

Abra Adobe Illustrator y cree un nuevo documento mediante el acceso directo Control-N o yendo a Archivo > Nuevo.

Una vez que aparezca la ventana emergente, configure el documento de la siguiente manera:

• Número de mesas de trabajo: 1 (ya que solo crearemos una ilustración)
• Ancho: 640 px
• Altura: 1400 px
• Unidades: píxeles (como vamos a crear para el medio digital)

Y desde la pestaña Avanzado:

• Modo de color: RGB (pantallas digitales)
• Efectos ráster: Pantalla (72 ppp)
• Alinear nuevos objetos con la cuadrícula de píxeles: activada (ya que queremos que todo se vea nítido en píxeles)

Consejo rápido: los efectos ráster controlan la forma en que las sombras paralelas, las texturas y otros efectos se muestran en diferentes medios. Si comienza a crear para digital, pero al final del proyecto decide que desea imprimir el diseño en papel, deberá asegurarse de que los efectos ráster se establecen en un valor mínimo de 300 ppp. La forma más rápida de hacerlo es ir a Efectos > Configuración de efectos de ráster de documento y, en la sección Resolución, cámbialo a 300.

2. Estratificación de nuestro documento

Al igual que con cualquier ilustración orientada a los detalles, me gusta mucho poner capas en las partes que la componen, para que pueda acceder y editar fácilmente las secciones que necesito.

Suponiendo que tiene algunos conocimientos básicos sobre cómo funcionan las capas, siga adelante y cree ocho capas y asígneles el siguiente nombre:

1. fondo
2. bosquejo
3. sombra
4. mango de la espada
5. hoja
6. protector de la mano
7. superposición de degradado
8. textura

Es posible que haya notado que algunas de las capas etiquetadas parecen estar inversas desde una perspectiva lógica (la cuchilla y el protector de manos), pero eso es solo porque necesitaremos que la hoja se coloque debajo de la capa de protección de manos.

3. Esbozando algunas líneas ásperas

Una vez que tenemos nuestro documento configurado y en capas correctamente, es hora de comenzar a dibujar algunas líneas aproximadas que nos ayudarán a construir la ilustración real. Si tienes una tableta o eres muy hábil con el ratón, puedes empezar a dibujar directamente en Illustrator usando la Herramienta Pincel de Manchas (Shift-B). Por otro lado, si prefiere utilizar la combinación tradicional de lápiz y papel, puede escanear e importar fácilmente el boceto en Illustrator después. Todo depende de ti.

En mi caso, voy a ir totalmente digital, y empezar a poner el contorno de la espada directamente en la capa de boceto.

Antes de comenzar, me gustaría señalar que sus líneas (tanto las esbozadas como las trazadas) no necesitan ser perfectas. Como puede ver, la ilustración sigue un estilo más caricaturesco, con líneas que rompen el factor de forma natural y realista, y al hacerlo crean algo que parece sacado de un libro infantil.

4. Definiendo nuestras formas básicas

Paso 1

Una vez que hayamos terminado con la parte de boceto, es el momento de definir las tres formas de base que compondrán nuestra espada. Lo haremos comenzando con el mango, así que ve a la capa del mango de la espada y comienza a trazar con la Herramienta Pluma (P), usando el boceto como guía.

Consejo rápido: Asegúrese de que las formas se superpongan asegurando que los puntos de anclaje vayan solo unos pocos píxeles hacia la parte interna de la forma más cercana, para que no puedan aparecer espacios en blanco no deseados.

Utilice la función Organizar (haga clic con el botón secundario en > Organizar) para colocar las formas debajo o encima de la otra, de modo que cada formulario se pueda ver claramente.

Como puede ver, colorearemos la forma principal usando un tono marrón oscuro (#633B3B), y el segmento inferior usando uno ligeramente más claro (#875050). Para la piedra preciosa, usaremos #A6E0A6 para la sección exterior y #C6F4C6 para la interior.

Ahora es un buen momento para comprobar si nuestros puntos de anclaje se ajustan correctamente a la cuadrícula de píxeles para que nuestro diseño se vea nítido en píxeles. Primero tenemos que cambiar a Vista previa de píxeles (Ver vista previa de > píxeles) y asegurarnos de que Ajustar a píxel esté activado.

Cuando encuentre anclas que no se ajustaron a la cuadrícula, simplemente agarre la Herramienta Selección Directa (A) y apaguelas a la fuerza simplemente haciendo clic y arrastrándolas. Recomiendo repetir el proceso a medida que avanza o dejarlo para el final como una etapa de retoque.

Paso 2

Una vez que haya terminado con la parte inferior de la ilustración, suba al protector de la mano y haga el mismo trazado simple del contorno esbozado que antes. Para los colores, usaremos el marrón más claro (#875050) en la forma principal, y el tono más oscuro (#633B3B) para la parte media que sostiene la piedra verde.

Utilice #9BD19B para la forma de fondo de la piedra y #E1FFE1 para la sección interior, más ligera.

Paso 3

Terminar la espada básica trazando la hoja y coloreándola #EFD5D5.

Una vez que haya terminado de trabajar en las formas simples, puede ocultar la capa de boceto, ya que nuestra ilustración está tomando forma lentamente.

5. Agregar pequeños detalles al mango de la espada

En esta etapa de nuestro proceso trabajaremos en cada capa a la vez y refinaremos el aspecto de nuestra ilustración utilizando formas simples creadas con la Herramienta Pluma.

Paso 1

Lo primero que tenemos que hacer es añadir un agarre a nuestro mango. Toma la Herramienta Pluma (P) y crea cinco rectángulos en diferentes ángulos y tamaños, y coloréalos usando #452929.

Agrupándolos (Control-G) y luego crea una máscara de recorte copiando (Control-C) y pegando (Control-F) la sección de control encima de ellos. Con el grupo y el controlador seleccionados, haga clic con el botón derecho en > Crear máscara de recorte.

A continuación, seleccione tanto el pinzamiento como el mango y envíelos de vuelta para que el delimitador pueda mostrarse.

Paso 2

Usando mi imagen como modelo de referencia, dibuje dos formas y colorea la de abajo usando #633B3B y la de arriba usando #452929. Al igual que con el agarre, copie y coloque la forma debajo y cree una máscara de recorte para que la grieta no salga por el final.

Paso 3

Toma la Herramienta Pluma (P), establece el color de relleno en blanco (#FFFFFF) y luego dibuja una forma que tenga el margen inferior casi paralelo a la dirección del delimitador del mango inferior. Puede ir tan angular como desee con las líneas, pero siempre asegúrese de que van todo el camino fuera de la forma debajo. Queremos que sean así para que la máscara de recorte pueda darles la forma del objeto debajo, en lugar de tratar de lograr lo mismo usando la Herramienta Pluma (P).

Como puede ver, ahora necesitamos enmascarar la forma recién creada y hacer algunos pequeños ajustes en su opacidad y modo de fusión. Primero vamos a enmascararlo para que se ajuste al segmento debajo de él. Simplemente copie (Control-C) y pegue (Control-F) el delimitador marrón en la parte superior del objeto blanco y luego, con ambos seleccionados, haga clic con el botón derecho en > Crear máscara de recorte.

Usando la Herramienta Selección Directa (A), selecciona el objeto blanco y luego usando el panel Transparencia, establece su Modo de Fusión en Superponer y su Opacidad en 40%.

Dibuje otro objeto, utilizando la misma configuración de color que antes, y colótelo hacia el lado superior izquierdo del delimitador del controlador.

Ahora es el momento de añadir un poco de brillo a la piedra preciosa. Utilice la misma técnica que la anterior, pero esta vez crear una diagonal en un ángulo diferente, como se muestra a continuación.

Paso 4

Casi hemos terminado con la capa de mango; todo lo que necesitamos agregar son las sombras. Toma la Herramienta Pluma (P) y comienza a dibujar una nueva forma, coloreándola de negro (#000000). Cambia su Modo de Fusión a Multiplicar y su Opacidad a 40%.

Copie la sombra (Control-C) y luego haga doble clic en uno de los rectángulos que forman el pinzamiento para entrar en el Modo de aislamiento. Una vez aislado, simplemente pegue (Control-F) la sombra encima del resto de los objetos. Al hacerlo, eliminará la necesidad de una máscara de recorte secundaria.

Crearemos sombras similares para las secciones inferiores del mango, de modo que al final tendrás algo similar a esto.

He seleccionado los objetos para que note que cada uno de ellos usa diferentes máscaras de recorte formadas por los objetos que están debajo de ellos.

Al igual que con los reflejos, agregaremos un segmento de sombra secundario que se agregará al efecto similar a los dibujos animados. Selecciona la Herramienta Pluma (P) y crea un segmento corto, coloréealo #5E3838 y colótala hacia el lado inferior derecho del delimitador del mango.

Ya que hemos terminado con esta capa, pasaremos a la siguiente y repetiremos muchas de las acciones que aplicamos anteriormente.

6. Agregar detalles a la guardia de mano de la espada

Paso 1

Lo primero que crearemos en esta capa es la cadena que mantiene la gema más pequeña en su lugar. Comenzando desde la región exterior de la guardia de la espada, dibuje dos objetos diagonales con diferentes anchos y coloréelos usando un valor marrón más oscuro de #4D2E2E.

Como puede ver, los objetos deben estar enmascarados para que no salgan de la superficie del guardia. Simplemente copie el objeto debajo en la parte superior y haga clic con el botón derecho en > Crear máscara de recorte.

Una vez realizado el recorte, la cadena se colocará encima de la gema. Para corregir esto, simplemente seleccione la gema y, a continuación, haga clic con el botón secundario en > Organizar > Traer al frente.

Paso 2

Dibuje un par simple de triángulos y coloréelos usando #804C4C como color base y #6E4242 para el triángulo en la parte superior. Con ambos objetos seleccionados, usa Control-G para agruparlos y luego cópielos en la máscara de recorte utilizada en la cadena, para que los bordes que sobresalen afuera se enmascaren.

Paso 3

Con el fin de añadir un poco de pop a la guardia, vamos a crear un punto culminante algo entrecortado que pasará a través de casi la mitad de su superficie. Usaremos el mismo modo de fusión (superposición) y el mismo valor de opacidad (40%) como lo hacíamos antes. La única diferencia clave estará en el hecho de que la viruta de madera y la cuerda deberán colocarse en la parte superior del rectángulo resaltado de la siguiente manera.

También tenemos que añadir un punto culminante a la gema en sí. Intente variar las líneas creando una diagonal que se oponga a la creada para la gema inferior. Establece el Modo de Fusión en Superposición y baja la Opacidad a aproximadamente 60%.

Asegúrese de enmascarar el resaltado copiando la pieza más oscura de la gema en la parte superior y creando una pequeña máscara de recorte.

Paso 4

Para terminar esta parte de la ilustración, agregaremos un breve pedazo de sombra en el lado inferior izquierdo de la guardia de la espada.

Usando la Herramienta Pluma (P), dibuja un objeto largo y punzinoso y coloreándolo usando #5E3838.

7. Agregar detalles a la hoja de la espada

Paso 1

Para crear el hombro del cuchilla, necesitamos dibujar un rectángulo que tenga un ancla superior punídita, y colorearlo en un tono más claro (#F7DFDF), ya que normalmente estaría más cerca del ojo, y cualquier luz solar real.

Como puede ver, debido al hecho de que la hoja se coloca en una capa que se encuentra debajo de la capa del protector, la sección inferior del hombro terminará oculta. Aún así, todavía tenemos que crear una máscara de recorte para que la forma no salga de la hoja.

A continuación, intente agregar una sección central y un anillo, coloréelos usando #C4A5A5 y asegúrese de que estén dentro de la misma máscara de recorte que creamos para el hombro.

Paso 2

Al igual que con las piedras preciosas, los reflejos de la hoja se inclinarán un poco más, cada sección se superpone y enfatiza la que está debajo.

El primer punto culminante debe comenzar en casi el centro de la hoja e ir ligeramente fuera de ella.

Copie el objeto recién creado en la misma máscara de recorte que el hombro y asegúrese de cambiar el Modo de fusión a Superposición y baje la Opacidad al 14%.

Crea un segundo resaltado, esta vez en un ángulo aún más fuerte. Establece el mismo Modo de Fusión y Opacidad, y luego cópielo encima del primero.

El último punto culminante que tenemos que añadir es justo hacia la parte superior de la hoja. Trate de dibujar un segmento arqueado, luego cambie su Modo de Fusión a Superposición y baje la Opacidad al 30%. Asegúrese de que el nuevo objeto está encima de todo lo demás y, a continuación, cópielo junto al resto de los resaltados.

Paso 3

La primera sombra que agregaremos estará aproximadamente un cuarto del camino hacia arriba desde la base de la hoja. Seguirá casi el mismo ángulo que el resaltado por encima de él, pero tendremos que colorearlo usando un tinte más oscuro que el de la hoja (#E8CFCF).

La segunda y última sombra irán por encima de casi la mitad del segmento del hombro, y usará negro (#000000) como color, con el Modo de fusión establecido en Multiplicar y la Opacidad reducida al 10%.

En este punto, la ilustración está casi terminada, por lo que todo lo que necesitamos hacer ahora es agregar un fondo, algo de textura y algunas otras pequeñas cosas para que brille.

8. Ajuste de color

Es posible que se pregunte por qué el esquema de color utilizado hasta ahora es casi completamente diferente del de la imagen final. Bueno, eso se debe al degradado que he superpuesto en el diseño final como una forma de mejorar algunos de los colores.

Paso 1

Primero, necesitamos copiar las formas base de la espada (las que creamos al principio: la hoja, el protector y el mango) y pegarlas en la capa de superposición de degradado.

Con todos los objetos seleccionados (Control-A) usa la función Unir del Buscatrazos para crear una sola forma.

Paso 2

A continuación, seleccione la forma recién creada y conséntela en un degradado lineal con los siguientes valores:

• Ángulo: -90
• Color del regulador de degradado izquierdo: #FCEE21 / Ubicación: 0% / Opacidad: 100%
• Color del regulador de degradado derecho: #F15A24 / Ubicación: 100% / Opacidad: 100%

Paso 3

Ahora, todo lo que necesitamos hacer es cambiar el Modo de Fusión a Color Burn y bajar la Opacidad al 22%, y deberíamos tener un cambio interesante en los colores.

9. Adición de textura

Para agregar más detalles a la ilustración, copie el archivo de textura adjunto (puede encontrar el enlace de descarga en la barra lateral), péguelo en la capa de textura, cambie su color a blanco (#FFFFFF) y luego cree una Máscara de recorte (como hicimos con algunos detalles de la espada) para que solo pase por encima de la espada en sí y no fuera de ella. Además, asegúrese de alinearlo vertical y horizontalmente con el panel Alinear.

Consejo rápido: siempre compruebe cómo se realiza la alineación mirando la lista desplegable Alinear con. Si, por ejemplo, desea alinear los elementos entre sí, use la opción Alinear con la selección y, si desea alinear con la mesa de trabajo real, creo que se hace a la idea.

10. Agregar un fondo

Vamos a dibujar dos formas diferentes para el fondo. Descubrí que el uso de un rectángulo con ángulos y distorsiones similares a la espada crearía una sensación más interesante para la ilustración.

Paso 1

Por lo tanto, usando la Herramienta Pluma (P), dibuja una forma que parezca abrirse más hacia el lado superior. Coloréealo usando #3B2323 y asegúrate de colocarlo en la capa de fondo.

Paso 2

Debido a que dejar el resto del espacio circundante en blanco podría darle un aspecto inacabado, tomaremos la Herramienta Rectángulo (M) y crearemos una forma completa de ancho y alto del documento (640 x 1400px) coloreándola usando #452929, y luego la enviaremos a la parte posterior de la Mesa de trabajo (haga clic con el botón derecho en > Organizar > Enviar al fondo).

11. Agregar una sombra de fondo

Para terminar nuestra ilustración, crearemos una sombra interior confinada a los límites del segmento de fondo más pequeño. Para ello, simplemente duplique la forma de la capa de superposición de degradado a la capa de sombra y cambie su color a #2E1C1C. Muévalo unos píxeles hacia la esquina inferior derecha de la mesa de trabajo y, a continuación, usando la forma de fondo como máscara, oculta las partes que salen de ella.

¡Eso es todo!

Ahora debe tener una ilustración genial que pueda usar como quiera, y lo más importante es que aprendió algunas cosas útiles en el camino.