Criando um Pattern Estonteante no IllustratorListThumbs

Criando um Pattern Estonteante no Illustrator

outubro 12, 2009

Ontem estava dando uma olhada em um livro que tenho sobre design de skateboard decks chamado New Skateboard Graphics. É sem dúvida um livro muito legal e nós até sorteamos um exemplar aqui no Abduzeedo. Enquanto eu folheava o livro, encontrei esse design que era um pattern muito legal. Era um deck da Element, e decidi tentar fazer no Illustrator.

Então neste tutorial eu vou mostrar como criar um pattern radical e estonteante no Illustrator. Nós vamos usar ferramentas básicas como Rectangle Tool, Ellipse Tool e Blend Tool.

Passo 1

Abra o Illustrator e com a Ellipse Tool (L) crie um círculo. Use preto para Stroke.

Rad Pattern in Illustrator

Passo 2

Com a Direct Selection Tool (A) selecione e delete 3 segmentos do círculo, deixe apenas a parte de baixo da direita.

Rad Pattern in Illustrator

Passo 3

Duplique o segmento e o gire. Use a imagem abaixo como referência. Com a Direct Selection Tool (A) selecione os 2 vértices e então clique em Connect Selected End Points. Escolha Corner para a opção Join Points .

Rad Pattern in Illustrator

Passo 4

Duplique o objeto e o coloque um pouco mais para baixo. Com a Direct Selection Tool (A) conecte os pontos para criar um objeto. Use a imagem abaixo para referência.

Rad Pattern in Illustrator

Passo 5

Novamente com a Direct Selection Tool (A) mova os pontos do meio do objeto. A idéia é deixar a área do objeto um pouco mais grossa.

Rad Pattern in Illustrator

Passo 6

Preencha o objeto com preto e remova o stroke. Depois disso duplique e gire o objeto horizontalmente. Posicione os objetos como na imagem abaixo.

Rad Pattern in Illustrator

Passo 7

Duplique a imagem algumas vezes e as agrupe. Depois duplique o grupo e o posicione na parte de baixo da página. Com a Blend Tool (B) selecione o primeiro grupo e então clique no grupo de baixo. Dê um clique duplo no ícone Blend Tool (B) e abra as opções Blend. Troque o Spacing para Specified Steps e para 55. Você estará com sua textura pronta.

Rad Pattern in Illustrator

Passo 8

Crie um novo documento, use 1920x1200 pixels. Com a Rectangle Tool (M) crie um retângulo e o preencha com #394A5F.

Rad Pattern in Illustrator

Passo 9

Copie os objetos Blend do outro documento e cole nesse. Duplique até que você tenha toda a tela preenchida com texture. Pinte eles de branco.

Rad Pattern in Illustrator

Passo 10

Selecione os 'Blend objects' e vá até Objects>Expand. Então com a Direct Selection Tool (A) selecione alguns elementos e os delete. Use a imagem abaixo como referência.

Rad Pattern in Illustrator

Passo 11

Selecione todos os objetos, menos o background azul e vá até Effect>Stylize>Drop Shadow... Use Color Burn para Mode, 40% Opacity, 0 para X Offset, 1px para Y Offset, 2px para Blur e Preto para Color.

Rad Pattern in Illustrator

Passo 12

Coloque uma textura de papel antigo no documento. A que usei foi cortesia do Shutterstock e você pode fazer o download dela aqui. Depois disso troque de Transparency para Multiply.

Rad Pattern in Illustrator

Conclusão

Usando ferramentas básicas do Illustrator e uma textura de papel antigo nós podemos criar patterns muito legais com estilo vintage. Nesse caso nós criamos também uma ilusão de ótica muito legal. Como disse antes, esse tutorial foi inspirado por um design de umskateboard deck do time da Element.

Rad Pattern in Illustrator
Click on the image for Full Preview

Download do arquivo AI

Clique aqui para fazer o download do arquivoIllustrator usado nesse tutorial

Sobre o autor

My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.

Sponsored Links:

Compartilhe com os outros!

4 Comments

ThiagoRafael10/14/2009

Oi Fábio um só gostaria de agradecer pelo tutorial sobre Illustrator, eu aprendi muito sobre Photoshop aqui e agora que precisava do Illustrator encontrei o melhor aqui.

Pamella11/01/2009

Oie, Fábio!!! Gostei muito desse tutorial, mas qdo chega no Passo 7, não consigo fazê-lo dar certo!!!

Giulian11/02/2009

Obrigado por compartilhar :D!!!

Leonardo Souza11/07/2009

Muito bom! Este blog está entre os meus Favs desde quando só tinham tutos em inglês. Gostaria de pedir ao Fábio, se possível, traduzir os tutoriais mais antigos pra nós, que também são muito bons!
Grande abraço!!!

Comentar

O conteúdo deste campo é privado não será exibido ao público.

Ícones dos Anunciantes