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

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.