Blast from the past – como criar padrões

Como criar um padrão / How to create a pattern tile

Há dois anos atrás, a Cristina, uma amiga, perguntou-me como se definia um padrão no Illustrator. À falta de uma explicação mais simples, dei-lhe a versão Photoshop da coisa. (Imagem acima. Cliquem para a versão de alta resolução).

Hoje incentivei duas alunas do primeiro ano a criarem um padrão a partir de fotografia no Photoshop, depois de terem experimentado um padrão sintético e pouco natural no Ilustrator. Fiquei muito contente de ainda ter isto no disco e aproveito para partilhar a explicação pouco rigorosa, mas muito útil de como criar um padrão a partir de qualquer imagem.

Em passos (mais ou menos) simples funciona assim:

  • Abram uma imagem (que vai servir de padrão) ou desenhem uma forma.
  • Coloquem-na num formato/enquadramento quadrado (pensem em azulejos). Crop, cliping mask, paste inside… o que funcionar melhor. Se for no Ilustrator, rectângulos também servem, mas…
  • Dividam a imagem em 4 partes/quadrantes (para maior controlo/rigor dividam em 9…)
  • Troquem as peças de baixo com as de cima (passo 1 da imagem)
  • Troquem as peças da esquerda com as da direita (passo 2 da imagem)

Prontíssimo!

No caso de imagens bitmap, o truque é disfarçar as “costuras” resultantes das trocas das peças (passos 4 e 5) com a vossa ferramenta de retoque favorita. Clone stamp, patch, healing brush… o que funcionar. (Passos 3 e 4 da imagem)

Para o padrão ser aplicado em preenchimentos, quer no Ilustrator, quer no Photoshop, primeiro é preciso defini-lo como padrão no menu Edit e depois aplicar nas formas pretendidas (passa a estar disponível nos padrões de preenchimento). (Passos 5 e 6 da imagem)

Author: Pedro Amado

Professor Auxiliar na Universidade de Aveiro a leccionar Design de Interação

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s