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

Como Criar um Pattern Estilo Meio Século no Adobe Illustrator

by
Read Time:10 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

O estilo retrô está de volta e aqui para ficar! Podemos sentir sua presença através das fontes feitas à mão, desenhos de giz pastel, uma paleta de cor limitada, e é claro, formas simples. E com a primavera aqui e o verão no caminho, podemos colocar este estilo à prova, criando um bonito, pattern de meio século feito de muitas frutas e legumes.

Inspire-se com a impressionante coleção de Patterns de Vetor Decorativo que você pode facilmente encontrar no GraphicRiver.

1. Como Criar um Novo Documento

Depois de abrir o Adobe Illustrator, vá para File > New (Control-N). Na caixa de diálogo, defina o Profile para Web e defina o Width para 1000 px e a Height para 500 px. Isto vai ser a área onde criamos a unidade padrão.

Create a new documentCreate a new documentCreate a new document

2. Como Criar um Esboço

Passo 1

Criar um esboço é a forma mais fácil de obter um resultado o mais próximo possível para a sua ideia. Vamos fazer um com muitas frutas e legumes fofos e simples.

Desenhe 10 ou 11 tipos diferentes de frutas e legumes, e adicione faces simples para eles consistindo de dois pontos como olhos e uma linha curva para um lábio. Eu desenhei 11 deles: um abacaxi, uma fatia de limão e um limão inteiro, uma berinjela, uma pera, uma maçã, uma beterraba, um morango, uma cenoura, um tomate e cerejas. Use uma tonalidade muito clara de cinza, porque isto vai tornar o processo de desenho muito mais fácil. Bloqueie o esboço (Control-2).

Sketch of 11 types of fruitSketch of 11 types of fruitSketch of 11 types of fruit

Passo 2

Nós gostaríamos de criar um padrão mais complexo, então vamos jogar algumas folhas verdes para fins de decoração, que serão espalhadas ao redor dos objetos. Desenhe quatro tipos de folhas de ervas, começando com uma simples e terminando com uma mais complexa. Além disso, desenhe cinco pequenas folhas e objetos que usaremos para preencher os espaços vazios no pattern.

Sketch some leavesSketch some leavesSketch some leaves

3. Como Criar uma Paleta de Cor

Antes de você começar a trabalhar na ilustração, pegue um momento para definir a paleta de cor. Eu escolhi cinco cores vívidas (amarelo, laranja, rosa, azul, e verde) e um azul escuro. A ideia é ter as cores claras como as principais e o escuro como um fundo. Desta forma, a ilustração vai obter um certo contraste e vai ser agradável ao olho do espectador. Sinta-se livre para adicionar qualquer outra luz e cor fresca que você gostaria de ter nesta ilustração.

Create a Color PaletteCreate a Color PaletteCreate a Color Palette

4. Como Traçar um Esboço

Passo 1

Mais uma vez, vamos usar a Ferramenta Pen (P) como nossa principal ferramenta para criar esta ilustração. As ilustrações do estilo do meio-século são perdoadas de linhas soltas, assim desenhar o esboço sem quaisquer preocupações que você pôde bagunçar.

Vamos começar a desenhar o esboço mais complexo: o abacaxi. Isto pode parecer mais complicado do que o restante das frutas e legumes desenhados, mas requer só a Ferramenta Pen (P) para fazer ele, então isso não deve ser o problema.

Comece  a desenhar as partes maiores do objeto, tais como o corpo e a coroa (2). Passe para a outra parte da coroa. Adicione os dois círculos como olhos e a forma curva como uma boca (3). Quando você terminar estas partes, pinte-as de amarelo (#f1c82e) e verde (#a6d36b)—cores da nossa paleta. Escolha uma tonalidade mais escura de verde para a segunda parte da coroa (4).

Quando você terminar com isso, desenhe seis linhas diagonais, pinte-as em uma tonalidade um pouco mais clara de amarelo, e multiplique elas. Espelhe as linhas multiplicadas e coloque-as sobre as linhas originais, para criar uma formação de rede (5). Posicione-as sobre o corpo amarelo do abacaxi (6). Não se esqueça de Deletar o esboço depois de concluído o desenho.

Trace the pineapple Trace the pineapple Trace the pineapple

Passo 2

O segundo objeto a ser desenhado é a beterraba. Comece com as formas maiores—o corpo e os verdes. Pinte-os de rosa (#f4688b) e verde (#a6d36b). Adicione o rosto. Se você é muito lento para fazer isto, basta usar o mesmo rosto que você criou para o abacaxi. E como um toque final, adicione algumas linhas curvas decorativas bem em cima do rosto.

Trace the beetrootTrace the beetrootTrace the beetroot

Passo 3

Próximo na fila estão as cerejas. Você pode desenhar elas separadamente, ou desenhar uma das cerejas e depois multiplicar ela e posicionar sobre o esboço da segunda cereja. Para tornar as coisas mais diversificadas, faça uma das cerejas sorrindo e a outra triste. Pinte-as de rosa e verde, tal como a beterraba. Use um tom mais escuro de verde para as hastes.

Trace the cherriesTrace the cherriesTrace the cherries

Passo 4

O terceiro objeto para desenhar é o morango. Faça a cabeça e a haste primeiro (2), e passe para as folhas (3). Adicione a face também (3). Pinte o corpo de vermelho (#f16359), as folhas de verde (#a6d36b), os olhos de azul escuro (#1b142c), e a boca de branco ou rosa claro (4).

Para adicionar mais detalhes para esta fruta, desenhe aproximadamente 20 pequenos pontos e pinte-os em uma tonalidade um pouco mais clara de rosa que usamos para o corpo (5). Organize eles aleatoriamente sobre o corpo do morango (6).

Trace the strawberryTrace the strawberryTrace the strawberry

Passo 5

Ao contrário do morango, a cenoura é mais fácil para desenhar. Apenas desenhe o corpo e as folhas, e adicione os olhos. Não esqueça, você pode usar os olhos e a boca que você já criou para as outras frutas e legumes. Pinte a cenoura de laranja (#f17c45) e as folhas de verde (#71ca7d). Não se esqueça de Deletar o esboço quando você tiver terminado de desenhar.

Trace the carrotTrace the carrotTrace the carrot

Passo 6

A maçã é o sexto objeto que estamos desenhando. Como os objetos anteriores, este é simples também. Desenhe a parte maior primeiro, e depois desenha a folha e a haste. Adicione os olhos e a boca também. Pinte a maçã de vermelho (#f16359) e a folha de verde (#a6d36b). Use uma tonalidade um pouco mais escura de verde para a haste.

Trace the appleTrace the appleTrace the apple

Passo 7

A fatia de limão consiste em duas formas grandes que parecem a metade de um círculo. Desenhe apenas um, multiplique ele, e diminua ele para obter o segundo. Desenhe os detalhes e os olhos. Pegue a cor amarela da nossa paleta (#f1c82e) e use uma tonalidade um pouco mais clara de amarelo para a parte interna.

Trace the lemon wedgeTrace the lemon wedgeTrace the lemon wedge

Passo 8

O limão consiste de apenas uma forma de corpo maior e sua face. Quando você terminar de desenhar elas, pinte-a de amarelo (#f1c82e). Para tornar as coisas mais interessantes, este limão tem uma boca triste. Para adicionar mais detalhes, desenhe uma pequena lágrima amarela clara e posicione-a abaixo de um dos olhos. Adicione pequenos pontos decorativos amarelo claro sobre a face.

Trace the lemonTrace the lemonTrace the lemon

Passo 9

A berinjela é também triste porque eu percebi que muitas pessoas não gostam dela. Então desenhe o corpo primeiro, e depois as folhas e a haste. Escolha o azul (#0092bc) da nossa paleta de cor para o corpo e o verde (#a6d36b) para as folhas. A face é em um tom escuro de azul, como o resto das frutas e legumes que acabamos de criar.

Trace the eggplantTrace the eggplantTrace the eggplant

Passo 10

A pera é o décimo objeto que estamos criando.Assim como o restante, é muito simples, consistindo de um corpo, uma folha, uma haste, e uma face. Desenhe a parte maior primeiro e pinte-a de verde (#a6d36b). Desenhe a folha e a haste e pinte-as em tonalidades escuras de verde. Pinte os elementos faciais de azul escuro (#1b142c).

Trace the pearTrace the pearTrace the pear

Passo 11

O tomate é o último objeto para desenhar. Quando você terminar de desenhar o esboço, pinte o corpo de vermelho (#f35457) e as folhas de verde (#71ca7d). Multiplique o tomate e espelhe ele.  Mude o corpo da cópia para verde (#23a15f). Deste jeito obtemos dois tipos de tomates, que vai ser útil quando compormos o pattern.

Trace the tomatoesTrace the tomatoesTrace the tomatoes

Passo 12

Vamos desenhar as folhas das ervas decorativas que já esboçamos. Basta usar a Ferramenta Pen (P) e faça as linhas curvas. Não siga o esboço rigorosamente; apenas use-o como um guia. Pinte as folhas em diferentes tons de verde.

Trace the herb leavesTrace the herb leavesTrace the herb leaves

Passo 13

Continue desenhando as outras duas folhas decorativas. Pinte-as em diferentes tons de verde.

Trace the rest of the herb leavesTrace the rest of the herb leavesTrace the rest of the herb leaves

Passo 14

E finalmente, chegamos às pequenas folhas decorativas que vão tornar os detalhes e objetos perfeitos para preencher as partes vazias do pattern. Estes são os últimos objetos que estamos desenhando hoje. Quando você tiver terminado, pinte-os em diferentes tons de verde.

Trace the detailsTrace the detailsTrace the details

5. Como Preparar a Unidade Pattern

Passo 1

Vamos precisar criar a unidade de padrão que vai repetir. Para este propósito, precisamos ter uma área onde vamos organizar os objetos já desenhados e coloridos. Vamos usar a prancheta que criamos, e vamos criar um retângulo no mesmo tamanho.

Selecione a Ferramenta Rectangle (M) e clique em qualquer lugar na área de trabalho. Na caixa de diálogo, adicione 1000 pixels como um valor de Width e 500 pixels como um valor de Height. Pinte o retângulo de azul escuro. Vamos usar este retângulo como um fundo porque a maioria dos nossos objetos estão coloridos em cores brilhantes, e isto pode ser confuso se fizermos a composição em um fundo branco.

Create a backgroundCreate a backgroundCreate a background

Passo 2

Comece a adicionar as frutas e legumes que criamos anteriormente. Tente preencher os cantos primeiro com os objetos mais adequados. Eu usei o abacaxi, as cerejas, e os limões. Sinta-se livre para Redimensioná-los e Rotacioná-los se você acha que é necessário.

Place the objects in the corners of the backgroundPlace the objects in the corners of the backgroundPlace the objects in the corners of the background

Passo 3

Passe para as próximas frutas e legumes. No centro da imagem, eu adicionei a beterraba, a maçã, a berinjela, e a pera. Tente posicionar elas próximas às arestas do fundo assim, quando criarmos a unidade, a repetição vai ir suavemente.

Place more objects over the backgroundPlace more objects over the backgroundPlace more objects over the background

Passo 4

Adicione as últimas frutas e legumes. Eu adicionei a cenoura, os tomates, e o morango. Você pode ver como a ilustração fica mais rica com as várias formas e cores.

Add the rest of the objectsAdd the rest of the objectsAdd the rest of the objects

Passo 5

Uma vez que terminamos com o primeiro grupo de objetos, podemos adicionar as folhas decorativas. Posicione-as em lugares onde você vê espaços vazios entre objetos.

Add the decorative leavesAdd the decorative leavesAdd the decorative leaves

Passo 6

E como um último passo da preparação da unidade de padrão, podemos adicionar os pequenos detalhes: as folhas e círculos minúsculos. Espalhe-os aleatoriamente sobre os espaços vazios da ilustração. É muito importante preencher as lacunas perto das arestas do fundo azul escuro. Isto vai resultar em uma transição agradável entre as unidades de padrão quando nós cobrirmos o pattern.

Add the detailsAdd the detailsAdd the details

Passo 7

Depois de terminar o preenchimento do fundo azul escuro com objetos, você pode Deletar eles.

Remove the backgroundRemove the backgroundRemove the background

6. Como Criar o Pattern

Passo 1

Selecione os objetos e Agrupe-os (Control-G). Vá para Window > Pattern Options. O painel Pattern Options vai aparecer. Vá para a seta de opções e clique na opção Make Pattern.

Open the Pattern Options panelOpen the Pattern Options panelOpen the Pattern Options panel

Passo 2

As opções cinza vão ficar disponíveis para personalização. Nomeie o pattern "Frutas e Legumes" e selecione a opção Brick by Row do menu Tile Type. Estamos fazendo um tipo de azulejo Brick by Row porque o nosso pattern é orientado a paisagem, então a transição vai ficar muito melhor numa direção horizontal. Clique em qualquer lugar na área de trabalho para sair do modo de Pattern Options.

Select the Brick by Row optionSelect the Brick by Row optionSelect the Brick by Row option

Passo 3

Quando você terminar de criar o pattern, encontre-o no painel Swatches. Ele vai aparecer automaticamente lá. Teste-o sobre um fundo azul escuro fazendo uma forma, e pinte-o escolhendo nosso pattern dos swatches. Parece incrível, certo?

Test the patternTest the patternTest the pattern

Parabéns, Você Terminou!

Ótimo trabalho! Nós criamos um pattern estilo retrô divertido e colorido. A utilização dos patterns é ilimitada—você pode personalizar elas como wallpaper de celular ou desktop, use-as como uma parte do web design, ou apenas imprima eles como uma parte de seu material de escritório.

No caso de você querer fazer o download e usar outros patterns decorativos, você pode encontrá-los facilmente no GraphicRiver.

Mid Century Vegetable and Fruit Pattern Illustrator TutorialMid Century Vegetable and Fruit Pattern Illustrator TutorialMid Century Vegetable and Fruit Pattern Illustrator Tutorial
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads