New! Unlimited audio, video & web asset downloads! Unlimited audio, video & web assets! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe Illustrator
Design

Como Criar uma Ilustração de Verão com Design Flat 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

Hoje vamos criar uma composição interessante com vários objetos, o que pode ser útil para um conceito de férias ou viagem. Vamos trabalhar com formas e ferramentas básicas e uma paleta de cores vivas e brilhantes.

Inspire-se com mais Gráficos de Verão incríveis do GraphicRiver.

1. Como Criar uma Prancha de Surfe

Passo 1

Primeiro, configure um Novo Documento (File > New):

  • Number of Artboards: 1
  • Width: 850 px
  • Height: 600 px
  • Units: Pixels
  • Color Mode: RGB

Faça sete camadas no painel Layers:

  • Detalhes
  • Mala de viagem
  • Guarda-sol
  • Roupas de Praia
  • Toalha de Praia
  • Prancha de Surfe
  • Background

Não se esqueça de ir ao painel View e ative os Smart Guides.

Creating of a New Document

Passo 2

Vamos começar fazendo um retângulo estreito e longo de 20 x 420 px com a Ferramenta Rectangle (M), colorida com #f9a03f. Depois arredonde todos os seus cantos ao máximo usando o painel superior Corners

Vamos fazer o nosso retângulo parecer com uma prancha de surfe. Vá para Effect > Warp > Bulge. Defina-o para Vertical e Bend: 30%. Clique em OK (ou pressione Enter em seu teclado). E Expanda (Object > Expand) a forma.

Applying of a Bulge effect to the surfboards shape

Passo 3

Escolha a Ferramenta Polygon e clique uma vez sobre a Prancheta. Em um menu pop-up, defina o Radius para 50 px e os Sides para 3. Como você pode ver, criamos um triângulo.

Posicione este triângulo acima do lado inferior da base da prancha de surfe (veja a imagem), selecione a base e o triângulo e selecione Minus Front no painel Pathfinder

Com a Ferramenta Anchor Point (Shift-C), arraste os lados internos das extremidades resultantes da prancha para torná-las mais curvadas e arredonde um pouco seus cantos.

Making of a boards tail

Passo 4

Faça um retângulo aleatório, pinte-o com rosa (#f294b6), e posicione-o sob o meio da forma de base.

Em seguida, selecione a Ferramenta Shape Builder (Shift-M) e, mantendo ambas as formas selecionadas, Delete as partes redundantes enquanto mantém pressionada a tecla Alt.

Adding of a pink stripe

Passo 5

Crie mais um retângulo colorido com magenta (#df2754) e posicione-o sob a forma rosa.

Delete todas as partes desnecessárias, como fizemos com o retângulo anterior.

Adding of a magenta stripe

Passo 6

Adicione um retângulo rosa pálido (#f9cddf) sobre o rosa. Selecione-o com a Ferramenta Direct Selection (A) e, enquanto mantém pressionada a tecla Alt, arraste este retângulo rosa pálido sob a forma magenta.

Delete quaisquer partes redundantes das formas rosa pálido.

Adding of two pale pink stripes

Passo 7

Vamos adicionar três pontos e uma sombra semitransparente.

Com a Ferramenta Ellipse (L), faça um pequeno círculo e dois menores iguais. Pinte todos com um laranja pálido (#f9d1aa). Coloque-os no lado esquerdo da base da prancha de surfe.

Crie um grande retângulo magenta aleatório. Ele deve cobrir todo o lado direito da prancha de surfe. No painel Transparency, escolha o Modo Multiply.

Delete todas as partes redundantes do retângulo.

Nossa prancha de surf está pronta!

Adding of dots and a shadow

2. Como Fazer uma Toalha de Praia

Passo 1

Comece com um retângulo roxo de 150 x 230 px (#9076e2).

Depois faça um retângulo rosa (#f294b6) de 150 x 18 px e posicione-o na parte inferior da forma anterior.

Clique no retângulo rosa com a Ferramenta Direct Selection (A), segurando Alt e arraste a cópia para o lado superior da forma básica.

Creating of a base of a beach towel

Passo 2

Selecione ambas as listras rosa. Escolha a Ferramenta Blend (W) e clique nas listras rosa. Depois clique duas vezes na miniatura da Ferramenta Blend e defina o Spacing para Specified Steps; 3 no menu pop-up.

Expanda o efeito.

Making of pink stripes

Passo 3

Copie um dos retângulos rosa e pinte novamente com um roxo escuro (#4a288c). Coloque uma listra roxa escura sob cada forma rosa.

Adding of dark purple stripes

Passo 4

Faça um pequeno retângulo roxo escuro de 10 x 20 px (#4a288c) e arredonde dois dos seus cantos superiores para o máximo. Coloque esta forma acima da forma da toalha principal e à esquerda.

Depois Copie-o e mova a peça copiada para a direita.

Making of shapes for towels fringe

Passo 5

Selecione a Ferramenta Blend (W), e depois clique em ambas as formas da cor roxa escura e clique duas vezes na miniatura da Ferramenta Blend. Defina o Spacing para Specified Steps; 6 no menu pop-up. Expanda o efeito.

Depois, Copie esse grupo de franjas, Reflita-o Verticalmente, e mova-o para a parte inferior da toalha.

Adding fringe to the second side of the towel

Passo 6

E claro, a sombra! Faça-o como fizemos com os objetos anteriores.

Making of a shadow

3. Como Criar o Shorts

Passo 1

Faça um retângulo de 95 x 15 px colorido em roxo escuro (#4a288c). Arredonde seus cantos para 3.

Então, com a Ferramenta Anchor Point (Shift-C), arraste o lado inferior um pouco para baixo.

Making of the first shape for swim shorts

Passo 2

Faça um retângulo magenta (#df2754) de 70 x 90 px. Arredonde seus cantos superiores ao máximo e os cantos inferiores para 3. Rotacione um pouco para a direita e coloque-o abaixo da forma roxa escura.

Copie, Cole e Reflita esta forma Horizontalmente para fazer a segunda perna.

Making of two magenta legs

Passo 3

E agora vamos fazer os bolsos.

Crie um círculo rosa pálido (#f294b6) de 40 x 40 px e posicione-o na perna esquerda. Delete a parte redundante. Depois Copie e Cole ele no mesmo lugar (Ctrl-Shift-V), Reflita Horizontalmente, e mova-o para a perna direita.

Making of two pockets

Passo 4

Faça um pequeno quadrado magenta (#df2754) de 8 x 8 px e arredonde seus cantos por 2 px. Posicione-o no meio da forma roxa escura.

Com a Ferramenta Pen (P) ou a Ferramenta Brush (B), faça a metade do arco. Defina a cor de Preenchimento para #d6f7fc e o Traço para 5. Depois Expanda o arco, faça uma cópia, Reflita-o Horizontalmente e mova-a para o lado direito. Arredonde seus cantos inferiores ao máximo.

Faça um retângulo magenta (#df2754) aleatório e posicione-o no lado direito das camisas. Depois com a Ferramenta EyeDropper (I), copie o estilo da camada da sombra da prancha de surfe. Delete todas as partes redundantes.

Creating of a bow

4. Como Fazer um Guarda-sol

Passo 1

Primeiro, na camada Guarda-sol no painel Layers, faça um retângulo magenta (#df2754) de 10 x 220 px e Arredonde os cantos ao máximo.

Making of a stick for a parasol

Passo 2

Crie um grande círculo laranja (#f9a03f) de 240 x 240 px, usando a Ferramenta Ellipse (L). Posicione-o acima da forma anterior.

Com a Ferramenta Line Segment (/), faça uma linha horizontal sem preenchimento e cor e coloque-a no círculo (veja a imagem).

Selecione o círculo e a linha. Depois clique em Divide no painel Pathfinder. Delete todas as peças desnecessárias.

Adding a basic shape to the parasol

Passo 3

Adicione um retângulo laranja brilhante (#ef5500) de 320 x 320 px sob a base do guarda-sol.

Faça um triângulo laranja pálido (#f9d1aa) de 320 x 220 px. Posicione-o na forma básica para formar um segmento médio do nosso guarda-sol e Delete as partes redundantes.

Com a ajuda das duas linhas finas sem preenchimento e cor, Divida o retângulo laranja brilhante sob a base do guarda-sol verticalmente em três partes. Pinte a parte do meio com laranja (#f9a03f).

Adding segments to the parasol

Passo 4

Selecione uma parte esquerda dos três retângulos laranja brilhante. Vá para Effect > Warp > Arch. E configure o Vertical e Bend para 30%.

Faça o mesmo com a terceira forma direita, mas escolha Bend: -30%. Expanda os efeitos, arredonde ambos os cantos inferiores dos dois retângulos para 3 px, e arraste os lados inferiores para cima.

Arredonde os cantos e arraste o lado inferior da forma do meio também.

Editing of the bottom segments of the parasol

5. Como Fazer a Mala

Passo 1

Comece com um retângulo rosa (#ea7aad) de 200 x 130 px. Arredonde seus cantos para 10 px.

Adicione mais um retângulo de 175 x 110 px, rosa pálido (#f294b6) e posicione-o no anterior.

Creating of a base for a suitcase

Passo 2

Faça um pequeno retângulo magenta (#df2754) de 20 x 35 px, e arredonde seus cantos para 3 px. Depois faça um retângulo roxo escuro (#4a288c) de 10 x 20 px, e arredonde seus cantos para 3 px também. Posicione esta forma na anterior.

Crie um retângulo roxo pálido (#9076e2) de 7 x 4 px com cantos arredondados para o máximo. Posicione esta forma na roxa escura.

Making of a latch

Passo 3

Nosso fecho está pronto. Agora, posicione-o na base da mala à esquerda. Você também pode Agrupá-lo: selecione todas as três camadas e aperte Control-G no seu teclado. Depois Copie o grupo e mova uma cópia para a direita.

Adding of latches to the suitcases base

Passo 4

Adicione uma alça! Faça um retângulo magenta (#df2754) de 10 x 30 px e uma cópia.

Além disso, faça um retângulo magenta (#df2754) de 70 x 10 px e posicione-o entre os dois anteriores. Una-os usando o painel Pathfinder. Arredonde os cantos superiores externos esquerdo e direito para 3 px.

Creating of a base for a handle

Passo 5

Crie um retângulo roxo pálido (#d6c7f9) de 50 x 20 px, arredonde seus cantos para 3 px, e posicione-o na parte horizontal da alça. Adicione dois pontos de brilho que vão ser um círculo pequeno e um retângulo arredondado. Posicione-os sobre a forma roxa pálida e pinte-as de #efebfc.

Adding of a part to the handle

Passo 6

Vamos tornar a nossa mala mais interessante, adicionando três adesivos de viagem minimalistas.

Para o primeiro, faça um triângulo laranja (#f47a2a) (usando a Ferramenta Polygon) com um Traço laranja pálido (#f9d1aa). Arredonde os seus cantos e posicione-o aproximadamente no meio da base da mala.

Making of triangle sticker

Passo 7

Para o segundo adesivo, você precisa selecionar a Ferramenta Star, clique uma vez na área de trabalho, e escolha Points: 20 ( Radius 1 e Radius 2 para a sua nota). Pinte esta forma rosa (#ea6a8e), selecione todos os seus cantos externos e arredonde-os ao máximo.

Copie esta forma rosa, e pinte-o com magenta (#df2754). Faça a cópia um pouco maior e coloque-a atrás da forma rosa. Em seguida, coloque o adesivo no lado esquerdo da mala. Remova quaisquer partes redundantes.

Making of a rounded star sticker

Passo 8

Para criar o terceiro adesivo, faça três círculos cada um pouco maior do que o anterior. Posicione-os um em cima do outro. Pinte o círculo interno com um roxo pálido (#d6c7f9), o círculo do meio com roxo (#9076e2) e o círculo externo com roxo escuro (#4a288c).

Depois, posicione-os no lado direito da mala e Delete quaisquer partes redundantes com a ajuda da Ferramenta Shape Builder Tool (Shift-M).

Além disso, faça uma sombra semitransparente para a mala.

Adding of a circle sticker

Nós criamos todos os ícones! Agora, vamos fazer uma composição atraente com eles.

6. Como Harmonizar os Objetos em uma Bela Ilustração

Passo 1

Organize todos os objetos como se estivessem em um retângulo imaginário. Você também pode fazer um real, e depois, Delete ele se for mais conveniente para você.

Creating of a full composition

Passo 2

Vamos preencher os espaços vazios com detalhes bonitos.

Com a ajuda da Ferramenta Line Segment (/), crie uma linha vertical com uma Altura de 20 px e um Traço de 5 pts colorida em roxo (#9076e2). Posicione também a sua cópia horizontalmente para formar um sinal de mais. Expanda as duas linhas e Junte-as usando o painel Pathfinder.

Depois arredonde todos os cantos do sinal de mais ao máximo.

Making of a plus sign

Passo 3

Posicione o máximo de sinais de mais que desejar em torno dos objetos principais.

Adding of pluses to the full composition

Passo 4

Em seguida, faça um círculo rosa pálido de 30 x 30 px com um Traço de 7 pts e sem Preenchimento. Expanda-o e multiplique suas cópias em torno dos outros objetos.

Adding of pink circles

Passo 5

Crie um círculo magenta de 18 x 18 px com um Traço de 7 pts e sem Preenchimento. Expanda-o também e faça o mesmo que antes com o passo anterior.

Adding of magenta circles

Passo 6

E, finalmente, adicione pequenos círculos roxos pálidos (#d6c7f9).

Criar um retângulo branco de 850 x 600 px, Alinhe-o para a Prancheta e posicione-o na camada Background.

Adding of pale purple circles

Bravo, Nós Fizemos Isso!

Agora, estamos absolutamente prontos para aventuras de férias! Espero que você tenha tido muita diversão criando esta ilustração comigo e que você tenha aprendido algo novo que o ajudará no seu futuro trabalho.

Além disso, confira o meu tutorial sobre Como Criar um Pattern de Frutas Arrojadas no Adobe Illustrator para aprender a fazer melancias suculentas e laranjas que você também pode adicionar à criação de hoje.

Summer Illustration Result With Watermelons and Oranges

Compartilhe os seus resultados nos comentários. Até mais!

Flat Design Summer Illustration Adobe Illustrator Tutorial
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.