Adobe Photoshop é o padrão da indústria para trabalhar com imagens digitais e design gráfico. Grande parte do conteúdo estético que você vê nos sites mais bem projetados foi concebido e criado no Photoshop. No entanto , o Photoshop é bom para mais do que apenas estética , um dos muitos outros aspectos para o seu site que podem ser criados com o software é um menu pop -up. Instruções
Criando o menu
1

Abra o Adobe Photoshop e selecione "File - . > Novo" Selecione a predefinição "Web" ea opção dimensão 1024 x 768 para uma idéia de como o seu menu pop -up deve ser escalado e dimensionado para uma janela normal do navegador.
2

Selecione a ferramenta " Line" a partir do painel de instrumentos e "Shift + clique em" enquanto arrasta para o lado para desenhar uma linha horizontal na tela. Você pode definir qualquer cor de primeiro plano que você gosta de determinar a cor da linha , estamos indo para ficar com essa cor para o menu pop -up , bem
3

Selecione a opção " Type. ferramenta . " Mova o cursor perto da linha e clique quando você vê uma linha sinuosa ao lado do cursor tipo. Isso ativa a função " Tipo no caminho " .
4

Defina suas preferências de texto para o seu menu de texto flutuante . Digite uma palavra manchete para o menu.
5

Re- selecione a opção " ferramenta Type" e clique onde você gostaria que o menu pop -out para começar por baixo da manchete. Digite os seus subtítulos , pressionando a tecla "Return " para iniciar cada novo. Se você gostaria de mudar o espaçamento entre os subtítulos , realce o texto e abra o painel "Character " para ajustar as principais definições.
6

Selecione a ferramenta " Retângulo " e desenhar um retângulo ao redor do subtítulo texto para criar um fundo para o menu pop -up. Use a ferramenta " Mover" para alinhar o retângulo para a linha horizontal. Mova a camada retângulo debaixo da camada de linha horizontal no painel " Layers "
7

Voltar para a camada de texto e selecione subtítulo . "Layer -> Rasterize - . > Type"

8

botão direito do mouse na camada no painel " Layers " e selecione " Selecione pixels. " Selecione " Edit - > Fill " e escolha uma cor clara que vai contrastar com o fundo azul. Por exemplo, se você usar o branco liso, você vai ter um efeito inverso do texto legal para o menu.
9

Selecione a ferramenta " Line" e " Shift + clique em" criar uma linha divisória entre o primeiro e segundo subtítulos . Duplique esta linha entre cada subtítulo , selecionando a ferramenta " Mover" e mantendo pressionada a tecla "Option" enquanto arrasta a linha para cada local.
10

Selecione todas as camadas da linha divisória no " Layers " painel e selecione " Layer -> camada de Grupo " . Selecione esse grupo e selecione a opção "Distribuir centros verticais " no painel " ferramenta Move" acima da tela para distribuir as linhas uniformemente entre os subtítulos .
Preparando seu menu para a Web

11

Selecione a ferramenta " Slice " no painel de ferramentas e selecione " View - > Ajustar " no painel de controle . Criar fatias para a manchete e cada um dos subtítulos , permitindo que o cursor para tirar a cada linha .
12

Selecione " File- > Save for Web " e defina suas configurações de qualidade e de cor de como você quer que o menu pop -up para aparecer na web.
13

Abra e vincular suas imagens em Adobe Dreamweaver ou outro editor de HTML para animar seu menu pop -up.
< br >