[Webdesign] Trendy Bevel

[acviper]

Paço 1.)
Abre o teu documento ou cria um novo com o tamanho que quizeres
Neste tutorial vai ser usado 500 x 300 com um simples backgound.

Paço 2.)
Cria uma nova camada e usando a "rectangular marquee tool" faz um
rectangulo mais ou menos como o que esta representado na imagem:

E preencheo com branco. (#FFFFFF)


Paço 3.)
Vai as gradient tools e, aplica as seguintes opeções:

Gradient Overlay:



Como é muito dificil de ver com esta cor foi adicionado um contorno
em verde lima. Aqui fica uma imagem:



Paço 4.)
Cria uma nova camada. Agora poem o "foreground" com a cor: #4A4A4A e
seleciona a ferramenta "Pensil Tool". Desenha uma linha de 1 pixel
por cima e do lado esquerdo da tua caixa como esta a mostrar a
seguinte imagem:



Paço 5.)
Finalmente poem o "foregound" com a cor: #131313 (Cinzento Muito Muito Escuro)
e outra vez com o "Pencil Tool" desenha uma linha de 1 pixel no fundo
e do lado direito, como mostra a imagem:



E prontos ta tudo feito o que precisas de fazer agora e adicionar texto e icons
e ta acabado. Aqui fica o resultado do autor:



Tutorial traduzido por: acviper