Também conhecido como menus " Suckerfish ", suspensa exibição menus submenus que cair a partir do menu principal, quando um usuário passa o ponteiro do mouse sobre os itens de menu que contêm links para sub- seções de um site. Embora os desenvolvedores não precisam mais fazer esses menus de imagens para visualizá-las em páginas da Web , os designers ainda precisa " maquete " drop-downs em seus projetos web. É uma boa idéia para criar o menu principal e pelo menos uma amostra suspensa , quando você pode, então, esconder , clicando no ícone " olho " ao lado da camada no painel Layers no Photoshop. Instruções
1
Carga Photoshop no seu computador e abra o arquivo que contém o projeto do seu site ou criar um arquivo em branco. Crie o arquivo em branco, se você quiser usar um, pressionando "Ctrl + N " no teclado e digite uma largura de 960 pixels ou mais e uma altura de cerca de 500 pixels ou mais . Se adicionar o menu para um projeto de site existente, pressione " Shift + Ctrl + N" no seu teclado para criar uma nova camada.
2
Clique no ícone em forma de retângulo da ferramenta de forma . Clique e mantenha pressionado sobre o ícone da ferramenta forma , se você quiser selecionar a ferramenta retângulo arredondado , quando submenu da ferramenta forma aparece , selecione a ferramenta retângulo arredondado e digite um valor de raio no campo Radius na barra de opções da ferramenta. Valores entre 10 e 20 pixels funcionam bem .
3
Coloque o cursor do mouse sobre a imagem onde você deseja criar o menu. Clique e arraste o cursor até o contorno da forma coincide com a forma desejada e tamanho para o drop-down , em seguida, solte o mouse.
4
Clique duas vezes no nome da camada retângulo no painel Camadas para carregar o diálogo " Blending Options " . Clique em " Drop Shadow " e configure as configurações até criar uma sombra ao seu gosto.
5
Ir para Gradient Overlay no diálogo Blending Options e clique no menu suspenso ao lado de Gradiente . Selecione um gradiente existente entre as amostras com menos de Presets ou criar seu próprio gradiente . Dê um duplo clique na seta inferior esquerdo no pré-visualização de gradiente e selecione a primeira cor para um gradiente personalizado . Dê um duplo clique na seta inferior direito no gradiente para selecionar a segunda cor . Clique em " OK" quando terminar.
6
Clique no ícone "T" na barra de ferramentas . Coloque o cursor sobre a barra de menu, onde você quer começar a escrever os itens do menu . Digite cada item de menu, usando a barra de espaço quantas vezes você precisa entre cada item. Clique duas vezes na camada de texto no painel Camadas para destacar o texto, em seguida, selecione uma fonte no menu drop -down no menu de opções da ferramenta . Escolha um tamanho e uma cor também.
7
Crie uma nova camada pressionando "Ctrl + Shift + N" no teclado. Clique no nome da nova camada no painel Camadas e arraste-a abaixo da camada do retângulo da barra de menus . Desenhe a parte suspensa de menu onde você quer que ele apareça.
8
clique com o botão direito do mouse sobre a camada do retângulo do menu do painel Camadas e selecione " Copy Layer Style ". Clique com o botão direito do mouse em camada do drop-down e selecione " Paste layer Style ". Fazendo isso vai aplicar a sombra eo gradiente da barra de menu principal para a parte suspensa de menu .
9
Use a ferramenta de texto para colocar itens de menu amostra no drop-down . Use a tecla "Enter" para adicionar espaço entre os itens do menu .