Software  
 
Conhecimento computador >> Software >> Photoshop >> 
Como fazer um menu dropdown no Photoshop
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 .

Anterior :

Próximo : No
  Os artigos relacionados
·Como fazer um Sabatier em Photoshop 
·Como fazer pincéis personalizados no Photoshop com uma…
·Efeitos com Photoshop e DeviantART 
·Photoshop diz reinstalar o Tablet 
·Conflitos de hardware Adobe Photoshop 
·Existe um truque para instalar o Photoshop CS2 em um Ac…
·Como Animar Ícones IMVU Usando o Photoshop 
·Como emular vidro no Photoshop 
·Como fazer IMVU AVI Pics Sem Photoshop 
·A mudança , Alt e Right-Click não funciona no Photosh…
  Artigos em destaque
·Como desfragmentar Tudo em um disco 
·Como alterar texto para números em MS Excel 
·Como recuperar dados de CD 
·Como extrair um arquivo WAV de um arquivo HTML 
·Como ativar o Traktor 3 
·Lista de CCKs em Drupal 
·Como gravar uma apresentação do PowerPoint para um CD…
·Como usar o Microsoft Publisher para criar um cartão 
·Como fazer uma melodia em Fruity Loops 9 
·Como usar Probabilidade de papel no Excel 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados