← Tutoriais

[PHOTOSHOP] Tutorial de Pattern & Textura: Fibra de Carbono

Lida 5190 vezes

Offline

Pedro Magalhães 
Membro
Mensagens 397 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts


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 Documento

Abra 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ângulos

Em 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 Pattern

Agora 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 Textura

Agora é 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




 :obrigado: