Depois que lancei o novo design deste site, algumas pessoas entraram em contato perguntando como eu tinha feito produzido esta textura de alumínio escovado presente em diversas partes do site. Por mais incrível que possa parecer, esta textura pode ser feita rapidamente no Photoshop numa série de 5 simples etapas. Eis um pequeno tutorial para ajudá-lo nesta tarefa:

Etapa 1

Vamos começar criando um novo documento, com as dimensões de 1000px por 600px, com fundo transparente. Em seguida, crie um novo layer e preencha com 20% de cinza. Este layer é temporário e servirá como base da textura de alumínio escovado que criaremos na próxima etapa.

Criando uma textura realística de alumínio escovado no Photoshop - Etapa 1

Etapa 2

Esta textura pode ser conseguida através da combinação de alguns filtros, por este motivo, se você estiver usando o Photoshop CS3 é uma boa idéia converter este layer em um Smart Object (Layer > Smart Objects > Convert to smart objects) para poder usar a ferramenta de Smart Filters e poder fazer pequenos ajustes nos filtros.

Adicione um pouco de ruído (noise) usando o Noise Filter (Filters > Noise > Add noise), ajusta a quantidade (amount) em 90%, escolha distribuição uniforme (uniform distribution) e marque a opção monochromatic. Você deverá ter uma imagem como esta abaixo:

Criando uma textura realística de alumínio escovado no Photoshop - Etapa 2

Depois disso vamos aplicar o filtro Motion Blur (Filters > Blur > Motion Blur) para transformar aquele ruido em listras horizontais. Use um ângulo (angle) de 0 graus e uma distância (distance) de 999 pixels.

Criando uma textura realística de alumínio escovado no Photoshop - Etapa 2.2

A sacada está na combinação entre a quantidade de ruído e do filtro motion blur. Tenha em mente que quanto mais ruido for adicionado à imagem mais contraste terão as linhas horizontais.

Etapa 3

Como você pode ver na última imagem da etapa anterior, o filtro motion blur cria linhas horizontais com diferentes intensidades. Enquanto nos cantos as linhas possuem maior contraste, no centro da imagem elas ficam embaçadas. Por este motivo nós vamos retira uma pequena coluna que será transformada em um padrão com esta textura.

Para isso vamos utilizar a Single Column Marquee Tool, que pode ser encontrada debaixo da marquee comum, para selecionar uma coluna de 1px, conforme mostra a imagem abaixo. Fazendo isso podemos garantir que a textura será regular durante toda a largura do documento. Faça a seleção no lugar desejado e crie um novo padrão, usando o menu Edit > Define pattern option.

Criando uma textura realística de alumínio escovado no Photoshop - Etapa 3.2

Etapa 4:

Como eu disse anteriormente, este layer era temporário e já cumpriu o seu objetivo. Você pode ocultá-lo para o caso de decidir criar um novo padrão futuramente.

Agora vamos criar um novo layer e preenchê-lo com o padrão que acabamos de criar. Selecione todos os pixels usando o atalho CTRL + A, use o menu Edit > Fill e escolha o padrão da lista e clique OK. Você deverá ter uma imagem parecida com esta abaixo:

Criando uma textura realística de alumínio escovado no Photoshop - Etapa 4.1

Etapa 5:

Para finalizar, defina o blend mode do layer como Color Burn e a opacidade em 20%. Você também pode usar o modo Multiply caso queira que a textura fique mais visível, neste caso eu optei por um efeito mais sutil.

Criando uma textura realística de alumínio escovado no Photoshop - Etapa 5

Pronto, é isso, acabamos de criar uma textura realística de alumínio escovado no Photoshop. Se você tiver alguma sugestão de tutorial no Photoshop, use os comentários para pedir que terei o maior prazer em produzí-lo.

Publicado em 19/03/2008 na categoria Photoshop.

Acompanhe os comentários pelo Feed. Deixe seu comentário, ou um trackback do seu site.

Um Comentário até agora.
  1. Olá Humberto!

    É uma grande felicidade recebê-lo em meu humilde blog! Seu trabalho também está servindo de referência e inspiração para meus projetos e graças a isso estou conseguindo desenvolver alguns conceitos e idéias importantes!

    Mais uma vez obrigado por deixar seu comentário por lá! Isso serve de incentivo para continuar gostando daquilo que faço!

    Muito obrigado pela visita!

    Rodrigo Teixeira -

Deixe seu comentário