O procedimento de criação e aplicação de patterns é uma das opções disponíveis para tornar a abertura de websites ligeiramente mais rápidos.
Com os padrões você apenas precisa de uma pequena porção de pixeis para dar uma total aparência ao fundo do seu website.
E é por isto que hoje vou ensinar-lhe a criar os seus próprios padrões & texturas no Photoshop, particularmente a Fibra de Carbono.
Esta é sem dúvida uma das minhas texturas preferidas, tanto pelos resultados que se obtêm, como pela rapidez da sua execução.
Por isso se não sabe como criar os seus próprios Patterns no Photoshop, sugiro que comece agora!
Siga os passos e veja no final um dos resultados possíveis.
-
Passo 1: Criar um novo DocumentoAbra o Photoshop, em qualquer das versões CS, CS2, CS3 ou CS4.
Comece por criar um novo documento com dimensões
4×4 pixeis.
-
Passo 2: Dividir os Pixeis em RectângulosEm primeiro lugar, você deve fazer o nível de
Zoom máximo permitido para poder trabalhar.
Ligue o Snap recorrendo a:
View » Snap.
Ligue o Rulers em:
View » Rulers.
Com isto pode traçar linhas de força para seleccionar as porções de pixeis que compõem o projecto.
Mais especificamente, 4px de largura e 4px de altura.
Seguidamente
crie 8 layers, onde cada corresponde ao Rectângulo de
Cor Hexadecimal distinta.
Vá ao painel
Layers, em
New Layer.
Depois
seleccione o rectângulo que deseja preencher com cor sólida e prima
Edit » Fill » Color.
Insira o número hexadecimal que surge na nossa primeira layer #232222.
Continue a criar as restantes baseando-se no mesmo procedimento.
No final o resultado será este que surge em baixo na imagem.
Grave a imagem em
“.GIF” ou
“.JPG” e o projecto
“.PSD”.
Neste exemplo, obteve-se 95 bytes para “.GIF” e 11Kb em “.JPG”. Muito leve não é?
Experimente coloca-la no seu ambiente de trabalho (caso esteja impaciente) para a ver em acção.
Confirme se o padrão ficou correcto.
-
Passo 3: Criar o PatternAgora precisa de fundir todas as layers.
Para o efeito, seleccione-as e prima com o botão direito do rato em “
Merge All Layers”.
Finalmente, com a ferramenta de selecção:
Edit » Define Pattern.
Dê o nome final e faça OK.
Parabéns! A partir de agora já sabe criar patterns e grava-los no Photoshop (e disco rígido).
-
Passo 4: Criar a TexturaAgora é muito fácil criar uma textura.
Simplesmente
abra um novo documento, por exemplo com dimensões 1280×1000px e
aplique o seu Pattern.
Verá que este foi automaticamente inserido como fundo do seu projecto, e na perfeição.
Agora pode brincar um pouco com a iluminação e obtem facilmente resultados bem profissionais.
-
Resultado Final 
