Como criar textura de fibra de carbono

Como já reparou no layout da Webgrafismo, temos tendência para utilizar patterns desenhados no Adobe Photoshop para decorar o fundo. Este procedimento é uma das opções disponíveis para tornar a abertura do site ligeiramente mais rápido. Com os padrões você apenas precisa de uma pequena porção de pixeis para dar uma total aparência ao background do site. E é por isto que hoje vou ensinar-lhe a criar as suas 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 veja no final um dos resultados possíveis.

Passo 1: Crie 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 pixels.

Passo 2: Divida os Pixels em Retângulos

Em primeiro lugar, você deve fazer o nível de Zoom máximo permitido para poder trabalhar. Agora ative o Snap indo em: View/Snap. Ative a régua indo em: View » Rulers. Com isto pode traçar linhas de força para selecionar as porções de pixeis que compõe o nosso projeto. Mais especificamente, 4px de largura e 4px de altura.

Seguidamente crie 8 layers, onde cada corresponde ao Retâ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 vá em: Edit » Fill » Color. Insira o número hexadecimal que surge na nossa primeira layer #232222. E 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 é? Experimente coloca-la no seu ambiente de trabalho (caso esteja impaciente) para a ver em ação. E confirme é claro, se o padrão ficou correto!

Passo 3: Criar um Padrão ou Pattern

Agora precisa de fundir todas as layers. Por isso selecione-as e com o botão direito do mouse: “Merge All Layers”. Finalmente, utilize a ferramenta de seleção e o pattern: Edit » Define Pattern. Dê o nome final e clique em OK.



Parabéns! A partir de agora você já sabe criar patterns e gravá-los no Photoshop.

Agora é muito fácil criar uma textura. Simplesmente abra num novo documento, por exemplo com dimensões 1280×1000 px e aplique o seu Pattern. Verá que este foi automaticamente inserido como fundo do seu projeto, e na perfeição.

Resultado final:


Observação: Agora pode brincar um pouco com a iluminação e obter facilmente resultados bem profissionais.


Este tutorial foi gentilmente cedido pelo amigo Pedro Magalhães

O Link original, pode ser acessado aqui:

Abraços e até a próxima




Receba o conteúdo completo através de Feeds ou diretamente no seu E-mail