1. Design & Illustration
  2. Add-Ons
  3. Patterns

Como Criar um Pattern Russo de Cerâmica Gzhel no Adobe Illustrator

Scroll to top
Read Time: 11 min

() translation by (you can also view the original English article)

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

Neste tutorial, você vai aprender a criar e utilizar um Art Brush no Adobe Illustrator para criar um vetor tradicional de design de cerâmica russa chamado Gzhel!

Ao longo do caminho, você vai aprender a criar um pattern sem emenda a partir de qualquer elemento. Nossas flores e decorações de cerâmica Gzhel podem ser utilizadas em qualquer estilo russo.

Elegante e decorativo, o Gzhel foi criado no século XVII na vila com o mesmo nome. Essa aldeia tinha depósitos de argila de alta qualidade e era famosa por sua cerâmica, azulejos e brinquedos infantis simples feitos de argila. O design de cerâmica Gzhel é tradicionalmente azul, com ondulações florais, folhas e flores.

Você pode encontrar incríveis ornamentos vetoriais Gzhel prontos para utilizar em GraphicRiver. Confira eles para se inspirar.

Neste tutorial, vou mostrar como criar um belo design floral no tradicional estilo russo Gzhel. Vamos começar!

1. Como Fazer a Primeira Flor

Passo 1

Crie um Novo Documento (File > New) com estas configurações:

  • Number of Artboards: 1
  • Width: 1000 px
  • Height: 1000 px
  • Units: Pixels
  • Color Mode: RGB

Passo 2

Show Ruler (Comando-R ou View > Rulers > Show Rulers) e arraste a régua vertical para sua prancheta. Nossa flor será simétrica, então precisamos de uma diretriz central.

Passo 3

Faça um círculo de 200 x 200 px; você pode definir o tamanho no painel Transform (Window > Transform). Para desenhar um círculo perfeito, utilize a Ferramenta Ellipse (L) e segure a tecla Shift. Pinte-o como um Gradient (Window > Gradient), digite Radial e utilize as cores #78C5F8 e #030065. Para editar o gradiente de um objeto, você pode selecionar seu círculo, pressionar G e arrastar os controles deslizantes.

Creating Radial Gradient in Adobe IllustratorCreating Radial Gradient in Adobe IllustratorCreating Radial Gradient in Adobe Illustrator

Passo 4

Crie uma outra elipse com a Ferramenta Ellipse (L) e pinte-a com #030065. Selecione sua nova elipse, copie (Comando-C) e cole em frente (Comando-F). Segure a tecla Alt e diminua-a. Pinte-a com o mesmo gradiente do círculo grande, mas o tipo do gradiente é Linear. Para escolher a mesma cor ou gradiente, utilize a Ferramenta Eye Dropper (I) e clique no objeto com o estilo desejado.

Linear Gradient in Adobe IllustratorLinear Gradient in Adobe IllustratorLinear Gradient in Adobe Illustrator

Passo 5

Crie uma nova elipse, pinte-a com branco (#ffffff), copie (Comando-C) e cole em frente (Comando-F). Segure a tecla Alt e diminua. Pinte a nova elipse com #030065.

Selecione a elipse inferior com um gradiente linear, copie (Comando-C) e cole em frente (Comando-F). Traga para frente (Comando-Shift-]). Selecione as três elipses principais e clique em Crop no painel Pathfinder (Window > Pathfinder).

Object > Path > Clean Up para deletar todos os objetos indesejados depois de utilizar a Ferramenta Crop.

Using Pathfinder in Adobe IllustratorUsing Pathfinder in Adobe IllustratorUsing Pathfinder in Adobe Illustrator

Passo 6

Desenhe uma elipse e pinte-a com o gradiente radial (escolha-a com a Ferramenta Eye Dropper (I) do círculo grande). Com a Ferramenta Direct Selection (A), selecione o ponto de ancoragem inferior e converta este ponto em um canto com o botão no painel superior.

Drawing leaf with ellipse toolDrawing leaf with ellipse toolDrawing leaf with ellipse tool

Passo 7

Envie esta folha para trás (Comando-Shift- [) e mova-a para baixo da forma principal. Com a Ferramenta Selection (V), você pode transformar e rotacionar ela.

Copie a folha e cole-a na parte de trás (Comando-B), e depois mova a nova folha sob a primeira e rotacione-a. Repita com as outras folhas.

Creating leaves for Gzhel flowerCreating leaves for Gzhel flowerCreating leaves for Gzhel flower

Passo 8

Selecione todas as folhas, copie (Comando-C) e cole em frente (Comando-F). No menu do painel Transform (Window > Transform), selecione Flip Horizontal. Ou clique com o botão direito do mouse nos objetos selecionados e selecione Transform > Reflect.

Flip horizontal in Adobe IllustratorFlip horizontal in Adobe IllustratorFlip horizontal in Adobe Illustrator

Mova sua cópia refletida para fazer uma bela flor simétrica. Crie uma elipse com o mesmo gradiente linear, envie-a para trás (Comando-Shift- [) e poscione-a no centro.

Send to back in Adobe IllustratorSend to back in Adobe IllustratorSend to back in Adobe Illustrator

Passo 9

Com a Ferramenta Pen (P), crie uma linha com 2 px de Espessura e #030065 de cor. Para alterar os parâmetros do traço, utilize o painel Stroke (Window > Stroke). No topo do seu traço, adicione o pequeno círculo azul escuro. Selecione o círculo e a linha, copie (Comando-C), cole na frente (Comando-F) e vire-o horizontalmente. Mova-o para o local certo.

Drawing decoration for Gzhel flowerDrawing decoration for Gzhel flowerDrawing decoration for Gzhel flower

Clique duas vezes na Ferramenta Blend no painel Tools para abrir suas configurações. Selecione Spacing: Specified Steps, 3 passos. Pressione OK. Escolha a Ferramenta Blend, clique no primeiro círculo e clique no segundo. Agora nós temos cinco círculos.

Blend tool in Adobe IllustratorBlend tool in Adobe IllustratorBlend tool in Adobe Illustrator

Solte a ferramenta (eu costumo simplesmente ativar a Ferramenta Selection (V) e escolher novamente a ferramenta necessária) e repita com as linhas.

Passo 10

Selecione o ponto de ancoragem com a Ferramenta Direct Selection (A) do grande círculo e converta-o para um canto, como fizemos com as folhas. Mova e transforme-o um pouco para torná-lo bonito. Além disso, eu movi a parte interna da flor para a parte inferior. Para selecionar vários objetos (ou pontos de ancoragem), segure a tecla Shift.

Using blend toolUsing blend toolUsing blend tool

Selecione todos os elementos e Agrupe-os (Comando-G).

Parabéns—nosso primeiro elemento está pronto!

2. Como Fazer o Pincel Drop Art

Passo 1

Para ocultar e exibir as diretrizes, utilize o Comando- ;.

Desenhe uma elipse com uma cor de #030065. Com a Ferramenta Direct Selection (A), selecione o ponto de ancoragem inferior e converta-o em um canto. Com a mesma ferramenta, selecione os dois pontos de ancoragem do meio (segure a tecla Shift para selecionar vários pontos) e mova-os para cima. Você pode utilizar as setas do teclado para mover pontos de ancoragem.

Editing anchor points in Adobe IllustratorEditing anchor points in Adobe IllustratorEditing anchor points in Adobe Illustrator

Passo 2

Abra o painel Brush (Window > Brushes) e simplesmente mova sua gota dentro do painel aberto. Escolha o tipo de Art Brush.

Create art brushCreate art brushCreate art brush

Nas opções de pincel que aparecem, nomeie seu pincel e selecione Stretch to Fit Stroke Length.

Art brush settingsArt brush settingsArt brush settings

Passo 3

Hora de conferir o novo pincel. Com a Ferramenta Pencil (N), desenhe traços aleatórios e aplique-os ao nosso pincel de gota. Certifique-se de que a cor de preenchimento (o quadrado superior) esteja vazia.

Parece bom!

Checking the vector brushChecking the vector brushChecking the vector brush

3. Como Fazer um Galho com Folhas

Passo 1

Com a Ferramenta Line Segment (\), desenhe uma linha. Com a Ferramenta Pencil (N), adicione alguns galhos. Selecione seus galhos, copie (Comando-C), cole em frente (Comando-F) e vire-o horizontalmente. Mova-o para o lugar certo. Nós temos algo como uma árvore agora.

Drawing twig in Adobe IllustratorDrawing twig in Adobe IllustratorDrawing twig in Adobe Illustrator

Passo 2

Duplique o nosso pincel Drop (selecione o pincel apropriado no painel Brushes, vá para o menu do painel e selecione Duplicate Brush). Clique duas vezes na cópia, renomeie o pincel e altere a largura para 40%.

Brush options panel in Adobe illustratorBrush options panel in Adobe illustratorBrush options panel in Adobe illustrator

Passo 3

Selecione suas linhas de galho (exceto a linha vertical) e aplique a eles seu pincel Drop 2.

Applying art brush to artworkApplying art brush to artworkApplying art brush to artwork

Passo 4

Selecione a linha vertical no painel Stroke (Window > Stroke). Defina 8 px de Espessura e canto e limite suaves. Selecione a Ferramenta Width no painel Tools (Shift-W), selecione o ponto de ancoragem inferior e torne-o mais estreito (arraste para o lado).

Width tool in Adobe IllustratorWidth tool in Adobe IllustratorWidth tool in Adobe Illustrator

Passo 5

Selecione todos os elementos do galho e vá para Object > Expand Appearance, Object > Path > Outline Stroke, Object > Path > Clean Up. Selecione tudo e clique em Unite no painel Pathfinder (Window > Pathfinder).

Expand art brush objects appearanceExpand art brush objects appearanceExpand art brush objects appearance

Passo 6

Agora temos muitos pontos desnecessários. Vá para Object > Path > Simplify e edite seus parâmetros para ter uma boa aparência sem excesso de pontos. Una-o novamente com o painel Pathfinder.

Simplify pathSimplify pathSimplify path

Selecione seu galho e mova-o para o painel de pincel aberto. Crie um novo Art Brush. Escolha a opção Scale Proportionately.

Create twig art brush for Gzhel patternCreate twig art brush for Gzhel patternCreate twig art brush for Gzhel pattern

Passo 7

Marque seu novo pincel com pinceladas aleatórias. Parece bom!

Check new vector art brushCheck new vector art brushCheck new vector art brush

Passo 8

Para colorir seus galhos com gradientes, selecione-os e vá até Object > Expand Appearance, Object > Path > Clean Up. Para editar o gradiente, utilize a Ferramenta Gradient (G) e mova a Ferramenta Gradient branca. Certifique-se de que a cor ativa seja a cor de preenchimento (quadrado superior).

Applying gradient to art brush strokeApplying gradient to art brush strokeApplying gradient to art brush stroke

4. Como Fazer a Segunda Flor

Passo 1

Desbloqueie as linhas guia (Comando-;). Você pode utilizar a diretriz antiga ou clicar na régua vertical e arrastá-la para sua prancheta. Com o pincel Drop 2, desenhe um traço (tecla B para a Ferramenta Brush). Defina 2 px de Espessura do Traço.

Duplicate the brushDuplicate the brushDuplicate the brush

Passo 2

Desenhe outras folhas. Defina 1.5 px de Espessura do Traço para o segundo e 1 px de Espessura do Traço para os outros.

Different stroke weight for the art brush strokesDifferent stroke weight for the art brush strokesDifferent stroke weight for the art brush strokes

Passo 3

Selecione todas as folhas e vá para Object > Expand Appearance, Object > Path > Clean Up. Pinte todas as folhas, exceto a primeira para o Gradiente Radial, como a primeira flor grande que fizemos antes, utilizando a Ferramenta Eye Dropper (I). Organize os objetos enviando-os para trás. Simplesmente selecione a folha relevante e utilize o atalho Comando-Shift- [. A folha azul escura (a primeira) está no topo.

Color leaves to radial gradient and arrange objectsColor leaves to radial gradient and arrange objectsColor leaves to radial gradient and arrange objects

Passo 4

Selecione todas as folhas, copie (Comando-C), cole em frente (Comando-F) e vire-as horizontalmente. Mova se necessário. No centro, adicione um pequeno círculo com o mesmo Gradiente Radial. Utilize a Ferramenta Ellipse (L) enquanto segura a tecla Shift para criar um círculo perfeito.

Flip horizontally leaves of new flower in Russian Gzhel styleFlip horizontally leaves of new flower in Russian Gzhel styleFlip horizontally leaves of new flower in Russian Gzhel style

Passo 5

Com a Ferramenta Pencil (N), desenhe vários traços com uma cor azul escura #030065 e Traço de 3 px de Espessura. No topo de seus traços, adicione alguns círculos azuis escuros. Selecione os traços e círculos e envie-os para trás (Comando-Shift- [). Selecione todos os elementos da sua flor e agrupe-os (Comando-G).

Adding decoration to the flowerAdding decoration to the flowerAdding decoration to the flower

5. Como Fazer uma Pequena Flor Adicional

Passo 1

Com a Ferramenta Polygon (esta ferramenta está localizada no mesmo local que a Ferramenta Rectangle ou Ferramenta Ellipse no painel Tools—clique com o botão direito do mouse e você verá todas as variantes), desenhe um polígono com seis cantos. Utilize as setas para cima e para baixo do teclado para alterar a quantidade de cantos enquanto o desenha.

Creating polygon in Adobe IllustratorCreating polygon in Adobe IllustratorCreating polygon in Adobe Illustrator

Passo 2

Selecione seu polígono, vá para Effects > Distort & Transform > Pucker & Bloat, e defina os parâmetros para ter uma bela forma de flor. Object > Expand Appearance depois.

Pucker Bloat tool in Adobe IllustrationPucker Bloat tool in Adobe IllustrationPucker Bloat tool in Adobe Illustration

Passo 3

Pinte a flor com um Gradiente Radial e adicione um pequeno círculo azul escuro para o centro. Para alinhar o círculo e a flor, utilize o painel Align (Window > Align), selecionando Horizontal Align Center e Vertical Align Center. Agrupe (Comando-G) a flor e o círculo interno. Nós terminamos com a pequena flor.

Align objects in Adobe IllustrationAlign objects in Adobe IllustrationAlign objects in Adobe Illustration

6. Como Fazer o Pattern

Passo 1

Nós terminamos todos os nossos elementos do pattern, então agora podemos montar o design.

Aleatoriamente posicione seus objetos na prancheta (tamanho da prancheta de 1000 px x 1000 px). Rotacione-os e mude o tamanho deles se precisar com a Ferramenta Selection (V). Tudo bem se alguns elementos ultrapassarem as fronteiras. Com o Pincel Drop, desenhe várias gotas, alterando a Espessura do Traço, se necessário (utilizei 0.5 px e 0.75 px). Desenhe os galhos com o pincel de galho.

Arrange patternArrange patternArrange pattern

Passo 2

Selecione um objeto que ultrapasse a borda (escolhi a flor grande do lado esquerdo) e pressione Enter. Defina Horizontal (ou Vertical se você precisar copiá-lo verticalmente) para 1000 px (nossa largura da prancheta) e pressione Copy. Nosso objeto é copiado para o lugar certo agora.

Se você precisar mover um objeto para a direita (ou acima), utilize valores negativos como -1000 px.

Move and copy object automaticallyMove and copy object automaticallyMove and copy object automatically

Passo 3

Repita esta ação com todos os objetos sobrepostos.

Move and copy all sticking objectsMove and copy all sticking objectsMove and copy all sticking objects

Edite sua composição, adicionando pinceladas. Eu também editei os galhos. Com a Ferramenta Direct Selection (A), selecione o ponto de ancoragem e mova-o para obter uma boa dobra no galho.

Adding details to the patternAdding details to the patternAdding details to the pattern

Passo 4

Com a Ferramenta Magic Wand (Y), clique em qualquer pincelada. Agora todas as gotas e galhos estão selecionados. Vá para Object > Expand Appearance e Object > Path > Clean Up. Mantendo a seleção, pinte-a com um Gradiente Radial (utilize a Ferramenta Eye Dropper (I)). Mais uma vez, editei o tamanho e a rotação de algumas gotas e elementos. Preste atenção à localização para não quebrar o pattern.

Color pattern elements in radial gradientColor pattern elements in radial gradientColor pattern elements in radial gradient

Passo 5

Selecione a Ferramenta Rectangle (M) e clique na prancheta. Na janela que aparecer, defina o tamanho para 1000 x 1000 px.

Create background squareCreate background squareCreate background square

Passo 6

Pinte o novo quadrado grande em branco #ffffff e envie-o para trás (Comando-Shift- [). Abra o painel Transform (Window > Transform) e defina x: 0 px e y: 0 px. Neste painel, você também pode editar o tamanho de um objeto.

Editing objects location in Adobe IllustratorEditing objects location in Adobe IllustratorEditing objects location in Adobe Illustrator

Passo 7

Copie (Comando-C) o quadrado branco, cole-o em frente (Comando-F) e posicione-o em frente (Comando-Shift-]). Selecione todos os elementos e clique com o botão direito do mouse sobre eles. Selecione Make Clipping Mask.

Creating Clipping Mask in Adobe IllustratorCreating Clipping Mask in Adobe IllustratorCreating Clipping Mask in Adobe Illustrator

Passo 8

Nós temos nosso pattern cortado. Para testar o pattern, selecione-o e pressione Enter. Copie e mova horizontalmente e verticalmente por 1000 px. Parece bom!

Check the patternCheck the patternCheck the pattern

Parabéns! Nosso Pattern de Estilo Russo Gzhel Está Finalizado!

Neste tutorial, aprendemos alguns truques simples do Adobe Illustrator e criamos um pattern sofisticado de estilo folclórico. Com este método, você pode criar qualquer pattern com elementos diferentes. Espero que você tenha descoberto algumas coisas úteis neste tutorial e aprendido como criar um design tradicional de cerâmica floral russa!

Final result of Traditional Russian Gzhel pottery style seamless patternFinal result of Traditional Russian Gzhel pottery style seamless patternFinal result of Traditional Russian Gzhel pottery style seamless pattern

Compartilhe seus ótimos resultados aqui nos comentários e confira nossos outros ótimos tutoriais sobre o Adobe Illustrator para aprender mais algumas dicas profissionais!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads