Como Criar Armas de Fantasia para Games no Adobe Illustrator

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.

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?

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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!

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.

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.

Passo 3

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

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.

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.

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.

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.

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).

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!

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.

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

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.

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.

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.

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!

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.

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!