Como Criar uma Ilustração de Verão com Design Flat no Adobe Illustrator
Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)



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!



