Como Criar Ícones de Páscoa com Design Flat no Adobe Illustrator
Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)



A Páscoa é um feriado de primavera encantador, que é bem conhecida por sua tradição de pintura de ovos. Ela normalmente é associada com cores suaves e vívidas e um ânimo da primavera. Neste tutorial, nós atravessaremos um processo descritivo de criação de ícones de Páscoa flat, usando formas básicas, o painel Pathfinder e algumas das novas ferramentas do Adobe Illustrator.
Além de fazer ícones de Páscoa, estas técnicas podem ser usadas para criar qualquer tipo de ícones flat ou banners flat também. Você pode encontrar um monte de exemplos de gráficos flat em todo o Envato Market para mais inspiração.
1. Faça Ícones Festivos de Ovo de Páscoa
Passo 1
Vamos começar fazendo a base do ovo. Pegue a Ferramenta Ellipse (L) e faça um círculo de 70 x 70 px. Selecione seus pontos de ancoragem com a Ferramenta Direct Selection (A) e arraste-os um pouco para baixo, fazendo a parte de baixo abaulada. Então selecione o ponto de ancoragem de cima e arraste-o para cima, fazendo o topo do ovo pontudo.



Passo 2
Vamos estar usando uma paleta viva de primavera com cores suaves que você pode pegar diretamente da captura de tela abaixo com a Ferramenta Eyedropper (I) enquanto segura a tecla Shift.
Preencha a base do ovo com amarelo e mantenha uma cópia atrás (Control-C > Control-B), como podemos precisar depois.
Agora vamos representar o ornamento decorativo acima do ovo. Pegue a Ferramenta Rectangle (M) e faça uma forma azul de 70 x 15 px.



Passo 3
Pegue a Ferramenta Line Segment (\), segure a tecla Shift e faça uma forma horizontal com o Traço rosa de 3 pt Stroke Weight.
Vamos alinhar todas as formas para o ovo. Selecione tudo (Control-A) e clique no ovo enquanto segura o Alt para fazê-lo um Key Object (você vai ver uma seleção de espessura mais grossa em volta dele). Vá para o painel Align e clique em Horizontal Align Center.



Passo 4
Agora vamos modificar a linha rosa. Selecione-a e vá para Effect > Distort & Transform > Zig Zag. Defina o Size para 5 px, Ridges per segment para 7 e Points para Smooth.
Object > Expand a forma para aplicar o efeito.



Passo 5
Adicione um outro retângulo na parte de baixo do ovo e o preencha com a cor verde. Agora vamos deletar essas partes dos retângulos que estão fora do ovo. Vamos estar usando uma das novas ferramentas do Adobe Illustrator : a Ferramenta Sharper (Shift-N). Pegue a Ferramenta Shaper (Shift-N) e só rabisque acima da peça que você deseja excluir. Repita o mesmo com outras partes indesejadas.
Se você está trabalhando com versões anteriores do Adobe Illustrator, tente usar a Ferramenta Shape Builder (Shift + M) em vez disso. Funciona da mesma maneira — basta selecionar tudo e clicar nas partes indesejadas enquanto segura o Alt.
Nós também vamos tentar uma outra maneira de esconder as partes desnecessárias alguns passos depois, quando vamos estar fazendo um outro ovo.



Passo 6
Selecione o ovo modificado e Object > Expand isso. Então selecione o meio amarelo do ovo junto com a linha ziguezague e os Divida no painel Pathfinder quebrando a forma em duas metades iguais.



Passo 7
Preencha a parte superior da forma dividida com uma bela cor-de-rosa. Pegue a Ferramenta Ellipse (L) e faça um círculo de 5 x 5 px. Segure o Alt-Shift e arraste o círculo para a direita, criando um par de cópias.



Passo 8
Agora que a vista básica do ovo está pronta, vamos adicionar uma sombra com estilo flat, cobrindo uma metade do ovo. Group (Control-G) todas as partes do ovo, Copy e Cole em Frente (Control-C > Control-F). Mantendo a cópia selecionada, Una-a no Pathfinder, mesclando-a em uma única silhueta.
Desenhe uma linha vertical através do ovo, usando a Ferramenta Line Segment (\). Align a linha para a silhueta do ovo, fazendo o ovo um Key Object.
Mantendo a linha e a silhueta do ovo selecionadas, Divida-as no Pathfinder.
Delete uma das peças e alterne a metade restante para Multiplicar o modo, tornando-o semitransparente.



Passo 9
Agora vamos fazer um outro ovo!
Nós já temos uma base, já que fizemos uma cópia disso no primeiro passo. Mova para o lado e preencha com a cor laranja. Adicione elementos decorativos no top e vamos ver um outro jeito no qual podemos esconder as peças desnecessárias. Duplicate a forma básica mais uma vez (Control-C > Control-F) e Traga isso para Frente (Shift-Control-]).
Selecione todos os elementos, clique com botão direito e Make Clipping Mask. Aqui você tem isso!



Passo 10
Vamos adicionar mais alguns elementos decorativos para o ovo. Faças dois círculos 5 x 5 px acima da listra amarela do ovo, colocando-os perto das bordas. Selecione ambos os círculos e use também a Ferramenta Blend (W) ou vá para Object > Blend > Make. Então abra a janela Blend Options (Object > Blend > Blend Options) e estabeleça o Spacing para Specified Steps com um valor de 3.
Object > Expand o grupo Blend e adicione mais círculos na parte de cima do ovo, preenchendo-os com a cor amarela.



Passo 11
Quando você estiver satisfeito com o resultado, adicione uma sombra flat semitransparente para uma metade do ovo.
Combine os ovos. Use a Ferramenta Rounded Rectangle para fazer um plano de fundo verde claro para o nosso ícone.
Faça um quadrado com a Ferramenta Rectangle (M) e o rotacione por 45 graus com a Ferramenta Selection (V) enquanto segura o Shift.
Preencha o retângulo com o gradiente linear do verde claro para o branco e o troque para Multiply Blending Mode, fazendo uma longa sombra semitransparente



Passo 12
Duplique o plano de fundo verde claro e posicione a sombra entre as cópias. Use um Clipping Mask para esconder a peça indesejada da longa sombra.
Ótimo! Nosso primeiro ícone está pronto! Vamos passar para o próximo.



2. Faça um Ícone de Coelhinho Fofo
Passo 1
Faça um círculo cinza de 70 x 70 px para a cabeça do coelho. Mova um pouco os pontos de ancoragem laterais para baixo com a Ferramenta Direct Selection (A) para fazer a cabeça levemente achatada.
Agora vamos criar as orelhas. Pegue a Ferramenta Ellipse (L) e faça uma forma oval de 15 x 50 px. Mova seus pontos de ancoragem laterais um pouco para cima, fazendo o topo da orelha mais amplo. Mantendo a forma selecionada, vá para Object > Path > Offset Path e estabeleça o valor de Offset para -5 px, deixe todas as outras opções como padrão. Desta forma criamos uma forma menor para a parte interna do ouvido.



Passo 2
Preencha a parte interna do ano com a cor rosa, agrupe ambas as partes da orelha e Envie para trás (Shift-Control-[). Dê Duplo clique na Ferramenta Rotate (R) para abrir a janela de opções e estabeleça o valor do Rotate Angle para -20 graus.



Passo 3
Use a Ferramenta Reflect (O) para girar a orelha sobre o Vertical Axis e clique Copy para criar a segunda orelha do lado oposto da cabeça. Você pode agrupar ambas as orelhas e Alinhá-las na cabeça, fazendo com que todo o conjunto fique perfeitamente centralizado.
Achate um pouco mais a base da cabeça.



Passo 4
Use a Ferramenta Ellipse (L) para criar um par de olhos escuros e brilhantes com destaques brancos e um círculo para o nariz. Pegue a Ferramenta Scissors (C) e clique em ambos os pontos de ancoragem laterais do nariz para dividir a forma em duas metades.



Passo 5
Delete a metade superior e transforme a parte restante em um coelhinho fofo. Pressione X para trocar as cores do Fill e Stroke. Defina a Stroke Weight para 2 px e mude a Variable Width Profile no painel de controle na parte superior. Criar duas cópias do nariz e torne-as um pouco mais finas e leves, formando uma boca como mostrado na imagem abaixo.



Passo 6
Vamos terminar com nosso coelho adicionando pequenos bigodes na cabeça dele. Faça um traço horizontal de 9 px e 1 pt, usando a Ferramenta Line Segment (\). Rotacione um pouco os bigodes e os adicione em ambos os lados da face.



Passo 7
Adicione uma sombra flat para uma metade da cabeça do coelho, como fizemos anteriormente. Crie um retângulo arredondado para o plano de fundo e crie uma longa sombra semitransparente para finalizar o ícone.
Se você sente alguma dificuldade em adicionar uma sombra longa para um objeto complexo, confira o seguinte tutorial da Parte 7, Passo 1 e em diante, a fim de descobrir como dar a nossa sombra longa a forma desejada.
- Design de ÍconeComo Criar um Conjunto de Ícones Flat de Animais no Adobe IllustratorYulia Sokolova
Aí você tem isso! Vamos para o próximo ícone!



3. Faça um Ícone de um Pintinho Fofo
Passo 1
Desta vez nós vai representar um divertido pintinho saindo para fora do ovo. Primeiro, faça um ovo listrado com algumas listras ou outros elementos decorativos para vinculação, usando as técnicas que aprendemos nos passos anteriores.
Precisamos remover a parte de cima do ovo, criando uma borda rachada. Mantenha uma cópia da base do ovo em algum lugar na parte de baixo, porque precisamos disso para depois criar nosso pintinho.
Faça uma linha horizontal através do ovo e aplique Effect > Distort & Transform > Zig Zag. Defina o Size para 4 px, Ridges per segment para 7 e Points to Corner para fazer as bordas rachadas afiadas.



Passo 2
Object > Expand a linha se ziguezague e posicione-a através do ovo, no centro dele. Copie a base azul do ovo, Cole na Frente (Control-C > Control-F) e Traga-o todo para Frente (Shift - Control-]), colocando-o em cima de todos os elementos.
Selecione o ziguezague e o ovo base e Divida-os no Pathfinder. Delete a parte superior da forma dividida.
Finalmente, selecione tudo, clique com o botão direito e Make Clipping Mask. Ótimo! A peça rachada do ovo está pronta. Vamos colocar um pintinho dentro dele.



Passo 3
Revele a cópia do ovo base que criamos anteriormente e o preencha com a cor amarela suave para o corpo do pintinho. Encolha a forma para 60 x 75 px, tornando-o menor. Selecione os pontos de ancoragem laterais com a Ferramenta Direct Selection (A) e os arraste um pouco para cima, tornando o pintinho arredondado.



Passo 4
Pegue a Ferramenta Polygon e com um único clique em qualquer lugar na Prancheta para abrir as opções da janela pop-up. Fazer um triângulo de 15 x 10 px para o bico e o preencha com a cor laranja.
Combine os dois triângulos para formar um bico e achate-os para criar uma forma apropriada. Não se esqueça de adicionar um par de olhos brilhantes. Podemos copiá-los do nosso ícone de coelho.



Passo 5
Adicione um par de asas ovais, usando a Ferramenta Ellipse (L). Coloque a cópia do corpo do pintinho acima das asas e Faça Clipping Mask para esconder os elementos desnecessários dentro da máscara.



Passo 6
Termine com o ícone adicionando todos os elementos necessários como sombras e plano de fundo. Incrível!
Vamos para o nosso último ícone e terminar nosso conjunto de Páscoa!



4. Faça um Ícone de Caixa de Presente
Passo 1
Vamos começar moldando nossa caixa de um retângulo verde de 60 x 40 px. Crie um topo da caixa de um retângulo laranja de 65 x 15 px.



Passo 2
Agora vamos criar uma fita em toda a caixa. Selecione ambas as partes da caixa e lembre-se da altura mútua das formas. Você pode encontrar isso no painel Transform. No nosso caso, é 55 px. Faça um fita azul de tamanho 5 x 55 px, posicionando-a bem no centro da caixa. Adicione uma peça menor de 5 x 55 px da fita no topo da caixa, preenchendo-a com uma cor azul escuro.



Passo 3
Use a Ferramenta Pencil (N) para fazer um arco com o Traço azul de 2 pt de Weight.



Passo 4
Vamos decorar a nossa caixa com algum ornamento ou padrão. Copie a base da caixa e Cole-a em Frente (Control-C > Control-F).
Vá para o painel Swatches, abra o Swatch Libraries menu > Patterns > Basic Graphics > Basic Graphics_Lines. Encontre a amostra de 10 lpi 30% e clique para aplicar um padrão com linhas horizontais.



Passo 5
Mantendo a forma textura selecionada, clique duas vezes a Ferramenta Rotate (R) e defina o Ângulo de 45 graus. Desmarque a opção Transform Objects e clique Ok, mudando a direção das listras.



Passo 6
Vamos mudar a cor das listras para fazê-las corresponder com a nossa paleta global. Clique duas vezes o padrão aplicado no painel Swatches para isolá-la no Pattern Mode. Aplique um cor verde clara para os Traços no painel Color e clique em Done na parte superior da área de trabalho.



Passo 7
Termine com o ícone adicionando profundidade com a ajuda das sombras e do plano fundo simples.



Nosso Conjunto de Ícones Está Finalizado! Feliz Páscoa!
Parabéns! Fizemos um ótimo trabalho, aprendendo como usar a Ferramenta Sharper e como trabalhar com formas básicas e o painel Pathfinder. Podemos usar estas simples técnicas para expandir nosso conjunto e criar mais ícones flat festivos de Páscoa!



