Convidado • 21.02.17 20:31
Tutorial - Flat Shadow 21.02.17 20:31
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
FLAT SHADOW
Todos apreciam os ícones flats com sua sombra incrível!
Mas como fazer? Hoje vou explicar num tutorial bem simples:
Necessário:
Photoshop
Um Documento no PS aberto
Um fundo (quadrado e etc)
Ícone em PNG
Action Flat Shadow
Long Shadow 2 Photoshop Action - Dribble
PSD
1. Abra seu Photoshop e crie seu documento do tamanho que preferir
Tenha nele um FUNDO da cor que preferir
Seja este feito com a ferramenta de retângulos ou não
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Após feito o retangulo com seu fundo, vá em Window> Action > Load Action
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
E selecione o Long Shadow Baixado
Já com seu Ícone em .png em mãos, vamos fazer a parte principal!
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Antes de mais nada, vá em Window> Properties
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Esta caixa servirá para mudar algumas coisas
Com a camada do retângulo selecionada:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Arredondamos as pontas do nosso quadrado/retângulo, como pode ser visto acima
Agora posicionaremos nosso ícone/texto e adicionaremos um Color Overlay
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Ok, após essa etapa, voltaremos no Action
E selecionaremos um deles
Vimos que vieram diversos (num único arquivo)
Com a camada do seu ícone/texto selecionada
Escolha um, e aplique-o
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Vão ocorrer várias coisas automaticamente
Sendo este o resultado final:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
É apenas isto :) O procedimento pode ser o mesmo em vários casos
Dicas: Use sempre imagens em .png
- Saiba posicionar o ícone/texto
- Para aparecer a caixa com Color Overlay:
- Clique duas vezes em sua layer
- Caso não ocorra nada
- Clique com o botão direito > Rasterize Layer
Cor usada: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Ícone usado: http://download.seaicons.com/download/i90482/icons8/windows-8/icons8-windows-8-diy-paint-brush.ico
Última edição por BSVS em 21.02.17 20:34, editado 1 vez(es)
Turing • 21.02.17 20:31
Karlee • 21.02.17 22:06
