Flashing Design no Photoshop by Mike Speero

abduzeedo seg, 06/14/2010 - 09:44

O tutorial dessa semana é bastante especial, é de Mike Speero, um designer gráfico de Gothenburg, Suécia. Mike já foi apresentado em diversos livros, revistas, entrevistas, teve um poster exibido em uma galeria conhecida Italiana e em breve vai vender também skateboards.

Neste tutorial ele vai mostrar a vocês como ele criou um de seus "Flashing" designs, um trabalho de seu portfolio onde ele mistura a foto de uma modelo com alguns efeitos muito legais. Nós recomendamos uma visita ao site de Mike para conferir o portfolio dele, vale a pena.

Passo 1

Faça mask da modelo. Aperte o botão do círculo para que tenha um campo branco na sua layer perto da imagem. Com a pen-tool ou brush na cor preta, apague o background. (Faça isso na parte branca e não na imagem em si)

Flashing Tutorial in Photoshop by Mike Speero

Flashing Tutorial in Photoshop by Mike Speero

Passo 2

Deixe a modelo cinza indo até Image>Adjustments>Hue/saturation. Arraste a âncora do meio para o campo cinza. Uma maneira mais fácil é pressionar cmd+shift+U.

Crie uma nova layer branca e a coloque abaixo das outras. Layer>New fill layer>Solid color.

Então redimensione sua modelo. Nesse caso eu encolhi ela um pouco para que ficasse melhor colocada na imagem. Use cmd+T para alterar o tamanho. (Quando em uso, você pode sempre experimentar pressionando shift, ctrl e cmd para ter diferentes resultados.)

Passo 3

Hora de duplicar. Vá até Layer>Duplicate Layer ou press cmd+J. Depois vá até Layer>Create Clipping Mask.

Flashing Tutorial in Photoshop by Mike Speero

Passo 4

Esse tratamento é para a layer de cima. Image>Adjustments>Shadow Highlights. Clique na caixa "show more options". Troque então Shadows: Amount para 100 e Adjustments: Midtone Contrast para -100.

Passo 5

Filter>Blur>Gaussian Blur. Approx 3.0 blur. Em Blending Mode troque o status de Normal para Lighten. Perto do blending mode tem a caixa da Opacity. Deixe em 70%.

No campo clipping mask, pinte sobre o rosto para que não fique 'blurry'.

Se você fez tudo certinho, o resultado deve ser semelhante a imagem abaixo.

Flashing Tutorial in Photoshop by Mike Speero

Passo 6

Duplique a layer de baixo e a coloque acima das outras. A coloque na clipping mask.

Para a layer do topo Image>Adjustments>Shadow/Highlights. Confira os números abaixo. E por último, Blending Mode>Lighten.

Flashing Tutorial in Photoshop by Mike Speero

Passo 7

Duplique novamente a layer do topo. Dessa vez use apenas a mão direita. Faça Mask do restante. Vá então até Image>Adjustments>Curves. Se não ficou tão branco quanto gostaria, vá até Blending Mode e troque para Lighten. Duplique a mão. Marque as layers das mãos e faça merge - Layers>Merge Layers.

Mantenha a layer no clipping mask.

Flashing Tutorial in Photoshop by Mike Speero

Passo 8

Deixe o background preto. Dê um duplo clique na layer e vá até Color Overlay>Double Click no retângulo vermelho e escolha a cor preta.

Hora de alguns respingos. Abra a foto dos seus respingos em uma janela separada. Vá então até Select>Color Range. Pegue o quanto da imagem deseja e pressione OK. Em muitos casos a seleção é para as coisas que você não quer. Para corrigir isso vá até Select>Inverse. Agora copie o respingo para a janela que estamos trabalhando.

Deixe o respingo cinza pressionando cmd+shift+U. Repita o passo 7 para deixar tudo mais branco.

Flashing Tutorial in Photoshop by Mike Speero

Flashing Tutorial in Photoshop by Mike Speero

Flashing Tutorial in Photoshop by Mike Speero

Passo 9

Eu nunca uso a borracha, apenas mask. Use mask para corrigir os respingos para que se encaixem na bota. Essa layer deve ficar acima das outras e não deve ser colocada na mask da modelo.

Agora vamos brincar um pouco com spray brush. Faça como quiser aqui. Troque a opacidade de alguns para ter um mix legal de luz. Adicione alguns brushes especiais também. Isso deve ficar na mask.

Lembre-se: As 2 layers da modelo na mask devem ficar sempre acima. As coisas que adicionarmos agora devem ficar abaixo.

Flashing Tutorial in Photoshop by Mike Speero

Flashing Tutorial in Photoshop by Mike Speero

Passo 10

Agora adicionamos mais respingos. Faça novos ou apenas duplique o de antes.

Flashing Tutorial in Photoshop by Mike Speero

Passo 11

Use o spray brush para pintar algumas cores. Uma layer para cada cor.

Flashing Tutorial in Photoshop by Mike Speero

Passo 12

Hora de arrumar o background. Crie uma nova layer acima da background layer. Use a Lasso-Tool e desenhe uma forma de triângulo. Quando estiver ativa, use o brush para pintar fora da área selecionada para ter esse efeito.

Flashing Tutorial in Photoshop by Mike Speero

Flashing Tutorial in Photoshop by Mike Speero

Passo 13

De volta ao background branco. Mas com um toque de cinza de meio. Duplo clique na layer e siga a imagem abaixo.

Flashing Tutorial in Photoshop by Mike Speero

Flashing Tutorial in Photoshop by Mike Speero

Passo 14

Mais respingos, mas dessa vez, os coloque atrás da modelo e não na mask.

Faça mais triângulos e círculos. Eu usei roxo para os triângulos e branco para os círculos. A Opacity está reduzida nos dois símbolos. Você encontra eles no seu shape-tool options palette.

Crie uma forma com a Lasso-tool que combine com as outras linhas no background e mova um pouco para cima. Assim o efeito fica mais legal. Usei roxo e diminui a opacity para 5%.

Flashing Tutorial in Photoshop by Mike Speero

Flashing Tutorial in Photoshop by Mike Speero

Passo 15

Coloque mais umas bolas ou coisas que queira. Fiz a minha no Illustrator e adicionei alguns efeitos com a mesh tool por lá. Depois colei no photoshop e troquei o Blending Mode para Screen.

Use o brush para pintar algumas sombras no fundo. Você também pode usar branco para misturar um pouco.

Flashing Tutorial in Photoshop by Mike Speero

Flashing Tutorial in Photoshop by Mike Speero

Passo 16

Efeitos de luz. Vou mostrar a vocês como fazer, mas de um modo rápido. Depois você va precisar praticar mais.

Flashing Tutorial in Photoshop by Mike Speero

Flashing Tutorial in Photoshop by Mike Speero

Passo 17

Faça algumas estrelas e use brush em algumas partes para que elas brilhem. Apenas algumas finalizações simples.

Crie 2 novas layers e as coloque acima das outras e faça o seguinte:

Flashing Tutorial in Photoshop by Mike Speero

Passo 18

Confira se não tem nada estranho na sua imagem. As mãos estão um pouco estranhas. Crie uma nova layer e a coloque na model mask. Escolha um brush branco e pinte as margens das mãos para melhorar um pouco o visual delas.

E aqui está o resultado final!

Flashing Tutorial in Photoshop by Mike Speero

Download do Arquivo Photoshop

Clique aqui para fazer o download do arquivo Photoshop usado nesse 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: