Efeito Logo Metálico no Photoshop

abduzeedo seg, 07/30/2012 - 02:02

Semana passada eu descobri um novo site sobre logos cromados em carros. Fiquei horas navegando pelo site, que no momento é um dos meus favoritos. O site é o Chromeography - http://chromeography.com/. O site me deixou tão inspirado que decidi criar algo no Photoshop.

Então nesse tutorial vou mostrou para vocês como criar um efeito cromado bacana no Photoshop usando apenas o Photoshop. O processo é longo mas a técnica é super util e envolve vários detalhes de layer styles values.

Passo 1

Abra o Photoshop e crie um novo documento. Estou usando 2560x 1600 pixels. Depois disso preencha a background layer com vermelho, como o vermelho da Ferrari, ou vermelho sangue :)

Metal Car Logo Effect in Photoshop

Passo 2

Vá até Layer>Layer Styles>Pattern Overlay. Selecione uma textura metálica. Estou usando um efeito suave de aluminio do http://subtlepatterns.com

Metal Car Logo Effect in Photoshop

Passo 3

Clique em Gradient Overlay. Use preto e branco na cor e veja que o preto está perto do centro. Troque também o Blend Mode para Multiply com 40% Opacity. Depois disso troque Scale para 35%.

Metal Car Logo Effect in Photoshop

Passo 4

Adicione uma nova layer acima das outras e a preencha com branco. Depois ajuste as cores de foreground e background em preto e branco. Depois vá até Filter>Noise>Add Noise. Use 10% em amount. Depois vá até Image>Adjustments>Invert, e depois até Image>Adjustments>Levels. Deixe então o background quase todo preto, com apenas alguns detalhes em branco. A última coisa a fazer aqui é ir até Filter>Blur>Radial Blur. Use Best no Blur Method e Best em Quality.

Metal Car Logo Effect in Photoshop

Passo 5

Troque o Blend Mode para Color Dodge.

Metal Car Logo Effect in Photoshop

Passo 6

Adicione uma nova layer e a agrupe em um folder. Troque o Blend Mode do folder para Color Dodge. Selecione a layer dentro do folder e com a Brush Tool (B) e um brush suave e a cor branca. Pinte um highlight quase no centro da imagem. Use a imagem abaixo como referência.

Metal Car Logo Effect in Photoshop

Passo 7

Adicione o texto que quiser para aplicar o efeito metálico. O que estou usando eu criei no illustrator inspirado nos carros AMG.

Metal Car Logo Effect in Photoshop

Passo 8

Agora vamos adicionar alguns layer styles. Siga as imagens abaixo para conferir os valores.

Metal Car Logo Effect in Photoshop

Metal Car Logo Effect in Photoshop

Metal Car Logo Effect in Photoshop

Metal Car Logo Effect in Photoshop

Metal Car Logo Effect in Photoshop

Metal Car Logo Effect in Photoshop

Metal Car Logo Effect in Photoshop

Metal Car Logo Effect in Photoshop

Passo 9

Esse é o resultado que terá depois dos layer styles.

Metal Car Logo Effect in Photoshop

Passo 10

Agora vamos fazer alguns ajustes. A primeira coisa a fazer é ir até Layer>New Adjustment Layer>Gradient Map. Use o preto e branco defaul e troque o Blend Mode para Soft Light.

Metal Car Logo Effect in Photoshop

Passo 11

Selecione todas as layers e as duplique. Depois disso faça merge delas em uma e vá até Filter>Blur>Gaussian Blur. Use 5 pixels em radius. Troque o Blend Mode para Overlay com 100%. Duplique essa layer e troque o Blend Mode para Screen com 50%. Com a Eraser tool delete algumas áreas dessas duas layers para criar diferenças na luz. Use a imagem abaixo como referência.

Metal Car Logo Effect in Photoshop

Passo 12

Adicione outra layer e agrupe em um folder. Troque o Blend Mode do folder para Color Dodge. Depois disso, com a Brush Tool (B) e um brush suave crie um reflexo no topo da letra A.

Metal Car Logo Effect in Photoshop

Passo 13

Vá até Layer>New Adjustment Layer> Photo Filter. Use Cooling Filter (82) com 20% Density.

Metal Car Logo Effect in Photoshop

Conclusão

E está pronto nosso efeito cromado usando apenas layer styles e filtros básicos do Photoshop. Claro que podemos melhorar o efeito e deixá-lo ainda mais realista, basta brincar mais com os valores Layer Styles. Agora é com vocês :)

Metal Car Logo Effect in Photoshop

Download Arquivo Photoshop

Faça o Download do Arquivo Photoshop usado no tutorial

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.

Sponsored Links

More articles about: