Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Game Art
Design

Cómo Crear Armas de Fantasía para Juegos en Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Illustrator.
How to Create a Pool-Themed Seamless Pattern in Adobe Illustrator
How to Create a Stripes and Flowers Pattern From Scratch in Adobe Illustrator

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

¡En éste tutorial seguiremos un fascinante proceso de crear armas medievales para juegos en estilo diseño plano! Estaremos trabajando con formas geométricas básicas y usando varias funciones y herramientas de Adobe Illustrator para transformar y modificar las formas.

Para el final de éste tutorial podrás crear no solo una espada larga, un pesado martillo de armas y una hacha de guerra de fantasía, sino también ¡podrás usar las técnicas descritas para crear el completo conjunto de armas medievales o recursos de fantasía para tu juego! Con toda confianza explora Envato Market para referencias de armas medievales, y luego ¡comencemos!

1. Crea una Espada Filosa

Paso 1

Comencemos por crear un Nuevo Documento de un tamaño de 800 x 600 px y han un rectánglo azul-grisáceo del mismo tamaño, usando la Herramienta Rectángulo (M) para formar un fondo.

form a background

Paso 2

Comencemos conformando nuestra espada de un rectángulo de un tamaño de 30 x 280 px. Rellena la forma cun un sutil degradado lineal consistiendo de tres colores: azul pálido, amarillo claro y rosa claro, creando un efecto de una superficie metálica. Usa la Herramienta Degradado (G) para colocarlo verticalmente.

Usarlos colores adecuados es una de las cosas más importantes que hace tu ilustración intensa y con vida! Si quieres aplicar la misma paleta de color que en éste tutorial, con toda confianza usa la Herramienta Cuentagotas (I) y manten presionada la tecla Mayúsculas para tomar el color de cualquier punto en tu pantalla. ¡De ésta manera podrás seleccionar los colores directamente dede éstas capturas de pantalla!

Ésto también funciona para degradados: selecciona un regulador del degradado en el panel Degradado, toma la Herramienta Cuentagotas (I), manten presionada la tecla Mayúsculas y toma el color necesario, cambiando así el color del regulador. Éste consejo realmente agiliza tu trabajo. Conveniente, ¿no?

make a sword blade

Paso 3

Ve a Objeto > Trazado > Añadir Puntos de Ancla. Usa la Herramienta Selección Directa (A) para seleccionar el nuevo punto de ancla en el centro del borde superior y arrástralo hacia arriba, formando la punta de la espada.

shape the blade of the sword

Paso 4

Ve a Objeto > Trazado > Desplazamiento y establece el valor de Desplazamiento en -7 px, formando una forma más pequeña adentro.

Copia la forma y Pega Delante (Control-C > Control-B). Muévela unos cuantos pixeles a la izquierda, usando las teclas de flecha, y cambia el Modo de Fusión a Multiplicar en el panel Transparencia, formando una sutil sombra.

Repite la misma acción una vez más, pero ésta vez mueve la copia unos cuantos pixeles hacia la derecha. Cambia el Modo de Fusión a Trama, haciendo una iluminación brillante.

shape the inner part of the blade

Paso 5

Ahora combinemos las puntas de las tres formas en un punto. Toma la Herramienta Lazo (Q) y selecciona los puntos. Dirígete al panel Alinear y verifica que hayas elegido Alinear con Selección. Finalmente, haz click en Centrar y Centrar Vertical para alinear todos los puntos en un punto.

 merge the tips of all three shapes at one point

Paso 6

Ahora formemos la ranura de la espada. Usa la Herramienta Segmento de Línea (\) y manten presionada la tecla Mayúsculas para hacer una línea vertical a través de la cresta central de la espada. Aplica un color blanco para el Trazo y cambia el Perfil a Perfil de Anchura 1, en el panel Trazo y haz la línea puntiaguda.

Aliniemos las formas. Selecciona la línea y la base de la espada detrás de ella. Haz click en la espada una vez más para hacerla un Objeto Clave (será marcado con una selección más gruesa). Dirígete al panel Alinear y haz click en Centrar y Centrar Vertical para alinear las formas.

shape the fuller from a stroke

Paso 7

Comencemos a formar la guarda cruzada un rectángulo de 90 x 10 px. Rellénalo de un degradado grisáceo oscuro-púrpura y coloca el degradado diagonalmente, usando la Herramienta Degradado (G).

Copia la forma y Pega Delante (Control-C > Control-F). Aplasta la forma ara hacerla más angosta y haz los colores del degradado un poco más oscuros.

start shaping the cross-guard from a rectangle

Paso 8

Copia el rectángulo más grande y Pega Delante (Control-C > Control-B). Mueve la copia hacia abjo un poco y haza más oscura. Repite la misma acción, moviendo la nueva copia hacia arriba y haciéndola más clara para hacer la guarda más tridimensional y detallada.

start shaping the cross-guard from a rectangle 2

Paso 9

Agreguemos más elementos a la guarda. Agrega un pequeño rectángulo vertical de 7 x 23 px en el lado izquierdo de la guarda. Rellénalo con un degradao lineal de los mismos colores que la guarda, pero hazlos un poco más oscuros.

Agrega un pequeño círculo de 13 x 13 px, colocándolo debajo del rectángulo (Mayúsculas-Control-[).

Selecciona los puntos de ancla superior izquierdo e inferior izquierdo del rectángulo con la Herramienta Selección Directa (A) y usa la prestación Esquinas Vivas para hacer los vértices ligeramente redondeados al jalar los marcadores circulares.

Agrupa (Control-G) el rectángulo y el círculo. Haz doble-click en la Herramienta Reflejo (O) y selecciona el Eje Vertical. Haz click en el botón Copiar para hacer una copia reflejada y colócala en el lado opuesto de la guarda.

add more elements to the guard

Paso 10

Agreguemos una sencilla y elegante empuñadura a nuestra espada. Haz un rectángulo de 30 x 85 px, usando el mismo color oscuro. Crea un par de copias del rectánglo arriba y hazlas más angostas, formando las franjas de colores más oscuros y más brillantes.

Copia el elemento decorativo de la punta de la guarda, hazlo más grande, y únelo a la parte inferior de la empuñadura.

add a simple elegant grip

Paso 11

Finalicemos la empuñadura al agregar un elemento más. Haz un rectángulo delgado atavesando la empuñadura, como se muestra en la captura de pantalla de abajo. Selecciona sus puntos de ancla superior izquierdo e inferior izquierdo con la Herramienta Selección Directa (A) y arrástralos hacia arriba, haciendo la forma sesgada.

Usa la Herramienta Reflejo (O) para voltear la forma sobre el Eje Vertical y haz una Copia. Ahora tenemos dos franjas metálicas atravesadas, decorando la guarda.

finish up with the grip by adding one more element

Paso 12

Agreguemos algunas iluminaciones a la superficie metálica de nuestra espada para hacerla más realista. Usa la Herramienta Rectángulo (M) para hacer un conjunto de franjas horizontales. Rellénalas de color azul y cambia el Modo de Fusión a Trama.

Coloca las franjas sobre la hoja de la espada, rotándolas unos 30 grados.

Ahora selecciona la forma de la hoja junto con las franjas y toma la Herramienta Constructor de Formas (Mayúsculas-M). Manten presionada la tecla Alt y haz click en las piezas innecesarias afuera de la hoja para eliminarlas.

add highlights to the metal surface of our sword

Paso 13

Finalmente, agreguemos unos cuantos toques finales a la hoja de nuestra espada. Haz un acercamiento y usa la Herramienta Pluma (P) para añadir tres puntos de ancla en el borde derecho de la hoja. Selecciona el punto de en medio con la Herramienta Selección Directa (A) y muévelo al lado opuesto, formando una muesca. Añade más muescas a la hoja, haciéndola lucir más antigua y astillada, como si ya hubiera sido utilizada en batallas.

¡Ahí la tienes! Nuestra espada está lista. ¡Continuemos y hagamos un pesado martillo!

add notches to the sword

2. Dibuja un Martillo de Armas Dorado

Paso 1

Comencemos renderizando la parte superior de nuestro martillo. Usa la Herramienta Rectángulo (M) y haz una forma de 60 x 95 px, rellenándolo de un degradado lineal dorado, usando sutiles tonos de colores amarillo y naranja. Coloca el degradado diagonalmente.

Agrega dos rectángulos angostos más, colocándolos en la parte izquierda de la forma más grande. Ajusta los colores, creando un brilloso aspecto metálico: haz la parte oscura del rectángulo inferior ligeramente más oscura que la de la forma superior. Y haz la parte amarilla clara de la forma inferior más brillante que la de la forma superior, creando un bonito contraste y agregando dimensión a las formas.

Agrega dos grupos más de rectángulos, decorando el martillo.

start shaping the top of the hammer

Paso 2

Ahora crearemos el centro de la parte superior del martillo. Haz un rectánglo de 45 x 85 px, rellenándolo de un degradado lineal de púrpura-oscuro. Duplica (Control-C > Control-F) la forma y encógela a 20 x 85 px, haciendo el rectángulo más angosto. Haz el color del degradado un poco más claro.

Duplica la nueva forma y rótala 90 grados, haciendo una cruz. Ajusta la anchura de la forma para hacerla encajar en el rectángulo grande. Selecciona las franjas atravesadas y Unifícalas en el panel Buscatrazos, combinándolas en una sola forma.

shape the center of the hammers top

Paso 3

Agrega dos franjas más debajo de la cruz, rellenándolas con un degradado más oscuro para crear una sutil sombra.

Add two more stripes beneath the cross

Paso 4

Hagamos una gema brillosa para decorar nuestro martillo. Usa la Herramienta Polígono y establece el número de Lados en 6, formando un hexágono de un tamaño de 8 x 8 px. Rellénalo con un degradado lineal de rosa a un rosa más oscuro. Duplica la forma y encógela para hacer un  hexágono más pequeño adentro. Haz los colores del degradado un poco más claros, haciendo relucir la forma.

make a shiny gem from polygon

Paso 5

Agrega una franja oscura en el lado izquierdo de nuestro martillo. ¡y unamos los rubíes! Coloca la gema en la parte superior de la forma, manten presionadas las teclas Alt-Mayúsculas, y arrástrala hacia abajo para hacer una copia. Presiona Control-D múltiples veces para repetir nuestra última acción, haciendo más copias.

Decora la parte oscura del martillo con una gema grande también.

attach the rubies to the hammer

Paso 6

Usemos la Herramienta Reflejo (O) para voltear la parte dorada de nuestro martillo al lado opuesto.

Haz un par de franjas cafés con la Herramienta Rectángulo (M) y establece el Modo de Fusión en Trama. Colócalas sobre la base dorada del martillo y usa la Herramienta Constructor de Formas (M) mientras mantienes presionada la tecla Alt para eliminar las piezas innecesarias.

Agrega unas cuantas muescas a las partes oscuras del martillo para hacerlo astillado.

add reflections and notches to the hammer

Paso 7

Agreguemos un brillante mango dorado a nuestro martillo. Forma un rectángulo de 15 x 180 px y rellénalo con un degradado lineal vertical de amarillo a naranja, dándole una apariencia metálica brillosa. Agrega otro rectángulo abajo, haciéndolo un poco más amplio y haciendo los colores del degradado más brillantes, creando un bonito contraste entre las formas.

add a shiny golden handle to our hammer

Paso 8

Agreguemos una empuñadura al mango. Crea un grupo de rectángulos púrpura-oscuro del mismo tipo que lo hicimos para el guarda de nuestra espada. Establece su tamaño en 55 x 15 px.

Añade otro rectángulo oscuro de 40 x 125 px para la empuñadura. Coloca tres franjas verticales delgadas arriba de la empuñadura para hacerla texturizada. Agrega un elemento decorativo a la parte inferior de la empuñadura. Puedes copiar una de nuestra espada o hacer una nueva, usando la Herramienta Rectángulo (M) y la Herramienta Elipse (L).

add a grip to the handle

Paso 9

Copia el elemento en forma de cruz de la empuñadura de la espada y aplícalo a la empuñadura del martillo.

¡Ahora el mango luce impresionante y detallado!

¡Y eso es todo para nuestro martillo de armas dorado! ¡Pasemos al hacha!

finish up with the grip and the warhammer

3. ¡Renderiza una Pesada Hacha de Guerra!

Paso 1

Comenzemos haciendo la cabeza de la hacha con doble hoja. Usa la Herramienta Elipse (L) para hacer un círculo de 195 x 195 px, rellenándolo con un sutil degradado lineal. Estoy usando los mismos colores que para la hoja de nuestra espada.

Agrega dos círculos más pequeños, cubriendo las partes superior e inferior del primer círculo. Alinea las tres formas al Centro Vertical y usa la Herramienta Constructor de Formas (Mayúsculas-M) mientras presionas la tecla Alt para cortar los círculos.

shape the blades of the axe from circles

Paso 2

Duplica la hoja dos veces (Control-C > Control-F > Control-F) y aplasta la copia superior, haciéndola más angosta. Selecciona la forma superior y la que está debajo de ella y usa la función Menos Frente del panel Buscatrazos para cortar las formas, formando los bordes de las hojas. Cambia las pieza restantes a Modo de Fusión Multiplicar, haciéndolas un poco más oscuras.

form the edges of the blades

Paso 3

Renderiza un elemento decorativo en el centro de la hoja. Combina tres formas geométricas como se muestra en la captura de pantalla de abajo, rotando un cuadrado 45 grados y colocando dos óvalos atavesados arriba de él. Selecciona las tres formas y Unifícalas en el panel Buscatrazos.

Rellena la forma creada con un degradado lineal dorado.

ender a decorative element in the center of the blade 1

Paso 4

Manteniendo la forma seleccionada, ve a Objeto > Trazado > Desplazamiento y aplica un valor de Desplazamiento de -5 px. Ajusta el color de la forma superior, haciéndolo ligeramente más claro para agregar dimensión.

Agrega otra forma más pequeña arriba y rellénala con un degradado púrpura-oscuro. Decora la forma con una gema brillante, duplicándola del martillo.

ender a decorative element in the center of the blade 2

Paso 5

Ahora formemos el mango de madera de nuestra hacha de batalla. Estoy usando la hoja de la espada para formar la mitad y cambiar los colores del degradado a café oscuro, representando una superficie de madera.

Tambien necesitamos agregar una empuñadura impresionante al mango, ¡pero no necesitamos hacer una nueva! Usemos la que hemos hecho para e martillo y cambia los colores de sus partes de púrpura oscuro a dorado.

form a wooden haft of our battle axe

Paso 6

Copia una franja horizontal de la empuñadura y agrega un par de esas a la parte superior del mango para hacerlos sostener la hoja.

Trabaja en la hoja un poco más, agregando unas cuantas muescas y reflejos brillantes a la superficie metálica. ¡Ahora nuestra hacha de guerra luce completa!

Work at the blade a little bit more

Paso 7

Agreguemos un detalle final para dar una apariencia terminada a toda la composición del arma. Usa la Herramienta Elipse (L) para hacer un óvalo de 120 x 15 px y rellénalo con un degradado radial de azul en el centro a blanco en los bordes. Aplasta el degradado usando la Herramienta Degradado (G).

Cambia el Modo de Fusión de la forma a Multiplicar, formando una sutil sombra.

form a subtle shadow from radial gradient

¡Felicidades! ¡Nuestro Conjunto de Armas Medievales Está Listo!

¡Sensacional Trabajo! Acabamos de terminar de diseñar nuestro conjunto de armas de fantasías en estilo diseño plano. Coloquémoslas en una fila y agreguemos una sombra debajo de cada arma para hacer que todo luzca completo.

Espero que hayas disfrutado siguiendo éste tutorial y hayas descubierto algunos consejos útiles y trucos que te ayudarán a expandir el conjunto, creando más armas de diferentes clases, como maza de armas, varas, puñales, y más. Consulta éste Paquete de Armas Medievales de Fantasía si quieres obtener el archivo fuente y ver qué otros tipos de armas pueden ser creadas usando ésta técnica.

¡Diviértete, y con toda confianza comparte tus resultados!

Set of Medieval Weapons is Ready
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.