Adobe Photoshop är branschstandard för att arbeta med digitala bilder och grafisk design . Mycket av det estetiska innehåll du ser på de bäst utformade webbplatser utformades och skapades i Photoshop . Dock är Photoshop bra för mer än bara estetik , en av de många andra aspekter på din webbplats som kan skapas med programmet är en pop - up -menyn . Instruktioner
Skapa Meny
1
Öppna Adobe Photoshop och välj " Arkiv - > Nytt . " Välj " Web " preset och 1024 x 768 dimension alternativet för en idé om hur din popupmenyn ska skalas och dimensionerad för en normal webbläsarfönster .
2
Välj " Linje verktyget " från verktygspanelen och " Shift + klick " när du drar i sidled för att rita en horisontell linje tvärs över duken . Du kan ställa in någon förgrundsfärgen du gillar att bestämma färgen på linjen , vi kommer att hålla fast vid denna färg för pop - up meny samt Addera 3
Välj " Type . verktyg. " Flytta markören nära linjen och klicka när du ser en snirkliga linje bredvid den typ markören . Detta aktiverar " Type på väg " -funktion .
4
Ställ din text inställningar för din meny utfällbara text . Skriv en rubrik ord för menyn .
5
åter välja " textverktyget " och klicka där du vill att popup-meny för att börja under rubriken . Skriv ut dina underrubriker , trycker på " Retur " -tangenten för att starta varje ny. Om du vill ändra avståndet mellan underrubriker , markera texten och öppna " Tecken " panel för att justera de ledande inställningar .
6
Välj " Rektangel verktyget " och rita en rektangel runt underrubriken text för att skapa en bakgrund till pop - up menyn . Använd " Flytta verktyget " för att rikta in rektangeln till den horisontella linjen . . Flytta rektangeln lagret under den horisontella linjen lagret i "Lager " panelen
7
Återgå till underrubriken textlagret och välj " Layer - > Rastrera - . > Type "
8
Högerklicka på lagret i "Lager " panelen och välj " markera pixlar . " Välj " Redigera - > Fyll " och välj en ljus färg som ska kontrastera mot blå bakgrund . Till exempel , om du använder vanligt vitt , kommer du att ha en sval inverterad text effekt för menyn .
9
Välj " Linje verktyget " och " Shift + klicka " för att skapa en skiljelinje mellan första och andra underrubriker . Duplicera denna linje mellan varje underrubrik genom att välja " Flytta verktyget " och hålla ner " Option " -tangenten när du drar linjen till varje plats .
10
Markera alla skiljelinjen skikten i " Layers " panelen och välj " Layer - . > Grupp skikt " Markera den gruppen och välj "Dela ut vertikala centra " alternativet i " Flytta verktyget " panelen ovanför arbetsytan för att fördela raderna jämnt mellan underrubrikerna . Addera Förbereda din meny för Web Review
11
Välj " Slice verktyget " på verktygspanelen och välj " View - > Snap " från kontrollpanelen . Skapa skivor för rubriken och var och en av de underrubriker , vilket gör att markören att knäppa på varje rad .
12
Välj " Arkiv - > Spara för webben " och ange din kvalitet och färginställningar för hur du vill att snabbmenyn ska visas på webben .
13
Öppna och länka dina bilder i Adobe Dreamweaver eller annan HTML-redigerare för att animera din pop - up menyn .
