Conceito De Padrão Personalizado Photoshop

Decidi escrever uma explicação mais aprofundada sobre como criar um padrão personalizado. Espero que isso limpe algumas nuvens para quem quiser criar seu próprio padrão personalizado..

Padrões personalizados são todos sobre criatividade. Uma vez que você tenha a lógica de sair, cabe a você experimentar e criar seu próprio padrão personalizado e usá-lo sempre que aplicável.

Dissecando um botão de amostra

Aqui está um simples botão com plano de fundo padrão personalizado. É feito de Texto, Padrão personalizado e um fundo de cor sólida. [Fonte anexada]. Nosso foco aqui está no padrão personalizado.

Este padrão personalizado final (imagem abaixo) veio de…

… Este padrão personalizado em bruto (imagem abaixo).

Vamos ampliar este 1600% e ver como ele foi originalmente formado. Padrões personalizados geralmente são compostos por uma única imagem pequena (imagem abaixo) que eu geralmente chamo de Repetidor.

Quando isso Repetidor duplica-se, forma um padrão (imagem abaixo). Dê uma olhada na imagem abaixo, quando um único Repetidor duplica seu entorno forma um pequeno padrão inclinado.

E quando esse pequeno padrão se repete, esta (imagem abaixo) é o que você será no final.

Repetindo o loop

No final, é o seu repetidor que lhe dá o seu padrão personalizado. Determinar um Repetidor que duplica na perfeição pode ser difícil às vezes. Continue experimentando, uma vez que você tenha o fluxo, você pode ter alguns padrões personalizados.

Experimentando

Aqui está um método como eu jogo com padrões personalizados:

1. Crie uma tela pequena, 9x9px, 3x3px, 8x8px, etc.
2. Desenhe alguns padrões nele.
3. Salve-o com um nome de arquivo simples, diga "cp.gif"
4. Inicie um bloco de notas e insira estes códigos a seguir.

5. Salve-o como um HTML, diga test-cp.html
6. Inicie um navegador, abra test-cp.html e visualize seu padrão.

Artigo relacionado: Como criar padrões personalizados no Photoshop