Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Patterns

Como Criar um Pattern de Fruta Nítida no Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

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
Setting up a new document

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.

Creating of the first Shape

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.

Creating of the stripes

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.

Making of a shadow

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.

Making of three hotspots

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.

Creating of a basic shape for a slice

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.

Making of a pink circle and a magenta circle

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.

Deleting of the left side of a slice

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.

Making of seeds and deleting of an upper side of a shadow

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

All of three elements of a Watermelon

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.

Creating of the two basic shapes of the Orange

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.

Making of seeds of the Orange

Passo 3

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

Creating of a shadow of the Orange

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

Adding of a rind

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.

Making of the leaf

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.

Adding leaves to the Orange

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.

Deleting of the right side of an Orange

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.

Making a slice of an Orange

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

All the elements for the pattern

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.

Place the bigger elements

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.

Ready pattern and clicking Done

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!

Making of the Backgroung

Passo 2

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

How to scale the pattern

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.

Final result
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.