[Photoshop] Fundos, Linhas diagonais e patterns

Já vi vários artigos falando sobre Bacgrounds/Fundos listados, padrões de preenchimento, linhas verticais, design patterns e outras espécies do tipo. Mas sempre tenho a sensação de que o artigo não está completo… que falta alguma coisa… Então, como se diz no Rio de Janeiro, “vamos fazer barba, cabelo e bigode”:

Como criar e instalar e usar os famosos patterns no photoshop;
Aplicar os patterns em imagens, inclusive combinando com outros filtros e recursos do Ps;
Baixar vários patterns e imagens de/com listas diagonais e outros padrões de preenchimento;
Visitar diversos sites com tutoriais e até geradores de patterns/stripes

O artigo é grande, mas se não fosse não justificaria a demora em postar (hehehe)

Vamos lá:

Patterns, Grid Lines, Padrões….

São vários os nomes, mas o “produto” é o mesmo: um padrão repetitivo de imagem que resulda num efeito. Você deve em mente então que o pattern a ser criado se repetirá por toda a imagem ao ser aplicado, e que por isso deve-se sempre imaginar ou testar como fica essa combinação. Alguns exemplos:

Alguns exemplos de padrão-de-preenchimento, os patterns

Vamos criar o nosso pattern

1 – Abra o PhotoShop, crie uma nova imagem de tamanho 6×6 pixels. É, é pequeno mesmo. :)

1 - Criar nova imagem 6x6px no photoshop

2 – Aumente no máximo o zoom de sua imagem, para podermos ver/desenhar pixel-por-pixel nela.

2 - Aplicar o máximo de zoom possível

3 – Desenhe um padrão. Como disse antes, pode-se desenhar “qualquer coisa” mas não se deve esquecer que este padrão se repetirá várias e várias vezes – imagine (ou desenhe em) um papel quadriculado, onde voce terá várias repetições em todas as direções do desenho que fizer aqui.

Para dar seguimento, vamos usar um padrão simples: linhas verticais. digo no plural para ressaltar, mais uma vez, que é a repetição dessa pequena figura que irá criar as linhas (ou qualquer outro padrão).

> Selecione a ferramenta Pencil (lápis), escolha a “cor-de-frente” preta, expessura do traço de 1px e faça um traço diagonal na imagem, como mostrado abaixo:

3 - Desenhando o patern (padrão)

4 – Por último, vamos definir esta figura como um pattern. Vá em “Edit > Define Pattern…” e na janela que surge coloque um nome de sua preferência. Nem precisa salvar a figura, só definir o patern :)

4 - Definindo um pattern

Com nosso padrão criado, vamos aplicá-lo numa imagem. Siga para a próxima página clicando abaixo.