Advertisement
  1. Design & Illustration
  2. Spring

Como Criar um Ilustração de Limpeza de Primavera no Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

A cada primavera, as mulheres no meu país, Ucrânia, fazem uma limpeza extraordinariamente rígida na casa inteira. Normalmente uma mulher é avaliada como uma boa anfitriã de acordo com a limpeza de sua casa, janelas brilhando e o quão boa cozinheira ela é. Hoje, vamos criar alguns suprimentos de limpeza e lavagem.

Tendo uma ótima ilustração em minha mente e pronta para usar no meu próximo tutorial, eu ajustei esta ilustração para iniciantes. Tenho certeza que o melhor jeito de fazer isso é combinar uma ilustração de formas básicas e aplicar deformações e distorções. É por isso que vamos pegar uma elipse ou um retângulo, aplicar efeitos, e depois adicionar um objeto, por exemplo um frasco de spray ou balde. Parece interessante?

Você sabe que o GraphicRiver tem uma grande variedade de imagens de suprimentos de limpeza? Por favor, dê uma olhada, tenho certeza que você vai ficar inspirado.

1. Como Criar um Balde

Passo 1

Primeiro, crie um novo documento (File > New) com as seguintes dimensões: 850 px de Height (altura) e 850 px de Width (largura). Em seguida, crie um retângulo cinza com a ajuda da Ferramenta Rectangle (M). Para sua modificação vamos usar a Ferramenta Arc. Vá para Effect > Warp > Arc e insira as seguintes configurações:

creating the base shape of the bucket

Passo 2

Crie uma cópia desta forma: enquanto segura as teclas Shift e Alt, mova a forma original para a direita. Pressionando a tecla Shift vai permitir que você mova a forma perfeitamente em uma direção horizontal. Pressionando a tecla Alt vai fazer uma cópia da imagem original. Crie uma outra cópia da forma original em frente (Control-C, Control-F).

Agora, mantendo ambas e aquela movimentada selecionadas, pressione o botão Minus Front no painel Pathfinder (Window > Pathfinder). Esta ação nos deixa com a parte da forma.

Enquanto a mantem selecionada, mude a cor da forma para um tom um pouco mais escuro. Além disso, você pode mover o ponto de ancoragem inferior esquerdo da nova forma um pouco para a direita. Para selecionar apenas um ponto de ancoragem ao invés da forma inteira, usa a Ferramenta Direct Selection (A).

creating the base shape of the bucket 2

Passo 3

Usando a Ferramenta Rectangle (M), crie um retângulo amarelo em cima. Depois pegue a Ferramenta Direct Selection (A) e selecione o ponto de ancoragem inferior esquerdo. Comece a pressionar a tecla da Seta Direita algumas vezes para mover este ponto de ancoragem para a direita. Depois selecione o ponto de ancoragem direito deste retângulo amarelo e pressione a tecla da Seta Esquerda algumas vezes para mover este ponto de ancoragem para a esquerda.

creating the top of the bucket

Passo 4

Vamos adicionar mais detalhes para o balde. Usando a Ferramenta Ellipse (L), crie duas formas ovais amarelas, a menor na frente. Enquanto mantem elas selecionadas, pressione o botão Exclude no painel Pathfinder (Window > Pathfinder). Posicione a forma como mostrada na imagem abaixo.

creating the top of the bucket 2

Passo 5

Agora, vamos criar a alça. Usando a Ferramenta Rounded Rectangle, crie um retângulo arredondado estreito cinza em cima do balde. Adicione um outro retângulo arredondado vermelho em cima. Nosso balde está pronto!

creating the handle of the bucket

2. Como Criar um Frasco de Plástico

Passo 1

Vamos começar com um retângulo amarelo escuro (Ferramenta Rectangle (M)). Depois posicione um retângulo arredondado mais claro (Ferramenta Rounded Rectangle) em cima. Pressione as teclas Shift e Alt, mova o retângulo arredondado amarelo claro para baixo.

Crie uma cópia do retângulo amarelo escuro em frente (Control-C, Control-F). Usando a Ferramenta Eye Dropper (I), faça a mesma cor de preenchimento como dos retângulos arredondados. Encolha os novos retângulos de cima para baixo. Este é o corpo do frasco.

creating the body of the bottle

Passo 2

Para a tampa do frasco, crie um outro retângulo e faça ele vermelho. Adicione um retângulo mais escuro em frente (Control-C, Control-F). Faça o novo retângulo escuro bem estreito usando a Ferramenta Selection (V). Pressionando as teclas Shift e Alt, mova este retângulo escuro para a direita para obter uma outra cópia dele.

Pressione Control-D e você vai obter uma outra cópia deste retângulo na direita, na mesma distância que ele estava entre o primeiro e o segundo. Mantenha pressionado o Control-D até que você tenha preenchido o retângulo inteiro com listras como mostradas na imagem abaixo.

creating the cap of the bottle

Posicione esta tampa em cima do corpo do frasco.

placing the cap on the bottle

3. Como Criar Luvas

Passo 1

Agora estamos criando a base da primeira luva. Comece a fazer um retângulo pink. Mantenha-o selecionado, vá para Effect > Warp > Arc Upper. Na nova janela de diálogo, ajuste as opções para aquela que você vê na imagem abaixo. Expanda esta forma (Object > Expand Appearance).

creating the base of the glove

Passo 2

Para os dedos da luva, crie quatro retângulos arredondados: primeiro crie um, depois segurando as teclas Shift e Alt mova-o para a direita, e depois pressione Control-D mais duas vezes. Mantendo os dois retângulos arredondados do meio selecionados, desloque eles um pouco mais para cima.

creating the fingers of the glove

Posicione os quatro dedos em cima da base da luva.

placing the fingers on the glove

Passo 3

Para o polegar, desenhe uma elipse usando a Ferramenta Ellipse (L). Depois pegue a Ferramenta Direct Selection (A) e selecione os pontos de ancoragem da esquerda e da direita da elipse e mova-as para baixo.

creating the thumb of the glove

Posicione o polegar no lado esquerdo da luva.

placing the thumb on the glove

Passo 4

Faça uma outra cópia da luva (Control-C, Control-V) e mude-a para uma cor um pouco mais escura.

creating the second glove

4. Como Criar um Rodo

Passo 1

Comece com um retângulo vertical cinza escuro. Em cima dele, adicione um retângulo cinza claro menor, mas um pouco mais largo. Embaixo, adicione um retângulo arredondado laranja para o cabo do rodo. Para uma pequena mudança da forma do cabo, selecione-a e vá para Effect > Warp > Arc e insira as configurações mostradas abaixo.

creating the squeegee handle

Passo 2

Crie um outro retângulo laranja posicionado horizontalmente. Usando a Ferramenta Direct Selection (A), mova o pontos de ancoragem inferiores direito para o meio. Adicione um retângulo cinza em cima. E finalmente crie um segundo retângulo cinza vertical um pouco mais estreito e mais claro.

creating the squeegee top

Este é um aspecto mais próximo da parte superior do rodo.

closer look

5. Como Criar um Frasco de Spray

Passo 1

Comece a criar um retângulo arredondado cinza claro. Depois disso, modifique esta forma com a Ferramenta Arc (Effect > Warp > Arc Lower) e aplique as opções mostradas abaixo. Expanda esta forma indo para: Object > Expand Appearance.

Adicione uma forma oval e faça ela sobreposta no retângulo arredondado como na imagem abaixo. Apenas para que você saiba, o contorno da elipse não é necessário, mas ele está aqui para melhor visualização. Em seguida, mantenha as duas forma selecionadas, vá para o painel Pathfinder e pressione o botão Minus Front.

creating the spray bottle base

Passo 2

Depois disso, achate a parte de cima usando a Ferramenta Direct Selection (A). Selecione a forma criada e vá para Object > Path > Offset Path e defina o valor de Offset cerca de -10. Isto na verdade depende do tamanho do seu objeto e pode ser um pouco diferente. Por esta ação você vai criar uma forma similar dentro da original, mas um pouco menor.

Mude a cor de preenchimento do objeto recém-criado para uma cor um pouco mais escura. Finalmente neste passo, adicione um pequeno retângulo pink em cima, e posicione-o atrás (Control-X, Control-B).

creating the spray bottle base 2

Passo 3

Para a parte de cima do frasco de spray, crie dois retângulos arredondados pink, e faça-os sobrepostos como na imagem abaixo. Selecione o retângulo arredondado de cima e aplique a Ferramenta Arc, e depois expanda esta forma. Depois disso, una estas duas formas: selecione-as e aperte o botão Unite em Pathfinder.

Em seguida, vamos usar o Corner Widget, que está disponível nas versões posteriores do Illustrator. Esta ferramenta nos permite ajustar o quão arredondado queremos que os cantos sejam.

Primeiro, tenha certeza de marcar  View > Show Corner Widget. Agora, perto de cada canto do retângulo, você tem um pequeno círculo. Selecione dois cantos acentuados das formas usando a Ferramenta Selection (A) e mova este círculos para o meio da forma, e os cantos do retângulo vão gradualmente se tornarem redondos. (Apenas como uma prática, tente mover os círculos para fora, e os cantos do retângulo vão ficar acentuados novamente).

creating the spray bottle top

Passo 4

Em seguida, crie uma forma oval pink. Modifique-a movendo as alças dos pontos de ancoragem (use a Ferramenta Direct Selection (A)) como na imagem abaixo.

creating the spray bottle top 2

Passo 5

Combine todas as formas para obter a imagem de um frasco com spray. Em seguida, posicione um retângulo pink para o bico, usando a Ferramenta Eyedropper (I) para pegar a cor de preenchimento que você precisa.  Preste atenção para parte marcado por um círculo. Neste lugar, mova os pontos de ancoragem e as alças da forma pink para alcançar um resultado similar.

creating the spray bottle top 3

6. Como Arrumar a Cena

Posicione todos os suprimentos de limpeza no balde para fazer uma cena similar. Certifique-se de que o balde está em frente de todos os outros suprimentos de limpeza.

making the scene

7. Como Criar um Esponja

Crie uma forma oval amarela e orientada horizontalmente. Transforme-as indo para Effect > Distort and Transform > Roughen. As opções de entrada podem ser um pouco diferentes em seu caso. Isso depende do tamanho da sua forma oval criada.

Se você está satisfeito com a rugosidade selecionada, faça uma outra cópia dela, diminuindo o tamanho da cópia, e torne a sua cor de preenchimento mais clara. Em seguida, faça algumas cópias desta forma e torne-as menores e mais escuras—isto vai ser usado como os buracos em sua espoja.

No painel Appearance, você pode pressionar Roughen e mudar os valores necessários de Size e Detail das formas criadas para obter uma imagem da esponja como essa apresentada abaixo. No final, não se esqueça de expandir o objeto criado.

creating the sponge

Posicione a esponja abaixo e em frente do balde.

placing the sponge

8. Como Criar o Fundo

Passo 1

Vamos encerrar a nossa ilustração. Crie um quadrado azul claro atrás da cena usando a Ferramenta Rectangle (M). Clique na prancheta e digite 850 x 850 px.

creating the background

Passo 2

Adicione um círculo azul escuro atrás da cena, mas acima do quadrado. Para fazer um mesmo círculo, desenhe uma forma oval usando a Ferramenta Ellipse (L) enquanto mantém a tecla Shift pressionada.

Posicione este círculo no meio do fundo. Para fazer isto, abra o painel Align (Window > Align). Defina o Align To: Align to Artboard (abra o menu flutuante e vá para Show Options se você não vê o Align To: parte mostrada aqui), certifique-se de que suas formas estão selecionadas, e clique nos botões Horizontal Align Center e Vertical Align Center. No final, seu círculo deve estar no meio do fundo.

creating the background 2

Passo 3

Para terminar o design, vamos fazer algumas bolhas de sabão! Primeiro, crie um pequeno círculo com a mesma cor de preenchimento como o fundo. Mantendo este círculo selecionado, vá para o painel Transparency, encontre a palavra Normal (que é Blending Mode) e escolha Screen do menu flutuante. Agora distribua este círculo na imagem segurando a tecla Alt. Mude o tamanho de alguns círculos e voila! Temos a ilustração completa!

creating the soap bubbles

Trabalho Incrível, Suas Tarefas Estão Feitas!

Nós conseguimos! Agora você está pronto para criar quaisquer ferramentas para cada que você quer. Isso pode ser escovas, esponjas, vassouras, um esfregão, ou outra coisa, usando apenas simples formas! Divirta-se criando suas próprias ilustrações, e por favor, compartilhe as suas criações nos comentários abaixo. Eu espero que você tenha um dia fantástico! Te vejo depois!

final image
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.