Imagem “shadow degrade” que vai esmaecendo para baixo...

[RafaelNMNM 0]

Olá galera queria saber como faz esse efeito da imagem abaixo, tipo um “shadow degrade” que vai esmaecendo para baixo...

 

 

[]’s

[Camila Debiazzi 6]

Olá!

Eu usei esse efeito em um layout ontem :) Gosto bastante, fica agradável...

 

Acredito que tenha mais de uma forma para se fazer esse efeito, já que ele está um pouco além de simples cliques. Vai mais da criatividade com pincel, etc.

O que eu costumo fazer é o seguinte:

Seleciona o Polygonal Lasso Tool (L); lá em cima no Photoshop, tem uma opçãozinha aberta agora, chamada Feather: coloque valor 5 (depois pode escolher o que achar melhor)

 

Com isso, faz um desenho triangular, mais ou menos assim:

 

 

Selecione uma cor cinza clarinho (talvez #d4d4d4), e com a opção de brush Soft Round +- 40 pixels, pinte dentro desse triangulo que desenhou. Mas olha só, nota: traçar apenas uma linha com o brush, de cima abaixo na lateral direita, e não pintar o triangulo todo. Feito isso corte a borda de cima e a lateral direita para dar esse efeito de sobreposição.

No exemplo que você mostrou o designer deve ter utilizado um shape de Linha Reta (tecla U do teclado e seleciona a opção de Linha) no local onde ele cortou, com um cinza um pouco mais escuro. Isso traz um efeito mais detalhado à sombra :)

 

Parece complexo mas na segunda faz que você faz, é rapidinho