Este tutorial foi escrito por Martijn Breeuwer especialmente para Lorelei Web

Neste tutorial vou mostrar como criar esses pequenos padrões para apimentar seus gráficos ou designs web. Os padrões não são difíceis de criar, mas podem ter um grande efeito no “apelo sexual” dos seus designs.

Mostrarei como criar alguns padrões populares e um padrão anti-rasgo. Também mostrarei alguns exemplos de padrões alternativos.

Linhas de varredura diagonais
Começaremos com um padrão muito popular. As linhas de varredura diagonais.

Abra um novo documento no Photoshop e faça com que ele tenha 3 por 3 pixels.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Crie uma nova camada e exclua a "Fundo" camada para que a imagem fique transparente.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Aumente o zoom até 1600% pressionando CTRL + algumas vezes.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Agarre a ferramenta de lápis e configure-o para tamanho de 1px Modo: Normal e Opacidade 100%
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Press D para redefinir suas cores para preto e branco e pintar uma linha pontilhada de 3 pontos do canto superior direito para o canto inferior esquerdo.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Agora vá para Editar>Definir padrão e nomeie-o como scanlines ou como quiser chamá-lo.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Isso foi fácil, não foi?

Para usar seu padrão selecione o Ferramenta Balde de tinta, selecione: padrão na caixa suspensa e escolha seu padrão.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Ou vá para as opções de mesclagem e aplique uma sobreposição de padrão.

Certifique-se de criar uma nova camada antes de aplicar o padrão ao seu trabalho. Às vezes, o padrão ficará melhor quando
a opacidade é reduzida um pouco.

Confira o resultado.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Claro que você também pode criar um padrão onde o espaço entre as linhas seja maior. Para fazer isso, use o método acima, mas faça uma tela de 5 por 5 pixels.
Este será o resultado.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Linhas de varredura horizontais
Que tal algumas scanlines horizontais? (Útil quando você está criando algo como uma tela de TV ou PC, etc.)

Abra um novo documento no Photoshop e faça com que ele tenha 1 pixel de largura por 2 pixels de altura.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Agora crie uma nova camada e exclua a camada “Fundo” para que a imagem fique transparente.

Aumente o zoom até 1600% pressionando CTRL + algumas vezes.

Agora pegue a ferramenta lápis e configure-a para o tamanho de 1px Modo: Normal e Opacidade 100%. Mesma configuração de antes

Pressione D para redefinir suas cores para preto e branco e pintar o pixel superior de preto.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Agora vá em Edit>Define pattern e nomeie-o como horizontalscanlines.

Resultado.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Pequenos pontos
Ok, agora estamos criando alguns pequenos pontos.
Usamos o mesmo método que usamos com as scanlines.

Abra um novo documento no Photoshop e faça com que ele tenha 3 pixel de largura por 3 pixels de altura.

Agora crie uma nova camada e exclua a camada “Fundo” para que a imagem fique transparente.

Aumente o zoom até 1600% pressionando CTRL + algumas vezes.

Agora pegue a ferramenta lápis e configure-a para o tamanho de 1px Modo: Normal e Opacidade 100%.

Pressione D para redefinir as cores para preto e branco e pinte um ponto no meio da tela.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Agora vá em Editar>Definir padrão e nomeie-o como pequenos pontos.

Resultado.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Cruzes
Vamos fazer um padrão de corss. Crie um documento de 5 por 5 pixels e use o método acima

Mas agora você desenha uma cruz.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

vá em Editar> Definir padrão e nomeie-o como crosses1 ou qualquer outra coisa.

Resultado
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Padrão de proteção ANTI RIP/direitos autorais
Por último, mas não menos importante, vou ensiná-lo a fazer um padrão anti-rasgo.

Abra um novo documento e certifique-se de ter espaço suficiente. 600 por 600 pixels servirão bem. Iremos recortá-lo mais tarde.

Crie uma nova camada e exclua a camada “Fundo” para tornar a imagem transparente.

Agora pegue a ferramenta Texto e use uma fonte legível. Ariel, Tahoma, Verdana, Vezes, etc.

Eu usei essas configurações:
Verdana | ousado | 12 pontos | ah: nenhum

O tamanho deve ser em torno de 12px, não aumente muito, caso contrário não funcionará bem como padrão.

Agora digite algo como: “criado por seunome” ou “(c)seunome”. Eu digito (c) e depois meu nome.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Clique com o botão direito na camada de texto e selecione o tipo de rasterização ou vá em Selecionar > rastarizar > tipo.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Agora pressione CTRL T (transformação livre) e gire o nome cerca de -30 graus.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Pressione Enter para confirmar a rotação. Aumente um pouco o zoom e selecione a ferramenta de corte.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Coloque o mouse na parte inferior do texto e clique e arraste-o para o topo do texto. Certifique-se de selecionar todo o texto e deixar algum espaço na parte superior e inferior.

Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Agora pressione Enter.
Agora você deve ter algo assim.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Vá em Editar>Definir padrão e chame-o de copyright.

Abra seu webdesign mais recente que deseja proteger do ripper e crie uma nova camada.

Selecione a ferramenta Paint Bucket e selecione o padrão de copyright. Diminua a opacidade para que a imagem fique visível para quem quiser vê-la
mas mais difícil para quem quer rasgar.

Apliquei isso a um modelo no qual estou trabalhando. A opacidade é de cerca de 20%.
Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Combinando e experimentando
Agora que você sabe como criar um padrão, é hora de combiná-lo e experimentá-lo.

Confira esses diferentes padrões. As possibilidades são infinitas. Desde texto, formas (flores etc) e linhas, todos podem ser usados ​​para fazer padrões.

Tudo o que você precisa saber sobre como trabalhar com padrões - Criar e implementar - Tutoriais PS Lorelei Web Design

Obrigado por conferir estes tutoriais, espero que você tenha aprendido alguma coisa.