Após um pedido, resolvi criar um tutorial fazendo uns botões com perspectiva 3D, utilizando
apenas efeitos
simples, ou simplismente usando styles.
Este é o resultado final:
Bom então vamos lá, crie um novo arquivo no photoshop e crie 3 formas para serem os
botoes, e as deixe lado a lado:
Agora organizaremos os layers da seguinte forma, para evitar bagunça e facilitar no desenvolvimento do tutorial:
Agora crie um segundo layer chamado “3D” no grupo “Normal”. Em seguida, no layer “Normal” aplicaremos os seguintes efeitos:
Drop Shadow:
Gradient Overlay:
Stroke:
Agora movemos o Layer “3D” cerca de 5px para baixo, utilizando as famosas “setinhas” do teclado, em seguida aplicamos os efeitos:
Drop Shadow:
Gradient Overlay:
Agora no Grupo “Hover” repetiremos o processo de criação do layer “3D”:
Feito isso aplicamos os efeitos ao layer principal chamado “Hover”:
Gradient Overlay:
Stroke:
Agora vamos ao layer “3D”:
Drop Shadow:
Inner Shadow:
Gradient Overlay:
Agora aplicaremos um dos efeitos manuais deste tutorial, com a ferramenta Brushe Tool (tecla de atalho ‘B’), configuramos da seguinte forma:
Clicamos na nossa área de atrabalho e posicionaremos ela no meio de nosso botao e mudamos seu blending mode para Screen:
Ficando da seguinte forma:
Agora no grupo “Active” mudaremos um poco o padrão de criação da layer, criaremos um chamado “Sombra” por cima do layer principal, organizado da seguinte forma:
Logo após sua criação, vamos aplicar os efeitos nele:
Drop Shadow:
Inner Shadow:
Outer Glow:
Agora mudaremos a aparencia do layer “Active”.
Drop Shadow:
Inner Shadow:
Gradient Overlay:
Seu resultado deve ser algo parecido a isto:
Agora criaremos uma linha de 1px de altura e posicionaremos ela da seguinte forma:
Com a Erase Tool (tecla de atalho ‘E’) nas seguintes configurações:
Desmanchamos as pontas da linha para chegar ao resultado final:
Bom espero que gostem e comentei dizendo suas opiniões, críticas e etc.
Clique na imagem para ver melhor!
0 comentários:
Postar um comentário