Qual alimento você associa com a temporada de verão ensolarado? Frutas frescas e sucos talvez? Para mim, as melancias suculentas e as laranjas perfumadas são as frutas que tem mais a ver com o verão. Então este tutorial é inspirado em uma antecipação de um verão brilhante e quente, cheio de frutas maduras.

Hoje vamos criar um pattern colorido e estiloso com melancias e laranjas no Adobe Illustrator. Vamos criar dois elementos principais e quatro adicionais e fazer um pattern com eles usando a ferramenta Pattern.

Se você está procurando por inspiração de pattern vetorial, você pode encontrar alguma em GraphicRiver.

1. Como Fazer uma Melancia Inteira

Passo 1

Primeiro, vamos configurar um Novo Documento (File > New Document ou Control-N) e escolher as seguintes configurações:

• Width: 500 px
• Height: 500 px
• Units: Points (ou Pixels)
• Artboards: 1
• Color Mode: RGB

Passo 2

E agora vamos começar a aumentar a nossa saborosa melancia.

Não se esqueça de ir para o painel View e ligar o Smart Guides. Com a Ferramenta Ellipse (L) faça um círculo roxo (#8472ce) de 150 x 150 px.

Escolha a Ferramenta Pen (P) e a cor roxa escura (#4a288c). Faça três listras curvadas na metade da esquerda da forma básica.

Depois Copie estas listras (Control-C), Cole para o mesmo lugar (Control-Shift-V) e , com o clique do botão direito do mouse, vá para Transform > Reflect e reflita-as horizontalmente. Enquanto segura o Shift, mova-as para o lado direito da forma básica.

Passo 3

Agora vamos fazer uma sombra semi-transparente.

Com a Ferramenta Rectangle (M), crie um grande retângulo aleatório. Defina sua opacidade para 45% no painel de Opacity superior e pinte-o de roxo (#47034c). Mova-o para o lado direito da melancia. Depois, mantendo o retângulo e a forma básica da melancia selecionados, escolha a Ferramenta Shape Builder (Shift-M) e, enquanto segura o Alt, remova a parte redundante do retângulo.

Passo 4

Agora vamos fazer três pontos de luz.

Escolha a Ferramenta Ellipse (L) e clique no meio do lado esquerdo da melancia. Defina o tamanho para 17 x 17 px e clique em OK (ou Enter em seu teclado). Depois do mesmo jeito faça dois círculos de 7 x 7 px em ambos os lados do primeiro círculo. Pinte-o todo de roxo pálido (#d6c7f9).

Selecione todas as partes da melancia e Agrupe (Control-G) elas.

2. Como Fazer uma Fatia de Melancia

Passo 1

Vamos ver o que tem dentro da nossa melancia.

Copie a melancia anterior e Cole em uma nova camada no painel Layers.

Faça um círculo com o mesmo tamanho como da forma básica (150 x 150 px), mas colorido em #6042a8. Posicione-a sobre a melancia.

Passo 2

Faça um círculo de 125 x 125 px, e pinte-o em rosa suave (#f294b6). Alinhe-o para o círculo anterior usando o painel Align superior.

Depois faça um círculo de 110 x 110 px colorido em magenta (#df2754). Alinhe ele também.

Passo 3

Com a Ferramenta Line Segment (\), faça uma linha sem preenchimento e cor. Posicione a linha no meio da melancia verticalmente. Mantendo os três círculos formando a parte interna da melancia e a linha selecionada (veja a figura abaixo), Divida-os usando o painel Pathfinder. Depois, apague todas as partes do lado esquerdo.

Passo 4

Agora para as sementes.

Faça um pequeno círculo colorido em roxo escuro (#4a288c). Com a Ferramenta Direct Selection (A), selecione a âncora superior do círculo e arraste-a um pouco para a parte superior para formar uma semente.

Depois faça mais quatro cópias da semente e posicione todas elas sobre o lado direito da forma magenta.

Além disso adicione uma sombra semi-transparente do lado inferior da fatia. Copie sua cor da sombra da melancia inteira usando a Ferramenta Eyedropper (I).

Agora você sabe o que tem dentro da nossa melancia.

Passo 5

E vamos rapidamente fazer uma fatia.

Apenas Copie todas as partes que formam a fatia, Cole-as para uma nova Camada no painel Layers, e Agrupe elas (Control-G).

3. Como Criar uma Fatia de Laranja

Passo 1

Vamos começar com um círculo de 70 x 70 px colorido em laranja (#f47a2a).

Adicione um círculo de 60 x 60 px, pinte-o com #f9a03f, e alinhe ele para dentro da forma anterior. Depois crie um círculo colorido em laranja pálido (#f9d1aa). Posicione-o sobre o círculo anterior.

Passo 2

Vamos adicionar os segmentos, cheio de suco.

Faça um círculo colorido de 10 x 10 px em #f47a2a. Selecione sua âncora inferior e arraste-a para baixo para formar uma gota.

Crie sete cópias e posicione todas elas na forma circular anterior.

Passo 3

E faça uma sombra como fizemos antes com a melancia, mas defina a Opacity para 30%.

4. Como Dividir a Laranja

Passo 1

Copie a metade da laranja para a nova Camada e Divida sua sombra horizontalmente. Crie uma forma colorida em laranja intenso (#f25d0a). Posicione-a sobre a metade da laranja. Faça alguns círculos de 7 x 7 px e 3 x 3 px em seu lado esquerdo. Pinte-os em laranja pálido (#f9a03f).

Passo 2

E vamos fazer duas folhas bonitas.

Com a Ferramenta Ellipse (L), faça uma forma oval colorida em roxo claro (#8472ce) e converta suas âncoras superior e inferior para formar uma folha.

Posicione um retângulo aleatório colorido em roxo escuro (#281356) sobre o lado direito da folha. Delete a parte redundante com a Ferramenta Shape Builder (Shift-M) como fizemos antes.

Passo 3

Gire a folha a 45 graus (segurando o Shift) e posicione-a acima da laranja e atrás dela. Depois Copie-a, Cole, Reflita horizontalmente e posicione a nova cópia perto da primeira folha. Mude os lugares de suas cores.

Passo 4

Delete o lado direito da forma laranja intensa.

Como você pode ver na minha imagem, alguns pontos pálidos foram para trás das partes divididas. Vamos arrastá-los sobre a forma básica novamente no painel Layers.

Passo 5

Copie todas as partes que formam a fatia de laranja em uma nova camada. Depois, divida-as verticalmente com a ajuda da Ferramenta Line Segment (\) e do painel Pathfinder, como fizemos antes. Delete o lado esquerdo.

Agora nós temos todos os elementos para criar nosso pattern suculento, brilhante e impecável!

5. Como Criar o Pattern

Passo 1

Escolha todos os elementos e vá para Object > Pattern > Make.

No Pattern Options, defina o tamanho para 500 x 500 px. Depois posicione os elementos maiores como você quiser. Depois disso, mova as fatias de melancia e laranjas.

Passo 2

E por último, mas não menos importante, adicione as folhas pequenas da laranja para preencher espaços vazios e criar uma composição melhor.

Quando você estiver satisfeito com o resultado, clique em Done no painel superior.

Agora você vai encontrar o seu Pattern no painel Swatches.

6. Como Aplicar e Redimensionar o Pattern

Passo 1

Faça um retângulo de 500 x 500 px colorido em roxo escuro (#281356) para o fundo e alinhe-o para a Prancheta.

Crie um outro retângulo de 500 x 500 px. Mantenha-o selecionado, vá para o painel Swatches (Window > Swatches) e clique em nossa miniatura do pattern. Viva!

Passo 2

Para dimensionar o Pattern, vá para Object > Transform > Scale. Depois escolha só o Scale Pattern e defina-o para 70%.

Hora de Se Refrescar!

Nós fizemos isso! Vamos beber um copo de suco. Todos nós merecemos isso. Eu espero que você tenha aproveitado este tutorial e ache algumas dicas interessante nele! Vou ficar feliz em ver seus resultados nos comentários.