Power Pixel
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.


Fechar janela

Tutorial - Flat Shadow

5 participantes

Anonymous Convidado  • 21.02.17 20:31

Tutorial - Flat Shadow Empty 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 Turing  • 21.02.17 20:31

Tutorial - Flat Shadow Empty Re: Tutorial - Flat Shadow 21.02.17 20:31

Obrigado pelo tutorial ^^ Vai ajudar mt, achei mt ****

The Flash The Flash  • 21.02.17 20:32

Tutorial - Flat Shadow Empty Re: Tutorial - Flat Shadow 21.02.17 20:32

Obrigado por fazer o tutorial que eu pedi.
Você é um deus!

Karlee Karlee  • 21.02.17 22:06

Tutorial - Flat Shadow Empty Re: Tutorial - Flat Shadow 21.02.17 22:06

Que tutorial FODA!! Você é o Lúcifer do Fórum

Gasparzinho Gasparzinho  • 22.02.17 0:34

Tutorial - Flat Shadow Empty Re: Tutorial - Flat Shadow 22.02.17 0:34

Ótimo tutorial, obrigado!

GustP GustP  • 17.04.17 10:00

Tutorial - Flat Shadow Empty Re: Tutorial - Flat Shadow 17.04.17 10:00

Ótimo tutorial, muito obrigado :)
Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.