Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Icon Design

Como criar um ícone de casamento flat no Illustrator

by
Difficulty:IntermediateLength:ShortLanguages:

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

Final product image
What You'll Be Creating

Todos nós amamos nossos amigos e gostamos vê-los felizes, e o que é mais amoroso do que criar algo único para o dia especial deles?

Neste tutorial eu vou ensiná-los como fazer um ícone de casamento no estilo flat único, mas sinta-se livre para criar o seu próprio e use este tutorial apenas como uma referência. Faça alguém feliz!

Escolha uma foto e cores

Escolha a melhor foto de seus amigos para ver as formas básicas de seus rostos.

Descubra quais são as cores que seus amigos estão usando em seu casamento. Para o casamento de Ilona e Tom a cor é azul claro#9BD4D7.

O que seus amigos têm de especial? Eles têm animais de estimação, passatempos interessantes, etc.? Na minha foto escolhida, meus amigos estão segurando um gato, então eu coloquei ele no meio do ícone.

Light blue color

Configure o arquivo

Crie um novo documento de 600 x 600 px e use a Ferramenta Retângulo (M) para criar a forma do fundo e coloque na cor #F4F3ED.

Crie as formas do fundo

Passo 1

Vamos começar com a forma de um diamante.

Pegue a Ferramenta Retângulo (M) e crie uma forma do tamanho 174 x 174 px (cor #D2EAE5 e contorno de 2 px na cor #2C2C2C) e gire-o em 45º. Usando a Ferramenta de Seleção Direta (A), clique no retângulo e arredonde os cantos usando as alças de ambos lados.

Round corners

Segure a tecla Alt e arraste o mouse um pouco para cima para duplicar a forma assim criando uma leve sombra . Use a cor#E8E8E8 para preencher.

slight shadow

Usando a Ferramenta Elipse (L), crie dois circulos de 7 x 7 px (preencha com a cor #7CC9C com um contorno de 2 px com a cor #2C2C2C) e coloque-os nos cantos laterais do diamente.

little circles

Passo 2

Vamos criar o coração.

Basicamente o coração consiste em três retângulos. Com a Ferramenta Retângulo (M) crie três retângulos 7 x 7 px usando a mesma cor dos círculos pequenos. Monte-os como os da imagem abaixo.

heart of three rectangles

Usando o painel do Pathfinder, escolha a opção Unir para juntá-los. Adicione o contorno de 2 px com a cor de #2C2C2C. Coloque-o acima do diamante.

Little heart

Passo 3

Usando a Ferramenta Caneta (P), crie uma forma como a abaixo:

Shape drawn with Pen Tool

Botão direito no mouse, e vá Transformar > Refletir > Horizontal > Copiar.

transform-reflect
transform horizontal

Arrume as duas formas desse jeito

both shapes together

Com as duas formas selecionadas, use a Ferramenta de Seleção Direta (A), aperte o botão direito no mouse e selecione Junção.

Joining points

Deixe o contorno em 2 px e a forma em 175 x 45 px.

Usando a Ferramenta Retângulo (M), crie dois retângulos de 28 x 28 px e coloque-os nos lados.

Rectangles on the sides

Agrupe tudo e usando a Ferramenta de Seleção Direta (A) selecione os cantos como mostrado na imagem, e arredonde-os como já fizemos anteriormente.

All corners to be rounded

Selecione a forma e use a Ferramenta de Conta-Gotas (I). Clique no ícone de coração para selecionarmos a mesma cor de preenchimento e contorno.

Eyedropper Tool I

Passo 4

Coloque tudo junto e escreva os nomes e a data. Usando a Ferramenta Caneta (P), crie contornos como mostrado abaixo e adicione alguns detalhes. Pequenos detalhes são importantes para fazer o design ganhar vida. Mas nunca se empolgue demais com isso.

Small details

Crie um casal

Passo 1

Usando a Ferramenta Elipse (M), crie um círculo de 34 x 34 px e exclua o ponto superior. Use a Ferramenta Caneta (P) e crie formas como as mostradas abaixo. Preencha com a cor #EFE6D8.

Shape of the face

Passo 2

Essa parte é um pouco complicada. Você terá que usar suas habilidades com a Ferramenta Caneta. Pegue a Ferramenta Caneta (P) e crie um cabelo similar ao que eu fiz. Preencha com a cor #E8E1C5 .

Use circulos pequenos e a Ferramenta Caneta para criar os olhos, nariz, boca e detalhes no cabelo.

Drawing hair with Pen Tool

Também use a Ferramenta Caneta pra criar o corpo. Use a cor #8A9BA0 para o preenchimento

Siga o mesmo procedimento com o rapaz. Use círculos para criar as orelhas dele. O corpo deve ser na cor #61686B, e o cabelo #8C867E .

Couple together

Para o gato, crie um círculo de 47 x 47 px e preencha com a cor #E4EAF0 .

Use o mesmo contorno que foi usado nos outros elementos. Siga os passo abaixo.

Cat icon

Crie sombras e luzes.

Passo 1

Essa última coisa faz com que o design passe de ok para ótimo!

Fácil como é, selecione a cor branca e a Ferramenta Caneta (P) e crie uma luz branca aonde você quiser, porém lembre-se que você deve fazer apenas de um lado.

Para as sombras, copie as formas que precisam de sombra e use a Ferramenta Caneta para criar uma forma irregular e levemente mais escura em volta. Selecione as duas formas e vá em Objeto > Expandir e clique em Ok. Selecione as duas formas e vá no painel do Pathfinder e clique em Dividir, tire a sombra com a Ferramenta Direta de Seleção (A) e coloque no seu desenho original.

Shadow of hair

Trabalho fantástico, você acabou!

Espero que tenha gostado do meu tutorial e tenha aprendido algo novo! Me diga se você realmente fez um ícone especial para o casamento de seus amigos!

Vejo vocês na próxima!

Final image of both couples

Seja o primeiro a saber sobre novas traduções–siga @tutsplus_pt no Twitter!

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