Como Criar uma Ilustração de Verão com Design Flat no Adobe Illustrator

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.

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.

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.

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.

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.

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.

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!

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.

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.

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.

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.

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.

Passo 6

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

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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.

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

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.

Passo 3

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

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.

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.

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.

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.

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