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

Como Trançar um Pattern de Tecido Beduíno Sadu Utilizando o Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

No Oriente Médio, a tecelagem Al Sadu é uma forma de bordado tradicional de tecelagem tecida à mão por mulheres beduínas. Sadu é comumente visto em tecidos utilizados ​​em tendas ou almofadas de chão, carpetes e esteiras.

É uma bela forma de arte simétrica, feita utilizando fios tradicionais coloridos com cores básicas de preto, branco, bege e vermelho. O pattern tradicional é baseado em faixas estreitas específicas de desenhos geométricos e inclui formas como triângulos, zigue-zague, diamantes e marcas pontilhadas. Estes desenhos de tecido têm mensagens visuais do deserto e estilo de vida nômade. Eles podem incluir imagens de "dentes de cavalo", que são listras como um pente, ou brincos (formas de diamante), tendas (triângulos), água (formas onduladas de diamante) e, por vezes, formas de camelo.

No tutorial de hoje, vamos reviver esse design tradicional, recriando essa técnica étnica utilizando ferramentas e técnicas simples encontradas no Adobe Illustrator.

Para inspiração, pesquise os vários patterns online do Al Sadu, e se você quiser algo rápido, visite o GraphicRiver para comprar qualquer um dos muitos modelos disponíveis.

Vamos começar a tecer!

1. Como Configurar um Novo Documento

Primeiro, configure um Novo Documento (File > New ou Control/Comando-N) com as seguintes configurações:

  • Number of Artboards: 1
  • Width: 1200
  • Height: 1200
  • Units: pixels

Na aba Advanced:

  • Color Mode: CMYK
  • Raster Effects: High (300 ppi)
  • Preview Mode: Default
create new document artboard setup width height units pixels color mode cmyk

2. Como Criar o Formato de Pattern da Trama Al Sadu

Passo 1

Vamos começar de forma simples, criando um retângulo sem Preenchimento e Traço preto.

Pegue a Ferramenta Rectangle (M), clique uma vez na prancheta para abrir a caixa de diálogo Rectangle, insira as dimensões 32 x 52 px e clique em OK.

create rectangle dimensions dialog box black stroke

Passo 2

Precisamos transformar o retângulo em uma forma de diamante.

Com a forma selecionada, Object > Path > Add Anchor Points, para adicionar âncoras uniformemente espaçadas ao longo do caminho do retângulo.

Depois no painel Tools, selecione a Ferramenta Delete Anchor Point (-) para remover as âncoras de canto para criar a forma de diamante.

object path add anchor points tools panel delete anchor points minus shortcut

Passo 3

Em seguida, precisamos arredondar os cantos da forma de diamante para criar uma forma semelhante a um fio.

Pegue a Ferramenta Direct Selection (A) e selecione todos os pontos de ancoragem superiores e inferiores. Isto vai permitir que o widget Live Corners apareça ao lado de cada ponto de canto.

Selecione o link Corners no Painel Control. No Painel Control, você pode definir o estilo do Corner como Round, Raio como 2 px e o tipo de Rounding como Absolute.

direct selection tool corners live widget control panel rounding round style radius set

Passo 4

Agora precisamos curvar as bordas laterais.

Utilize a Ferramenta Direct Selection (A) e selecione os pontos de ancoragem esquerdos e direitos.

Depois no link Corners no Painel Control, defina o estilo de Corner como Round, Raio como 21 px e o tipo de Rounding como Absolute.

Nossa nova forma vai atuar como a principal forma de linha de tecelagem.

live corners corner radius set round absolute rounding weave shape

Passo 5

Pegue a Ferramenta Selection (V) e, no painel Tools, selecione Swap Fill & Stroke (Shift-X).

Ative os Smart Guides (Comando-U ou View > Smart Guides) e posicione a forma da linha de entrelaçamento na borda da prancheta conforme mostrada.

Selection tool select weave shape and position using smart guides

Passo 6

Com a forma da linha de entrelaçamento selecionada, Copie (Comando-C) e Cole em Frente (Comando-F), para criar a mesma forma em cima da original.

Object > Transform > Move (Shift-Comando-M) para abrir a caixa de diálogo Move e posicionar da seguinte maneira:

  • Horizontal: 14.625 px
  • Vertical: 28.125 px
  • Distance: 31.7003 px
  • Angle: -62.53°
  • Marque Preview
  • OK
object transform move shortcut and set position horizontal vertical and angle

Passo 7

Utilizando a Ferramenta Direct Selection (A), selecione as duas formas de linha de entrelaçamento, mantenha pressionadas as teclas Shift-Alt para restringir o movimento e duplique a seleção e depois arraste horizontalmente até que as bordas das formas se encontrem.

Transforme Novamente utilizando o atalho Comando-D para repetir o movimento e continue a clicar no Comando-D até que as formas atinjam a borda da prancheta, conforme mostrado.

Passo 8

Select All (Comando-A), para selecionar todas as linhas horizontais.

Mantenha pressionadas as teclas Shift-Alt para restringir o movimento e duplicar a seleção, e arraste verticalmente até as bordas se tocarem ao lado, conforme mostrado.

select all shortcut command A vertical duplicate

Passo 9

Utilize o atalho Comando-D para Transformar Novamente e duplicar. Repita até chegar à base da prancheta.

duplicate weave form to base artboard Command d shortcut to transform again

3. Como Colorir o Pattern de Onda

Passo 1

Agora que nosso tecido está formado, vamos colorir nossa estrutura. Você pode gerar paletas de cores interessantes a partir de fotos, utilizando sites como Coolors.co, Colormind.io ou Canva.com.

Abra o painel Swatches (Windows > Swatches).

Em outras partes da prancheta, desenhe uma série de formas quadradas para criar a paleta de cores do seu design. As cores tradicionais do tecido Al Sadu são preto, branco, marrom, bege e vermelho e às vezes podem incluir azul, verde ou laranja.

Eu utilizei estas cores hexadecimais:

  • Vermelho Queimado #70150e
  • Laranja Queimado #d54d15
  • Laranja Abóbora #db6811
  • Roxo Berinjela #382b3f
  • Roxo Acinzentado #aa9ea6
  • Rosa Avermelhado #e51145
  • Beringela Escura #320d16
  • Vermelho #a91927
  • Vermelho Escuro #320d16
  • Preto #010101
  • Beringela Cinza Escuro #382b3f
  • Preto Escuro #070707
  • Amarelo Acinzentado #aa9ea6
  • Cinza Claro #ebeae5
  • Branco #ffffff

Depois de fazer sua seleção de cores para o design, utilize a Ferramenta Selection (V) e selecione todas as formas quadradas que formam sua paleta. Clique no ícone New Color Group no painel Swatches para criar as amostras de cores.

Nomeie o grupo de cores Sadu, selecione Selected Artwork e Include Swatches for Tints e clique em OK.

Depois, você pode Deletar todos os quadrados de cores e manter cinco para que possamos criar nossos gradientes.

new color group create swatches panel with selected artwork

Passo 2

Em seguida, vamos criar nossos gradientes, para que nosso tecido tenha uma aparência realista.

Abra o painel Gradient (Window > Gradient). Utilize o painel Gradient para criar os seguintes gradientes:

  1. Gradiente Vermelho: Vermelho Queimado #70150e + Rosa Avermelhado #e51145 + Marrom Queimado #471011
  2. Gradiente Vermelho Escuro: Vermelho Escuro #6c1227 + Vermelho #a91927 + Vermelho Escuro #320d16
  3. Gradiente Preto Esuro: Preto Escuro #070707 + Preto #010101 + Beringela Acinzentado Escuro #382b3f
  4. Gradiente Esbranquiçado: Amarelo Acinzentado #aa9ea6 + Cinza Claro #ebeae5 + Branco #ffffff
  5. Gradiente Alaranjado: Laranja Queimada #d54d15 + Laranja Abóbora #db6811 + adicionado mais tarde um Amarelo Gema de #fab216

Arraste os preenchimentos de gradiente da caixa Preenchimento no painel Tools para o painel Swatches para adicionar o gradiente.

Delete os quadrados depois—não precisamos mais deles.

Nota: Eu defini o Ângulo de gradiente para 90°, para visualizar a mistura de gradiente corretamente.

open gradient panel create gradient fill upload to swatches panel to add

Passo 3

Agora vamos colorir nossa trama.

Pegue a Ferramenta Selection (V) e selecione as três primeiras colunas. Aplique um gradiente do tipo Linear, Vermelho Escuro do painel Gradient e defina o Ângulo: 90°.

select tool v apply gradient

Passo 4

Com a Ferramenta Selection (V), selecione as próximas sete colunas.

Aplique um gradiente de inclinação do tipo Linear, gradiente Preto Escuro do painel Gradient e defina o Ângulo: 90°.

use selection tool apply gradient with angle

Passo 5

Depois selecione as três colunas a seguir e aplique um tipo Linear, gradiente Vermelho Escuro definido como Ângulo: 90°.

use selection tool apply gradient with angle

Passo 6

Continue com a mesma abordagem de cor com cada Gradient com Ângulo definido em 90°.

  • 5 colunas de gradiente Preto Escuro
  • 3 colunas de gradiente Vermelho
  • 2 colunas de gradiente Alaranjado
  • 1 coluna de gradiente Esbranquiçada
  • 9 colunas de gradiente Preto Escuro
  • 1 coluna de gradiente Esbranquiçada
  • 3 colunas de gradiente Alaranjado
  • 10 colunas de gradiente Vermelho
  • 2 colunas de gradiente Esbranquiçado
  • 11 colunas de gradiente Preto Escuro
  • 2 colunas de gradiente Esbranquiçado
  • 3 colunas de gradiente Vermelho Escuro
  • 7 colunas de gradiente Preto Escuro
gradient fill columns angle set 90 degrees

Passo 7

Vamos aplicar um plano de fundo para a trama, criando nossa forma de plano de fundo.

Selecione a Ferramenta Rectangle (M) e clique uma vez na prancheta para abrir a caixa de diálogo Rectangle.

Defina a Largura e Altura para 1200 x 1200 px e clique em OK.

Abra o painel Align (Window > Align) e selecione:

  • Align to: Align to Artboard
  • Align Objects: Horizontal Align Center & Vertical Align Center
rectangle tool create square align panel horizontal center vertical

Passo 8

Vá para o painel Gradient e aplique o gradiente a seguir ao quadrado:

Vermelho Escuro #320d16 + Vermelho Tijolo #6c1227 + Preto #010101 + Rosa Avermelhado #7b132c + Vermelho Escuro #320d16

Com a forma selecionada, Object > Arrange > Send to Back (Shift-Command- [).

Set gradient to background and object arrange send to back

4. Como Projetar & Criar o Pattern

Passo 1

Vamos adicionar um pouco de design ao nosso tecido.

Utilize a Ferramenta Selection (V) e selecione as formas de linha com que você deseja formar um design de pattern. Para ajudá-lo, consulte as referências do tecido Sadu disponíveis online.

O processo é fácil. Basta selecionar as formas de linha que você deseja aplicar gradientes semelhantes e depois utilizar a Ferramenta Eyedropper (I) no painel Tools e clique em uma seleção de gradiente utilizada em um formato adjacente.

select shapes with selection tool and apply color gradient color eyedropper tool I

Passo 2

Depois de ter descoberto o design, selecione o trabalho artístico: Select All (Comando-A).

Vá para Object > Pattern > Make. Isto vai abrir a janela Pattern Options, onde você vai precisar ajustar as configurações:

  • Name: Pattern Sadu
  • Tile Type: Grid
  • Width: 1200 px
  • Height: 1185 px
  • Defina a Overlap para a Left in Front e Bottom in Front.

Clique em Done para salvar todas as nossas configurações

create new pattern object pattern make set grid width height and overlap

Passo 3

No painel Swatches, você vai notar que o Pattern Sadu foi adicionado rapidamente.

Então, agora, se você selecionar a Ferramenta Rectangle (M) e desenhar uma forma aleatória com o Sadu Pattern Fill, você verá um pattern sem emenda criado.

Depois disso, você pode deletar com segurança os elementos do pattern porque o pattern já está armazenado na memória do arquivo.

open swatches panel rectangle tool create pattern with fill

Impressionante Trabalho de Entrelaçamento!

Eu realmente espero que você tenha gostado deste tutorial e tenha gostado de criar esse incrível pattern sem emenda. Como você pode ver, não é tão difícil criar patterns incríveis no Adobe Illustrator.

Se você tiver alguma dúvida, sinta-se à vontade para publicá-las na parte de comentários abaixo, e entraremos em contato com você assim que puder.

final sadu pattern vector design misschatz adobe illustrator

Experimente estes outros ótimos tutoriais do Oriente Médio nos links abaixo.

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.