1º. Crie um novo documento com as seguintes configurações, Width 776 x Height 30 e Resolution 72 pixels no modo RGB.

2º. Crie uma nova layer, e nesta layer faça uma seleção com Rectangular marquee tool.

3º. Selecione a ferramenta de gradiente e escolha o gradiente cooper, aplique-o na seleção.

4º. Para trabalhar-mos a cor deste menu de cobre para um cromo, apliquemos o comando desaturete. Image >> Adjustments >> Desaturete, ou o atalho Shift + Ctrl + U.

5º. Agora para realçar a cor trabalhemos as curvas, configure imput 70 e output 210 Image >> Adjustments >> Curves, ou o atalho Ctrl + M.

6º. Crie uma nova layer e trace uma linha preta, podemos para isso usar a ferramente linha.

7º. Duplique esta layer e pressione ctrl + i para inverter as cores, pressione a tecla seta direita do teclado 2 vezes.

8º. Selecione estas duas layers e pressione “ctrl + e” para mescla-las.

9º. Pressionando “alt + clique”, onde podemos fazer quantas cópias forem necessárias destas linhas de divisão.



10º. Podemos para enfatizar a cor do nosso menu usar o comando Hue/Saturation. Image >> Adjustments >> Hue/Saturation, ou o atalho Ctrl + U.

11º. Esse é o meu resultado:

12º. Para trabalhar-mos com este menu na web, precisamos exporta-lo de forma adequada para essa finalidade, para isso vamos ao menu File >> Save for Web. E configurar-mos o optimize de modo satisfatório.



BS.: Podemos utilizar este menu de duas maneiras:
1ª. Exporta somente a imagem e no Dreamweaver mapea-lo fazendo os links.
2ª. Fatiar no Image Ready e já levar o html pronto para o Dreamweaver.
É uma questão de opção pessoal ou a própria necessidade de cada projeto.


Dúvidas ou sugestões enviem emails, um abraço para todos e bons estudos!!!

comentários (0)