1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Como Criar Armas de Fantasia para Games no Adobe Illustrator

Scroll to top
Read Time: 12 min
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

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Nesse tutorial nós vamos seguir o emocionante processo de criar armas medievais planas para games! Nós vamos trabalhar com base em figuras geométricas e usando várias ferramentas e funções do Adobe Illustrator para transformar e modificar as formas.

Ao final desse tutorial você será capaz de criar não apenas uma espada longa de fantasia, como uma martelo de guerra e um machado de batalha, mas você pode usar as técnicas descritas aqui para criar um conjunto inteiro de armas medievais ou ativos de fantasia para seus jogos! Sinta-se Livre para navegar pelo Envato Market buscando referências de armas medievais e, vamos começar!

1. Criando uma Espada Afiada

Passo 1

Vamos começar criando um Novo Documento de tamanho 800 x 600 px, e faça um retângulo cinza azulado do mesmo tamanho, usando a Ferramenta Retângulo (M) para formar o plano de fundo.

form a backgroundform a backgroundform a background

Passo 2

Vamos começar formando a nossa espada a partir de um retângulo de 30 x 280 px de tamanho. Preencha a cor com um gradiente linear suave, composto de três cores: azul pálido, amarelo claro e rosa claro, criando um efeito de superfície de metal. Use a Ferramenta Gradiente (G) para direcioná-lo verticalmente.

Usar as cores corretas é uma das coisas mais importantes que torna a sua ilustração vívida e animada! Se você quer aplicar as mesmas cores da paleta usada nesse tutorial, sinta-se livre para usar a Ferramenta Conta-Gotas (I) e segure Shift para pegar a cor de qualquer lugar da sua tela. Dessa forma você vai ser capaz de pegar as cores diretamente desses screenshots!

Isso também funciona para gradientes: selecione o controle deslizante de gradiente no painel Gradiente, pegue a Ferramenta Conta-Gotas (I) pressione Shift e pegue a cor que precisa, mudando dessa maneira, a cor do gradiente. Essa dica pode realmente acelerar seu trabalho. Conveniente, não?

make a sword blademake a sword blademake a sword blade

Passo 3

Vá até Objeto > Caminho > Adicionar Pontos Âncora. Use a Ferramenta de Seleção Direta (A) para selecionar novos pontos âncora no meio da borda superior e arrastá-los para cima, modelando a ponta pontiaguda da lâmina.

shape the blade of the swordshape the blade of the swordshape the blade of the sword

Passo 4

Vá para Objeto > Caminho > Caminho Offset e defina o valor do Offset para -7 px, formando uma forma menor dentro.

Copie a forma e Cole em Preto (Control-C > Control-B). Arraste alguns pixels a esquerda, usando as setas e troque o Modo de Mesclagem pelo Multiplicar no Painel Transparência, formando uma sobra delicada.

Repita a mesma ação mais uma vez, mas dessa vez mova a cópia alguns pixels para a direita. Altere o Modo de Mesclagem para Tela, fazendo um realce brilhante.

shape the inner part of the bladeshape the inner part of the bladeshape the inner part of the blade

Passo 5

Agora vamos trazer as pontas dessas três formas para um único ponto. Pegue a Ferramenta Laço (Q) e selecione os pontos. Vá para o painel Alinhar e verifique se você escolheu Alinhar para a Seleção. Finalmente, clique em Alinhar Centro Horizontal e Alinhar Centro Vertical para alinhar todos os pontos em um único ponto.

 merge the tips of all three shapes at one point merge the tips of all three shapes at one point merge the tips of all three shapes at one point

Passo 6

Agora vamos modelar o sulco da espada. Use a Ferramenta Segmento de Linha (\) e segure o Shift para fazer uma linha vertical através da crista central da espada. Aplique a cor branca para o Traço e mude o Perfil para Largura do Perfil 1 no painel Traço para fazer com que a linha fique pontiaguda.

Vamos alinhar as formas. Selecione a linha e a base da espada em baixo dela. Clique na espada mais uma vez e faça com que ela seja Objeto Principal (será marcado com uma seleção mais grossa) Vá ao painel Alinhar e clique em Alinhar Centro Horizontal e Alinhar Centro Vertical para alinhar as formas.

shape the fuller from a strokeshape the fuller from a strokeshape the fuller from a stroke

Passo 7

Vamos começar a formar o guarda-mão a partir de um retângulo de 90 x 10 px.  Preencha com um gradiente cinza arroxeado e posicione o gradiente diagonalmente usando a Ferramenta Gradiente (G).

Copie a forma e Cole na Frente (Contro-C > Control-F). Achate a forma para fazer com que ela fique mais estreita e as cores do gradiente um pouco mais escuras.

start shaping the cross-guard from a rectanglestart shaping the cross-guard from a rectanglestart shaping the cross-guard from a rectangle

Passo 8

Copiar o retângulo maior e Colar em Preto (Contro-C > Control-B). Faça a cópia ficar um pouco mais baixa e deixe-a mais escura. Repita a mesma ação, movendo a nova cópia para cima e deixando-a mais clara fazendo com que o guarda-mão fique mais detalhado e tridimensional.

start shaping the cross-guard from a rectangle 2start shaping the cross-guard from a rectangle 2start shaping the cross-guard from a rectangle 2

Passo 9

Vamos adicionar mais elementos ao guarda-mão. Adicione um retângulo pequeno, vertical de 7 x 23 px de tamanho do lado esquerdo do guarda-mão. Preencha do gradiente linear com as mesmas cores do guarda mão, mas deixe-o um pouco mais escuro.

Acrescente um pequeno círculo de 13 x 13 px, colocando-o sob o retângulo (Shift-Control-[).

Selecione os pontos âncoras do topo e da base esquerda do retângulo com a Ferramenta de Seleção Direta (A) e use o recurso Cantos Vivos para tornar os cantos ligeiramente arredondados, puxando os marcadores circulares.

Agrupar (Control-G) o retângulo e o círculo.  Clique Duplo na Ferramenta Refletir (O) e selecione Axis Vertical. Clique no botão Copiar e faça uma cópia espelhada e posicione no lado oposto da guarda.

add more elements to the guardadd more elements to the guardadd more elements to the guard

Passo 10

Vamos adicionar um simples e elegante punho a nossa espada. Faça um retângulo de 30 x 85 px de tamanho, usando a mesma cor escura da paleta. Crie umas duas cópias do retângulo no topo e deixe-as mais estreitas, formando as tiras de cores claras e escuras.

Copie o elemento decorativo da ponta da guarda e deixe ele mais largo, agrupando no final do punho.

add a simple elegant gripadd a simple elegant gripadd a simple elegant grip

Passo 11

Vamos finalizar o punho adicionando mais um elemento. Faça um retângulo fino através do punho, conforme mostrado na captura de tela abaixo. Selecione os pontos âncora esquerdos do topo e da base com a Ferramenta de Seleção Direta (A) e arraste-os para cima, deixando a forma enviesada.

Use a Ferramenta Refletir (O) para rotacionar a forma no Axis Vertical e faça um Cópia. Agora nós temos duas tiras de metal cruzadas decorando o guarda-mão.

finish up with the grip by adding one more elementfinish up with the grip by adding one more elementfinish up with the grip by adding one more element

Passo 12

Vamos adicionar algumas luzes à superfície de metal para deixar nossa espada mais realista. Use a Ferramenta Retângulo (M) para fazer um conjunto de listras horizontais. Preencha com a cor azul e troque o Modo de Mesclagem para Tela.

Posicione as listras sobre a lâmina da espada, rotacionando cerca de 30 graus.

Agora selecione a forma da lâmina juntamente com as tiras e pegue a Ferramenta Escultor de Forma (Shift-M). Segure Alt e clique nas peças desnecessárias fora da lâmina para apagá-las.

add highlights to the metal surface of our sword add highlights to the metal surface of our sword add highlights to the metal surface of our sword

Passo 13

Finalmente, vamos adicionar alguns toques finais a lâmina da nossa espada. Aplique Zoom e use a Ferramenta Caneta (P) para adicionar três pontos âncora na borda direita da lâmina. Selecione o ponto do meio com a Ferramenta de Seleção Direta (A) e mova-o para o lado oposto, formando um entalhe. Adicione mais entalhes a lâmina, dando uma aparência mais envelhecida e lascada, como se já tivesse sido usada em batalhas.

Agora nós conseguimos! Nossa espada está pronta. Vamos prosseguir e fazer o nosso martelo de guerra pesado!

add notches to the swordadd notches to the swordadd notches to the sword

2. Desenhe um Martelo de Guerra Dourado

Passo 1

Vamos começar renderizando a parte de cima do nosso martelo. Use a Ferramenta Retângulo (M) e faça uma forma de 60 x 95 px,  preencha com um gradiente linear dourado, usando suaves matizes de amarelo e laranja. Posicione o gradiente na diagonal.

Adicione mais dois retângulos mais estreitos, posicionando-os na parte esquerda da forma maior. Ajuste as cores, criando uma aparência de metal brilhante: deixe a parte escura da base do retângulo levemente mais escura do que o topo da forma. E deixe a parte amarelo clara da base mais brilhante que a do topo, criando um contraste bonito e dando dimensão as formas.

Adicione mais dois grupos de retângulos, decorando o martelo.

start shaping the top of the hammerstart shaping the top of the hammerstart shaping the top of the hammer

Passo 2

Agora nós criaremos o centro do topo do martelo. Faça um retângulo de 45 x 85 px, preenchendo com roxo escuro em gradiente linear. Duplique (Contro-C > Control-F) a forma e diminua para 20 x 85 px, deixando a forma mais estreita. Faça a cor do gradiente ficar um pouco mais clara.

Duplique a nova forma e rotacione 90 graus, fazendo uma cruz. Ajuste a largura da  forma para fazer com que ela encaixe no retângulo maior. Selecione as tiras em cruz e dê um Unir no Pathfinder, mesclando as duas em uma única forma.

shape the center of the hammers topshape the center of the hammers topshape the center of the hammers top

Passo 3

Adicione mais duas tiras em baixo da cruz, preenchendo-as com um gradiente mais escuro para criar uma sombra sútil.

Add two more stripes beneath the crossAdd two more stripes beneath the crossAdd two more stripes beneath the cross

Passo 4

Vamos fazer uma gema brilhante para decorar nosso martelo. Usando a Ferramenta Polígono e definindo o número de Lados para 6, formando um hexágono de 8 x 8 px de tamanho. Preencha com um gradiente linear do rosê ao rosa escuro. Duplicar a forma e encolher para fazer o hexágono menor interno. Faça as cores do gradiente um pouco mais claras,  fazendo com que a forma sobressaia.

make a shiny gem from polygonmake a shiny gem from polygonmake a shiny gem from polygon

Passo 5

Adicione uma listra escura do lado esquerdo do nosso martelo. E vamos aplicar os rubis! Coloque as gemas no topo da forma, segure Alt-Shift, e arraste para baixo para fazer uma cópia. Pressione Control-D várias vezes para repetir nossa última ação, fazendo mais cópias.

Decore o lado escuro do martelo com uma gema grande também.

attach the rubies to the hammerattach the rubies to the hammerattach the rubies to the hammer

Passo 6

Vamos usar a Ferramenta Refletir (O) para virar a parate dourada do nosso martelo para o lado oposto

Faça umas duas tiras marrons com a Ferramenta Retângulo (M) e selecione o Modo de Mesclagem para Tela. Posicione-as sobre a  base dourada do martelo e use a Ferramenta Escupir Forma (M) enquanto segura o Alt para deletar as peças desnecessárias.

Adicione alguns entalhes as partes escuras do martelo para parecer lascado.

add reflections and notches to the hammeradd reflections and notches to the hammeradd reflections and notches to the hammer

Passo 7

Vamos adicionar um cabo dourado brilhante ao nosso martelo. Forme um retângulo de 15 x 180 px e preencha com um gradiente linear vertical do amarelo ao laranja, dando uma aparência de metal brilhante. Adicione um outro retângulo sob esse, deixando um pouco mais largo e as cores do gradiente mais brilhantes, criando um bonito contraste entre as formas.

add a shiny golden handle to our hammeradd a shiny golden handle to our hammeradd a shiny golden handle to our hammer

Passo 8

Vamos colocar um punho no cabo. Crie um grupo de retângulos roxo escuro do mesmo tipo que nós fizemos para o guarda-mão da espada. Selecione o tamanho deles em 55 x 15 px.

Adicione outro retângulo escuro de 40 x 125 px para o punho. Coloque três tiras verticais estreitas sobre o punho para deixá-lo texturizado. Adicione um elemento decorativo na base do punho. Você pode copiar o da espada, ou fazer um novo, usando a Ferramenta Retângulo (M) e a Ferramenta Elipse(L).

add a grip to the handleadd a grip to the handleadd a grip to the handle

Passo 9

Copie o elemento em cruz do punho da espada e aplique no punho do martelo.

Agora o punho parece maciço e detalhado!

E é isso para o nosso martelo de guerra dourado! Vamos para o machado!

finish up with the grip and the warhammerfinish up with the grip and the warhammerfinish up with the grip and the warhammer

3. Renderizando um Machado de Guerra Pesado

Passo 1

Vamos começar fazendo a cabeça do machado com duas lâminas. Use a Ferramenta Elipse (L) para fazer um círculo de 195 x 195 px, preenchendo com um gradiente linear suave. Estou usando as mesmas cores da lâmina da espada.

Adicione dois pequenos círculos cobrindo o topo e o fundo do primeiro círculo. Alinhar as três formas pelo Centro Vertical e use a Ferramenta Esculpir Forma (Shift-M) enquanto segura o Alt para cortar os círculos.

shape the blades of the axe from circlesshape the blades of the axe from circlesshape the blades of the axe from circles

Passo 2

Duplicar a lâmina duas vezes (Control-C > Control-F > Control-F) e achatar o topo da cópia, para deixá-la mais estreita. Selecione o topo da forma de cima e a de baixo e use a função Menos Frente do Pathfinder para cortar as formas, formando as bordas das lâminas. Troque as peças remanescentes para o Modo de Mesclagem Multiplicar, deixando-as um pouco mais escuras

form the edges of the bladesform the edges of the bladesform the edges of the blades

Passo 3

Vamos renderizar um elemento decorativo para o centro da lâmina. Combine três formas geométricas conforme mostrado na captura de tela abaixo, rotacionando um quadrado 45 graus e colocando duas ovais cruzados no topo dele. Selecione todas as três formas e dê um Unir no Pathfinder.

Preencha a forma criada com um gradiente linear dourado.

ender a decorative element in the center of the blade 1ender a decorative element in the center of the blade 1ender a decorative element in the center of the blade 1

Passo 4

Mantendo a forma selecionada, vá para Objeto > Caminho > Caminho Offset e aplique um valor de Offset - 5px. Ajuste a cor do topo da forma, deixando-a um pouco mais clara para adicionar dimensão.

Coloque outra forma menor no topo e preencha com gradiente roxo escuro. Decore a forma com uma gema brilhante, duplicando a do martelo.

ender a decorative element in the center of the blade 2ender a decorative element in the center of the blade 2ender a decorative element in the center of the blade 2

Passo 5

Agora, vamos formar a metade de madeira do nosso machado de batalha. Eu estou usando a lâmina da espada para moldar a metade e troquei as cores para um gradiente de marrom escuro, retratando a superfície de madeira.

Nós também precisamos colocar um punho maciço no cabo, mas não precisamos fazer um novo! Vamos usar o que fizemos para o martelo e mudar as cores das partes de roxo escuro para dourado.

form a wooden haft of our battle axeform a wooden haft of our battle axeform a wooden haft of our battle axe

Passo 6

Copie as listras horizontais do cabo e adicione umas duas dessas no topo da metade superior, para fazer com que segurem a lâmina.

Trabalhe na lâmina um pouco mais, adicionando alguns entalhes e reflexos brilhantes à superfície de metal. Agora nosso machado de guerra parece completo!

Work at the blade a little bit moreWork at the blade a little bit moreWork at the blade a little bit more

Passo 7

Vamos colocar um detalhe final para dar a toda a nossa composição de armas uma aparência finalizada. Usando a Ferramente Elipse (L) faça uma oval de 120 x 15 px e preencha com um gradiente radial que vai de azul no centro para branco nas bordas. Achate o gradiente usando a Ferramenta Gradiente (G).

Troque o Modo de Mesclagem da forma pelo Multiplicar, formando uma sombra sútil.

form a subtle shadow from radial gradientform a subtle shadow from radial gradientform a subtle shadow from radial gradient

Parabéns! Nosso Conjunto de Armas Medievais Está Pronto!

Ótimo trabalho! Nós acabamos de finalizar o desenho de nossas armas fantasia planas. Vamos colocá-los numa fila e adicionar uma sombra em baixo de cada arma fazendo com que tudo pareça completo.

Eu espero que você tenha gostado de seguir esse tutorial e tenha descoberto algumas dicas e truques úteis que o ajudem a expandir o conjunto criando mais armas de diferentes tipos, tais como espinhos, bastões, adagas e mais. Confira esse Pacote de Armas Fantasia Medievais se você quiser ter o arquivo fonte e ver quais outros tipos de armas você pode criar usando essa técnica.

Se divirta, e fique à vontade para compartilhar seus resultados!

Set of Medieval Weapons is ReadySet of Medieval Weapons is ReadySet of Medieval Weapons is Ready
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads