Advertisement
  1. Design & Illustration
  2. Vector

Crie o Ícone do Escudo do Capitão América no Adobe Illustrator

Scroll to top
Read Time: 11 min

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

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

Para os iniciantes você aprenderá como configurar uma grade simples, como criar o principal, quatro círculos e como posicioná-los facilmente no centro da sua prancheta. Usando técnicas básicas de mesclagem e construção de formas vetoriais você vai aprender como adicionar uma sombra sutil e uma forma de estrela simples. A seguir, você vai aprender como criar um malha de gradiente bem simples. Tirando vantagem total do painel Aparência e usando alguns efeitos de Desfoque simples você vai adicionar brilhos extras e texturas. Finalmente, você vai aprender a criar um plano de fundo simples, alguns efeitos de Sombra Projetada e uma sombra longa.

1. Crie um Novo Documento e Configure a Grade

Aperte Control-N para criar um novo documento. Selecione Pixels nas Unidades do painel suspenso, entre com 600 de largura e altura, e então clique no botão Avançados. Selecione RGB, Tela (72ppi) e certifique-se de marcar a caixa Alinhar Novos Objetos a Grade de Pixels, antes de clicar em OK.

Habilite a Grade (Visualizar > Mostrar Grade) e o Aderir à Grade (Visualizar > Aderir à Grade). Para os iniciantes você vai precisar de uma grade a cada 5 px, então vá até Editar > Preferências > Guias > Grade, entre 5 na caixa Linha de Grade a cada e 1 na caixa Subdivisões. Você também deve abrir o painel Info (Janela > Info) para uma pré visualização com o tamanho e posição das suas formas. Não se esqueça de configurar as unidades de medidas para pixels no Editar > Preferências > Unidades > Geral. Todas essas opções vão aumentar significativamente sua velocidade de trabalho.

2. Crie as Formas Principais

Passo 1

Pegue a Ferramenta Elipse (L) e mantenha o foco na Barra de Ferramentas. Remova a cor do traço e então selecione o preenchimento e configure a cor em R=228 G=23 B=28. Vá até sua prancheta e simplesmente crie um círculo de 290px.

Passo 2

Desabilite a Grade (Visualizar > Esconder Grade) e o Aderir à Grade (Visualizar > Aderir à Grade). Nesse passo você vai precisar centralizar seu círculo vermelho, então abra o painel Alinhar (Janela > Alinhar). Configure o alinhamento para Prancheta (abra o menu e vá até Mostrar Opções se você não puder ver a seção Alinhar conforme mostrado na imagem a seguir) então simplesmente clique nos botões Alinhar Centro Horizontal e Alinhar Centro Vertical. No final as coisas devem se parecer com a imagem abaixo.

Passo 3

Certifique-se de selecionar seu círculo vermelho e vá até Objeto > Caminho >  Caminho de Deslocamento. Entre com um Deslocamento de -25px e clique em OK.

Selecione a forma resultante, e substitua a cor de preenchimento existente por branco (R=225 G=255 B=255) e vá novamente até Objeto > Caminho > Caminho de Deslocamento. Entre com -25px de Deslocamento e clique em OK.

Tenha certeza de que a forma resultante está selecionada, substitua a cor existente por R=228 G=23 B=28 e vá mai uma vez até Objeto > Caminho > Caminho de Deslocamento. entre com -25px de Deslocamento e clique em OK. Selecione a forma mais recente criada e substitua a cor de preenchimento por R=22 G=77 B=157.

Passo 4

Vá até Editar > Preferências > Geral e certifique-se de que o Incremento de Teclado esteja configurado como 1px. Selecione círculo vermelho maior e faça duas cópias na frente (Control-C > Control-F > Control-F). Selecione a cópia de cima e mova ela 5px para cima usando a tecla seta para cima do teclado. Selecione novamente as duas cópias nesse passo, abra o painel Pathfinder (Janela > Pathfinder) e clique no botão Menos Frente.

Tenha certeza de que a forma resultante permaneça selecionada e vá até o painel Aparência (Janela > Aparência). Configure a cor de preenchimento em preto (R=0 G=0 B=0) então simplesmente clique no pedaço de texto "Opacidade" abra o painel suspenso Transparência. Vá ao menu suspenso Modo de Mesclagem e selecione como Luz Indireta.

Passo 5

Selecione de novo o maior círculo vermelho e faça outras duas cópias na frente (Control-C > Control-F > Control-F). Selecione a cópia de cima e mova 10px para cima com a mesma seta para cima do seu teclado. Selecione as duas cópias feitas nesse passo de novo e clique em Menos Frente no painel Pathfinder.

Certifique-se de que a forma resultante esteja selecionada, vá ao painel Aparência e selecione o Modo de Mesclagem como Luz Indireta.

3. Crie a Forma de Estrela

Passo 1

Habilite a Grade (Visualizar > Mostrar Grade ) e o Aderir à Grade (Visualizar > Aderir à Grade). Usando a Ferramenta Retângulo (M), crie uma forma de 130 x 45px, e configure a cor como branco e posicione conforme mostra a imagem.

Atenção ao lado inferior desse novo retângulo, pegue a Ferramenta Apagar Ponto Âncora (-) e simplesmente clique no ponto âncora direito para remover. Mantenha a atenção no lado inferior da sua nova forma, trocando para a Ferramenta de Seleção Direta (A), selecione o ponto âncora remanescente e simplesmente arraste 65px para a direita.


Passo 2

Usando a Ferramenta Retângulo (M), crie uma forma de 80 x 125 px, e configure a cor de preenchimento e posicione conforme mostrado na primeira imagem.

Focalizar no lado superior do novo retângulo, pegar a Ferramenta Apagar Ponto de Ancoragem (-) e apenas remover o ponto de ancoragem direito. Ainda na parte superior da nossa nova forma branca, troque para a Ferramenta de Seleção Direta (A). Selecione os pontos de ancoragem remanescentes e apenas arraste-os 40px para a direita. Selecione a forma feita nesse passo novamente, e vá até Objeto > Caminho > Adicionar Pontos de Ancoragem.

Tenha certeza de que a Ferramenta de Seleção Direta (A) ainda está ativa, selecione o ponto de ancoragem em destaque na terceira imagem e arraste-o 30px para cima. No final as coisas devem ficar como na quarta imagem.

Passo 3

Selecione novamente as duas formas brancas, que forma a estrela, clique no botão Adicionar do painel Pathfinder.

Passo 4

Certifique-se de que sua forma de estrela continue selecionada, focalize o painel Aparência, selecione o traço existente e configure sua cor como preto.

Mantendo a atenção no seu novo traço e apenas clicando no texto "Traçado" abra o painel suspenso Traçado. Configure a Espessura em 2px e marque o botão Alinhar Traçado ao Interior. Verifique se o traçado ainda está selecionado, diminua a Opacidade para 3%, altere o Modo de Mesclagem para Multiplicação e vá até Efeito > Caminho > Caminho de Deslocamento.  Entre com um Deslocamento -7px e clique em OK. Retorne ao painel Aparência, selecione o caminho inteiro (apenas clique no texto "Caminho" no alto do painel Aparência. e vá até Efeito > Distorção > Olho de Peixe. Entre com as propriedades mostradas na imagem a seguir e clique em OK.

4. Crie uma Malha Radial

Passo 1

Usando a Ferramenta Elipse (L), crie uma novo círculo de 290px e centralize usando Alinhar Centro Horizontal e Alinhar Centro Vertical no painel Alinhar. Verifique se esta forma ainda continua selecionada, abra o painel Gradiente (Janela > Gradiente) e simplesmente clique na miniatura gradiente para adicionar o gradiente linear padrão de preto para branco.

Mantendo o foco no painel Gradiente, abra a opção Tipo no menu suspenso e selecione Radial. No final ele deve se parecer com a seguinte imagem.

Passo 2

Certifique-se de que o círculo com o gradiente radial ainda esteja selecionado e vá até Objetos > Expandir. Marque a caixa Malha de Gradiente e clique em OK.

De olho no painel Camadas (Janela > Camada), selecione o grupo recém criado e, Desagrupar ele (Shit-Control-G) então pressione Alt-Control-7 (ou vá até Objeto > Máscara de Recorte > Liberar) para liberar a máscara de recorte existente. Volte ao painel Camadas e simplesmente apague o círculo de 290px (o antigo caminho de recorte).


Passo 3

Selecione sua malha e abra o painel Transformar (Janela > Transformar). Marque o Restringir Proporções de Altura e Largura e então entre  com 290 na caixa de Largura (ou Altura).

Passo 4

Desabilite a Grade (Visualizar > Ocultar Grade) e o Aderir a Grade (Visualizar > Aderir a Grade). Selecione sua malha, pegue a Ferramenta Malha (U) e adicione quatro, novos pontos de malha conforme mostra a imagem abaixo.

Passo 5

 Pegue a Ferramenta de Seleção Direta (A) e vá para a sua malha. Selecione os pontos de malha um por um e substitua as cores existentes pelas mostradas na seguinte imagem.

Passo 6

Com a sua malha ainda selecionada, focalize no painel Transparência (Janela> Transparência) e mude o Modo de Mesclagem para Multipicação.

5. Adicionando Sombra Sutil e Textura

Passo 1

Usando a Ferramenta Elipse (L), crie um novo círculo de 290px, configure a cor de preenchimento para preto e centralize usando os botões Alinhar Centro Horizontal e Alinhar Centro Vertical do painel Alinhar.

Passo 2

Certifique-se de que seu círculo preto permaneça selecionado e focalize no painel Aparência. Selecione o preenchimento existentes, altere o Modo de Mesclagem para Sobrepor e vá até Efeito > Caminho > Caminho de Deslocamento. Entre com Deslocamento -2px, clique em OK e vá até Efeito > Artístico >  Foto Granulada. Entre com as propriedades mostradas na imagem a seguir, clique em OK e vá até Efeito > Desfoque > Desfoque Radial. Entre com os atributos mostrados abaixo e clique em Ok.

Passo 3

Selecione seu círculo frontal novamente, vá ao painel Aparência e adicione um segundo preenchimento usando o botão Adicionar Novo Preenchimento. Selecione esse novo preenchimento, diminua a Opacidade para 70% e troque o Modo de Mesclagem para Multiplicação e adicione o gradiente radial mostrado na imagem abaixo. Tenha em mente que os números amarelos da imagem do Gradiente são a porcentagem de Opacidade enquanto os números brancos são a porcentagem de Localização. Isso significa que você tem que selecionar cada controle deslizante do gradiente, focalize nas caixas Opacidade e Localização do painel Gradiente e entre com os números apontados abaixo.

Passo 4

Selecione seu círculo frontal novamente no painel Aparência e adicione um traçado preto de 1px. Selecione esse traçado sutil, alinhar traçado ao interior, diminua a Opacidade em 15% e mude o Modo de Mesclagem para Sobrepor.

Tenha certeza de que seu círculo frontal continua selecionada e vá ao painel Aparência, e adicione um segundo traçado usando Adicionar Novo Traçado (marcado pelo círculo azul na imagem abaixo). Selecione esse novo traçado, configure a cor em branco e a Espessura em 1px, alinhar traçado ao interior, mude o Modo de Mesclagem para Luz Indireta e vá até Efeito > Caminho > Caminho de Deslocamento. Entre com Deslocamento de -1px e clique OK.

Passo 5

Habilite a Grade (Visualizar > Mostrar Grade) e Aderir a Grade (Visualizar > Aderir a Grade). Usando Ferramenta Elipse (L), crie uma forma de 130 x 60 px, configure a cor de preenchimento para preto e posicione conforme mostra a primeira imagem. Certifique-se de que esta nova forma continue selecionada, diminua a Opacidade para 60%, mude o Modo de Mesclagem para Multiplicação e vá até Efeito > Desfoque > Desfoque Gaussiano. Entre com um Raio de 20px e clique OK.

Passo 6

Usando a Ferramenta Elipse (L), crie uma forma de 140 x 75px, configure a cor de preenchimento para branco e posicione conforme mostra a primeira imagem. Verifique se esta nova forma continua selecionada, diminua a Opacidade para 20%, mude o Modo de Mesclagem para Subexposição de Cor e vá até Efeito > Desfoque > Desfoque Gaussiano. Entre com o Raio de 15px e clique em OK.

6. Adicionando Plano de Fundo e Sombra Longa

Passo 1

Usando a Ferramenta Retângulo (M), crie um novo quadrado de 610px, configure a cor de preenchimento em R=50 G=55 B=70 e centralize usando os botões Alinhar Centro Horizontal e Alinhar Centro Vertical no painel Alinhar.

Tenha certeza de que essa nova forma continua selecionada e focalize no painel Aparência e adicione um segundo preenchimento com o mesmo botão Adicionar Novo Preenchimento. Selecione esse novo preenchimento, configure a cor para preto, diminua a Opacidade para 10% e altere o Modo de Mesclagem para Multiplicação e vá até Efeito > Artístico > Foto Granulada. Entre com as propriedades mostradas na imagem abaixo e clique OK.

Passo 2

Selecione novamente o o círculo vermelho mais largo e vá até  Efeitos > Estilizar > Sombra Projetada. Entre com as propriedades mostradas no topo, janela esquerda (na imagem abaixo), clique em OK e vá novamente para Efeitos > Estilizar > Sombra Projetada. Entre com as propriedades no topo, janela direita, clique em OK e mais uma vez vá até Efeitos > Estilizar > Sombra Projetada. Entre com as propriedades mostradas na parte inferior da janela esquerda, clique em OK, vá mais uma vez até Efeitos > Estilizar > Sombra Projetada. Entre com as propriedades da parte inferior da janela direita e clique em OK.

Passo 3

Usando a Ferramenta Retângulo (M), crie uma forma de 290 x 305px, preencha com a cor preta e posicione como na primeira imagem. Certifique-se de que a nova forma continua selecionada e focalize no painel Aparência. Diminua a Opacidade para 15%, mude o Modo de Mesclagem para Luz Indireta e substitua a cor sólida usada no preenchimento com o gradiente linear da imagem abaixo. Não se esqueça de o branco zero da imagem do Gradiente permanece para a porcentagem de Opacidade.

Parabéns! Você Terminou!

Aqui está como ele deve ficar. Eu espero que você tenha gostado desse tutorial e que possa aplicar essas técnicas em seus projetos futuros.

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.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.