Você não está conectado. Conecte-se ou registre-se

Power Pixel » Design Zone » Tutoriais e Dicas » Editores de Imagem » Photoshop » Tutorial - Flat Shadow

Tutorial - Flat Shadow

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Tutorial - Flat Shadow em Ter 21 Fev 2017 - 20:31

BSVS

Administrador


avatar
[Você precisa estar registrado e conectado para ver 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


[Você precisa estar registrado e conectado para ver este link.]


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


[Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver este link.]


Após feito o retangulo com seu fundo, vá em Window> Action > Load Action


[Você precisa estar registrado e conectado para ver este link.]


E selecione o Long Shadow Baixado
Já com seu Ícone em .png em mãos, vamos fazer a parte principal!


[Você precisa estar registrado e conectado para ver este link.]


Antes de mais nada, vá em Window> Properties


[Você precisa estar registrado e conectado para ver este link.]


Esta caixa servirá para mudar algumas coisas
Com a camada do retângulo selecionada:


[Você precisa estar registrado e conectado para ver 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


[Você precisa estar registrado e conectado para ver 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


[Você precisa estar registrado e conectado para ver este link.]


Vão ocorrer várias coisas automaticamente
Sendo este o resultado final:


[Você precisa estar registrado e conectado para ver este link.]


É apenas isto Smile 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: [Você precisa estar registrado e conectado para ver 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 Ter 21 Fev 2017 - 20:34, editado 1 vez(es)



[Você precisa estar registrado e conectado para ver esta imagem.]
Ver perfil do usuário

2 Re: Tutorial - Flat Shadow em Ter 21 Fev 2017 - 20:31

รємєภเlк

Membro Prata


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

Ver perfil do usuário http://www.power-pixel.net

3 Re: Tutorial - Flat Shadow em Ter 21 Fev 2017 - 20:32

Flash Reverso

Administrador


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

Ver perfil do usuário

4 Re: Tutorial - Flat Shadow em Ter 21 Fev 2017 - 22:06

Jimin

Membro Prata


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

Ver perfil do usuário

5 Re: Tutorial - Flat Shadow em Qua 22 Fev 2017 - 0:34

Gasparzinho

Membro Ouro


avatar
Ótimo tutorial, obrigado!

Ver perfil do usuário

6 Re: Tutorial - Flat Shadow em Seg 17 Abr 2017 - 10:00

GustP

Premium


avatar
Ótimo tutorial, muito obrigado Smile

Ver perfil do usuário http://www.desempregado.com/

Conteúdo patrocinado



Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum