New! Unlimited audio, video & web asset downloads! Unlimited audio, video & web assets! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Como Criar uma Arma Flat Sci-Fi no Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Portuguese (Português) translation by Ingrid Fornazari (you can also view the original English article)

Final product image
What You'll Be Creating

Você é fan de filmes de ficção científica, jogos e armas fantásticas? Siga este tutorial e tente criar uma arma espacial futurista na tendência flat.

Nós modificaremos formas básicas, dessa forma você não precisa de nenhuma habilidade com desenhos, nem equipamentos especiais para este tutorial. Você aprenderá como aplicar gradientes apropriadamente para fazer elementos se destacarem e obter um estilo completo. Além disso, você descobrirá algumas dicas e truques enquanto trabalha com o painel Pathfinder, com a Shape Buider Tool e Blending Modes, criando sombras sutis e brilhos suaves para adicionar alguma dimensão à nossa arma, enquanto preserva o estilo flat geral.

No fim deste tutorial, você terá aprendido os truques de criar uma arme flat e ser capaz de aplicar essas técnicas e aplicar em uma variedade de armas flat, rifles, espadas e outros tipos de materiais para jogos. Veja o GraphicRiver para mais inspiração e vamos começar!

1. Como Criar Um Cano Líquido

Passo 1

Primeiro de Tudo, precisamos criar um Novo Documento de 600 x 600 px no modo de cor RGB. Use a Rectangle Tool (M) para fazer um quadrado azul claro de 600 x 600 px para o fundo e alinhe-o à prancheta, usando o painel Align.

create a background

Passo 2

Antes de começar criando qualquer elemento da nossa arma, deveríamos ter uma certa ideia de seu design e aparência geral. Ela será um rifle espacial contra aliens ou, na verdade, uma arma alienígena? Será uma espingarda poderosa ou uma arma de cano curto?

Após fazer um brainstorm e considerar as ideias, eu acabei com esse esboço simples feito direto no Adobe Illustrator com ajuda da Ferramenta Lápis (N). Este esboço me serviu de referência durante todo o processo de criação da versão final da arma.

make a rough sketch

Passo 3

Vamos começar construir nossa arma da parte mais larga - um cano de vidro com algum líquido gosmento dentro (que, obviamente é letal, então tenha cuidado).

Pegue a Ferramenta Retângulo (M) e faça uma forma de 250 x 40 px. Aplique um gradiente linear de verde claro a verde escuro. Você pode usar a barra de cores do painel Gradiente para mover as cores, criando uma borda fina distinta entre as cores.

Para fazer isso, selecione o controle deslizante verde claro do lado esquerdo da barra de cores e arraste até a direita. Faça o mesmo com o controle deslizante verde escuro, arrastando na direção oposta, fazendo com que os dois controles se encontrem em um certo ponto da barra de cores (pode ser no meio ou perto da sua metade direita). Quanto mais perto você colocar os controles deslizantes um do outro, mais nítida e distinta será a borda entre elas.

Selecione o ângulo do preenchimento linear para - 90 graus no painel Gradiente, ou use a Ferramenta Gradiente (G) e segure o Shift para ajustar a direção de preenchimento.

Adicione duas tiras finas marrom do mesmo comprimento acima e abaixo do retângulo verde.

make a set of rectangles for the nozzle

Passo 4

Copie a forma verde e Colar na Frente (Control-C > Control-F). Segure Alt e reduza a forma, fazendo com que fique mais estreita. Preencha a nova forma com a cor verde escuro sólida e troque o Modo de Mesclagem para Tela no painel Transparência, criando uma luz para fazer com que a superfície do cano pareça lisa e vidrada.

Pegue a Ferramenta Retângulo Arredondado e faça uma forma de 5 x 60 px com cantos totalmente arredondados.

Nós podemos configurar o Raio dos Cantos selecionando o retângulo com a Ferramenta de Seleção Direta (A) e tanto ajustando o valor no painel de controle no topo ou puxando os marcadores circulares dos Cantos Vivos, que você pode encontrar perto de cada canto da forma enquanto ela está selecionada com a Ferramenta de Seleção Direta (A). Observe que dessa maneira você pode ajustar cada canto separadamente ou todos eles de uma vez, dependendo do resultado desejado.

Preencha o retângulo arredondado com um gradiente linear de marrom a roxo escuro, colocando os dois controles deslizantes do gradiente no mesmo ponto, criando uma borda distinta entre as duas cores.

Finalmente, selecionamos a forma com a Ferramenta Seleção (V), segurando Alt-Shift e arrastando a forma para o lado, criando uma cópia. Faça mais algumas cópias e distribua conforme mostrado abaixo.

add highlight in screen mode

Passo 5

Pegue a Ferramenta Elipse (L) e faça alguns círculos para as bolhas. Configure o Preenchimento para nenhum e a cor do Traço para verde escuro, e mude o Modo de Mesclagem para Tela.

Configure a largura do Traço para 1,5 pt pode ser pelo painel de controle no topo, como pelo painel Traço.

Agrupar (Control-G) os elementos com o cano para fazer com que a imagem fique limpa e organizada. 

add circular bubbles

Passo 6

Agora vamos colocar o bocal na arma. Faça um retângulo do 20 x 95 px aplicando o gradiente linear da cor branca ao cinza claro, imitando metal fosco ou superfície plástica.

Selecione a forma com a Ferramenta de Seleção Direta (A) e vamos ajustar os cantos. Vá ao painel de controle no topo e clique no parâmetro dos Cantos para abrir a janela de opções. Selecione Canto Chanfrado e defina o Raio em 5 px, fazendo uma forma afiada chanfrada.

make a rectangle with chamfer corners

Passo 7

Duplicar (Control-C > Control-F) a forma e preencher a forma de cima com uma cor verde escura sólida. Pegue a Ferramenta Borracha (Shift-E), segure Alt e segure o botão esquerdo do mouse e espalhe a seleção sobre a parte esquerda da forma, deixando apenas uma tira fina do lado direito. Libere o botão do mouse e  - Voila! - nós temos uma faixa fina a esquerda. Troque o Modo de Mesclagem para Tela, criando um realçe.

create a highlight using the eraser tool

Passo 8

Duplicar (Control-C > Control-F) a luz e clique duplo na Ferramenta Refletir (O) para abrir a janela de opções. Selecione o Eixo Vertical e clique no botão Copiar pra criar uma cópia espelhada.

Vamos posicionar a cópia do lado oposto do cano, usando o painel Alinhar. Selecione as duas cópias e o cano e clique na forma do cano mais uma vez para fazer dele o Objeto Chave (ele fica marcado com uma seleção mais grossa. Clique em Alinhar Horizontal a Esquerda no painel Alinhar para alinhar a forma ao lado esquerdo do cano

Finalmente, mude a cor de preenchimento da cópia para verde claro e troque o Modo de Mesclagem para Multiplicação, criando uma sombra plana sútil. 

add a shadow with the reflect tool

Passo 9

Vamos continuar adicionando elementos ao cano. Crie um retângulo de 30 x 45 px para o tambor da arma e preencha com gradiente linear do azul escuro ao roxo escuro. Enviar a forma para Baixo (Shift-Control[) e Duplicar. Reduza a cópia para 15 x 45 px, mude sua cor para roxo claro, e selecione o Modo de Mesclagem pra Multiplicação, fazendo uma sobra suave do cano.

Finalize essa parte da arma, duplicando a forma escura, reduzindo-a para 30 x 15 px. Preencher a forma com uma cor escura e mudar para modo Tela, criando uma luz brilhante na superfície de metal.

make a barrel of the gun

Passo 10

Ainda faltam algumas sombras na parte de vidro da nossa arma. Use a Ferramenta Retângulo (M) para criar alguns retângulos da mesma altura da forma verde.

Preencha com um tom claro de azul e troque para o Modo Multiplicação.

Usando a Ferramenta de Seleção Direta (A) para selecionar o ponto âncora superior esquerdo de cada retângulo. Pressione a tecla Enter para abrir a janela de opções Mover e selecione o valor Horizontal em 5 px e o valor Vertical em 0 px. Clique em OK, movendo os pontos para a direita e desviando os retângulos.

add shadows to the nozzle

Passo 11

Selecione os retângulos criados e Objeto > Compor Caminho > Criar (ou pressione Control-8).

Posicione as sombras logo abaixo das linhas verticais, movendo-as manualmente no painel Camadas ou Enviando para Baixo (Control-[)

make a compound path of shadows

2. Como Criar o Tambor e o Corpo da Arma

Passo 1

Faça um retângulo de 210 X 25 px e use a Ferramenta Conta-Gotas (I) para pegar o gradiente cinza claro do cano. Enviar para Baixo (Shift-Control-[), colocando a forma sob a construção de metal do cano.

Peque a Ferramenta de Seleção Direta (A) e selecione o ponto âncora inferior direito da forma. Pressione Enter e abra a janela Mover e selecione valor Horizontal em -20 px e o valor Vertical em 0 px. Clique em OK para mover um único ponto a esquerda.

make the top of the gun from rectangle 1

Passo 2

Vamos adicionar detalhes, usando a Ferramenta Retângulo (M) e a Ferramenta Borracha (Shift-E), conforme nós fizemos antes. Duplicar (Control-C > Control-F) a forma. Preencher a forma com uma cor mais escura e trocar o Modo de Mesclagem para Tela.

Usando a Ferramenta Borracha (Shift-E), segure o Alt e apague a parte inferior da forma, deixando apenas uma faixa estreita como realce em cima.

add highlight using the eraser tool

Passo 3

Repita o passo anterior, adicionando cortes e sombras no Modos de Mesclagem Multiplicação e Tela.

add nothces and shadows

Passo 4

Criando outro elemento cinza claro na parte de baixo do cano. Usando a Ferramenta Retângulo (M) para criar uma forma de 270 x 24 px e acrescente luzes, sombras e cortes, usando nosso métodos com cópias e a Ferramenta Borracha (Shift-E).

A seguir, fazer uma peça retangular de 20 x 110 px e colocá-la perpendicular ao detalhe do fundo. Selecione as duas partes e faça do retângulo do fundo um Objeto Chave clicando nele mais uma vez. Vá ao painel Alinhar e deslize o retângulo até a base do Objeto Chave clicando no botão Alinhar Base Vertical.

add rectangular detail to the nozzle

Passo 5

Vamos em frente e continuar desenvolvendo o corpo da nossa arma. Anexar um retângulo de 113 x 103 px ao lado esquerdo da arma, aplicando o mesmo gradiente linear cinza claro.

Selecione os pontos âncora esquerdos superiores e inferiores com a Ferramenta de Seleção Direta (A) e deixe os cantos Chanfrados com Raio de 20 px, usando o menu no painel de controle superior.

Adicione uma faixa brilhante de 113 x 30 px, aplique gradiente linear de laranja vivo a vermelho.

make a rectangle with chamfer corners

Passo 6

Adicione entalhes, luzes e sombras, usando a técnica que nós já dominamos nos elementos anteriores. Agrupar (Control-G) essa parte da arma e vamos em frente!

Add notches highlights and shadows

Passo 7

Vamos fazer um recarregador para nossa arma. Nós vamos usar a parte verde que nós já criamos, para acelerar o trabalho.

Duplicar o cano da arma e deixar a barra verde mais curta, reduzindo para cerca de 164 x 40 px, e reduzir o número de barras verticais escuras para duas.

Duplicar os elementos do bocal da arma e posicioná-los na borda direita do recarregador, mudando levemente a escala. Deixe o elemento cinza claro um pouco mais largo, cerca de  28 x 75 px.

duplicate the nozzle and reuse it

Passo 8

Vamos fazer um parafuso externo para deixar o recarregador mais detalhado.

Usando a Ferramenta Elipse (L) faça um círculo de 15 x 15 px de cor verde escura. Mude para modo Tela e deixe ele semi-transparente e brilhante. Duplicar o círculo e fazer a cópia de cima menor, configurando o tamanho para 10 x 10 px.

Selecione os dois círculos e use a função Menos Frente do Pathfinder para  cortar a parte superior do círculo, criando um anel.

Termine adicionando um círculo escuro dentro do anel, pegando a cor do bocal da arma. Agrupar (Control-G) todos os elementos do parafuso.

make an external screw from circles

Passo 9

Adicione o parafuso a parte branca do recarregador e prossiga acrescentando um suporte de 230 x 15 px para conectar essa parte ao corpo da arma.

Usando a Ferramenta Refletir (O) para rotacionar e copiar os elementos sobre o Eixo Vertical e anexá-los a borda oposta do recarregador.

Lembre-se de agrupar os elementos para manter tudo em ordem.

copy and mirror the elements with the reflect tool

3. Como Desenhar o Cabo e o Gatilho da Arma

Passo 1

Agora, finalmente, nós podemos ir para a parte de baixo da arma e criar o cabo. Usar a Ferramenta Retângulo (M) para fazer uma forma de 75 x 145 px com um gradiente linear escuro que podemos pegar do bocal.

Selecione os pontos âncora da parte inferior da forma com a Ferramenta de Seleção Direta (A) e pressione Enter para abrir o painel Mover. Configure o valor Horizontal em -50 px e o valor Vertical em 0 px deixando, desse modo, a forma inclinada para a esquerda.

make hand grip from the rectangle

Passo 2

Mantendo os pontos âncora selecionados, deixe os Cantos Chanfrados, no painel de controle no topo, selecione o valor do Raio em 12 px.

Duplicar o cabo e usar a Ferramenta Borracha (Shift-E) para criar uma sombra estreita na parte superior do elemento. Configure o Modo de Mesclagem para Multiplicação.

make the bottom of the grip chamfered

Passo 3

Vamos deixar o cabo mais detalhado e tridimensional possível. Duplicar a forma, segurar Shift e mover a cópia bem a direita, de maneira que as cópias se sobreponham um pouco.

Selecione as duas cópias e pegue a Ferramenta Construtor de Forma (Shift-M). Segure o Alt apertado e dê um clique na seção direita para deletá-la. Troque a forma remanescente para modo Tela, criando uma luz.

add highlight in screen blending mode

Passo 4

Agora nós precisamos acrescentar alguns entalhes, como fizemos antes, mas dessa vez nós precisamos que eles repitam a forma do cabo para fazer com que os elementos encaixem uns nos outros.

Copiar (Control-C) a forma do cabo e Colar na Frente (Control-F). Segure Shift e arraste a cópia para o lado direito (a forma amarela na captura de tela abaixo). Colar na Frente novamente (a forma vermelha na captura de tela abaixo) e arrastar a nova cópia um pouco mais a direita, deixando as cópias sobrepostas de modo que apenas uma pequena listra fique visível entre elas.

Mantendo as duas cópias selecionadas, clicar na função Menos Frente no Pathfinder para apagar a forma, deixando apenas um entalhe fino. Ajuste as cores e mude para o modo Multiplicação. Duplicar a forma criada, e movê-la para o lado um pouco, e transformá-la em um realce.

use minus front in pathfinder

Passo 5

Vamos adicionar uma sobra a parte inferior do cabo também. Criando um retângulo que se sobrepõe à parte inferior do cabo. Selecione os dois, a base cabo e o retângulo e use a Ferramenta Construtor de Forma (Shift-M) enquanto segura Alt para apagar a parte desnecessária do retângulo. Troque a peça remanescente para o modo Multiplicação.

add a shadow with the shape builder tool

Passo 6

Vamos prosseguir para o próximo detalhe da nossa arma. Com a Ferramenta Retângulo (M) faça uma forma de 145 x 50 px com preenchimento de gradiente linear roxo escuro.  Anexar ao cabo, ajustando seu canto esquerdo inferior a borda do cabo.

Selecione o realce do lado direito do cabo junto com a nova forma. Pegue a Ferramenta Construtor de Forma (Shift-M) e clicar e arrastar sobre o realce, conectando o pedaço do novo retângulo a ela. Libere o botão do mouse, e aí está! A peça desnecessária do retângulo sumiu assim que ele surgiu com a outra forma.

create rectangle and use the shape builder tool

Passo 7

Criar um retângulo de 93 x 35 px e preencher com uma cor brilhante (vermelho, por exemplo) para deixá-lo bem visível.

Duplicar o retângulo horizontal escuro, Trazer a cópia para Frente (Shift-Control-]), e movê-la para a esquerda, cobrindo a forma vermelha de modo que fique apenas um pedaço triangular de fora (eu preenchi a cópia de cima com marrom para que ela ficasse visível também).

Selecione as duas cópias e aplique a função Intersecção para modificar o retângulo, cortando sua parte triangular.

use the Intersect function of pathfinder

Passo 8

Pegue a Ferramenta de Seleção Direta (A) e selecione os pontos âncoras da parte superior e inferior da forma vermelha. Configure o tipo dos Cantos para Chanfrado e o Raio para 6 px.

Selecione as duas formas, a forma vermelha e o retângulo escuro em baixo dele e aplique a função Menos Frente para cortar a parte superior da forma.

Acrescente detalhes - sombras, luzes e entalhes - à forma usando a  Ferramenta Retângulo (M) e a Ferramenta Construtor de Forma (Shift-M) conforme fizemos antes.

cut out the top shape using minus front

Passo 9

Agora vamos fazer o gatilho. Crie um retângulo de 17 x 20 px com um preenchimento de gradiente linear roxo escuro e anexe a tira retangular mais fina na sua borda inferior. Enviar as duas formas para Baixo (Shift-Control-[).

Selecione os pontos âncora inferiores do lado direito com a Ferramenta de Seleção Direta (A) e pressione Enter para abrir a janela Mover. Selecione o valor Horizontal para 0 px e o valor Vertical para 7 px e clique em OK para mover essa parte do gatilho para baixo.

Finalize o gatilho duplicando sua base, deixando-o menor, e transforme-o numa sombra alterando o modo para Multiplicação.

make a trigger from rectangles

Passo 10

É assim que a parte de baixo de nossa arma se parece agora. Quase terminamos! Restam apenas uns pequenos detalhes.

bottom part of our blaster

Passo 11

Adicionar um elemento de metal brilhante do lado direito da nossa construção. Complete com detalhes menores e usando a Ferramenta Retângulo (M) acrescente uma sombra no modo Multiplicação.

Add a bright metal element

Passo 12

Termine pegando a Ferramenta Curvatura (Shift-') e arrastando o lado esquerdo da borda da sombra, mais à esquerda, deixando a forma em arco.

use the curvature tool to make the shape arched

Bang-Bang! Nossa Arma Sci-Fi Plana Está Terminada!

Bom trabalho! Eu espero que tenha gostado do processo de criação de uma arma e que tenha descoberto alguns truque que podem ser úteis nos seus trabalhos artísticos futuros. Sinta-se livre para compartilhar seus resultados nos comentários abaixo.

Divirta-se!

Our Flat Sci-Fi Blaster is Finished
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.