Fazia um tempo que eu estava pensando em fazer um design com sombras realistas. Esse final de semana eu decidi tentar colocar a ideia em prática. Comecei pensando em qual seria a melhor maneira de chegar ao efeito pois criar tudo manualmente daria muito trabalho. Resolvi então testar as capacidades 3D do Photoshop. E tenho que dizer que a ideia resultou em uma maneira prática e fácil de chegar onde queria.

No tutorial de hoje eu vou mostrar como criar sombras usando 3D no Photoshop CC. O processo é simples e você não vai levar mais de 1 hora para chegar ao resultado.

Passo 1

Abra o Photoshop e crie um novo documento. Estou usando o tamanho 2880x1800 pixels. Depois disso adicione algumas letras ou o texto onde queira aplicar a sombra. Eu usei "ABDZ" com a fonte Futura Medium.

Dramatic Shadows in Photoshop CC

Passo 2

Vá até 3D>New 3D Extrusion from Selected Layerstong>. Selecione então a 3D layerstong>. No painel 3D selecione a Extrusion layer e comece a editar as propriedades.

Dramatic Shadows in Photoshop CC

Passo 3

Em Extrusion Depthstong> use 300stong>. Gire o objeto para que possa usar a Top view.

Dramatic Shadows in Photoshop CC

Passo 4

Em Cap use 100% Width with Contour e 45º em Angle. Em Bevel use 45ºstong>.

Dramatic Shadows in Photoshop CC

Passo 5

Selecione Infinite Lightstong> e gire um pouco. Em Properties, use 1000 em Intensity e 75% em Softness. Depois vá até 3D>Render.stong>

Dramatic Shadows in Photoshop CC

Passo 6

Depois de alguns minutos esse será o resultado que você vai ter. Se não estiver feliz com o resultado, mude extrusion e light source.

Dramatic Shadows in Photoshop CC

Passo 7

Adicione uma layer abaixo das outras e a preencha com um Pattern. Estou usando um do Subtlepatterns.com

Dramatic Shadows in Photoshop CC

Passo 8

Adicione alguns elementos para preencher o canvas e para criar uma composição bacana.

Dramatic Shadows in Photoshop CC

Passo 9

Importe uma textura de papel. Eu usei uma de papel antigo que encontrei no Google Images.

Dramatic Shadows in Photoshop CC

Passo 10

Troque o blending mode da textura para Lighten com 50%.stong>

Dramatic Shadows in Photoshop CC

Conclusão

Selecione todas as layers e faça merge delas em uma. Troque o Blend Modestong> da 'merged layer' para Multiplystong> e sua composição está pronta. O Photoshop CC melhorou as opções 3D e deixou bem mais fácil para fazermos experimentos, especialmente para criar esse tipo de efeito. Agora é com vocês, divirta-se!

Dramatic Shadows in Photoshop CC

Download do Arquivo Photoshop

Faça o Download dos arquivos Photoshop usados no tutorial

About the author of this post

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.