også kendt som " Suckerfish " menuer , drop -down menuer vise undermenuer , der falder ned fra hovedmenuen , når en bruger svæver musen over menupunkter , der indeholder links til sub -sektioner af et websted . Selvom udviklerne ikke længere nødt til at gøre disse menuer ud af billederne for at vise dem på websider , designerne stadig nødt til at " mockup " drop- downs i deres web- design. Det er en god ide at designe hovedmenuen og mindst én prøve dropdown , når du kan derefter skjule ved at klikke på "øje" ikonet ved siden af laget i panelet Lag i Photoshop. Instruktioner
1
Load Photoshop på din computer , og åbn filen med dit website design eller oprette en tom fil. Opret tom fil , hvis du ønsker at bruge en, ved at trykke på "Ctrl + N" på dit tastatur og indtast en bredde på 960 pixels eller mere og en højde på omkring 500 pixels eller mere. Hvis du tilføjer menuen til en eksisterende hjemmeside design , tryk på " Shift + Ctrl + N" på tastaturet for at oprette et nyt lag .
2
Klik på rektangel-formet ikon af formen værktøjet. Klik og hold ned på formen værktøj ikon, hvis du ønsker at vælge den afrundet rektangel værktøj , når formen værktøjets undermenu vises , skal du vælge afrundet rektangel værktøjet og indtaste en radius beløbet i feltet Radius på værktøjet optioner værktøjslinjen. Værdier mellem 10 og 20 pixels fungerer godt.
3
Placer musemarkøren på billedet, hvor du vil oprette menuen. Klik og træk markøren , indtil figuren omrids matcher den ønskede form og størrelse for drop- down , og derefter slippe musen.
4
Dobbeltklik på det rektangel lagets navn i panelet Lag for at indlæse " Blending Options " dialog. Klik på " Drop Shadow " og konfigurere indstillingerne, indtil du opretter en skygge til din smag.
5
Gå til Gradient Overlay på Blending Options dialogboksen og klik på dropdown siden Gradient . Vælg en eksisterende gradient fra farveprøver under Presets eller oprette din egen gradient . Dobbeltklik på nederste venstre pil på gradient preview og vælg den første farve for en brugerdefineret gradient . Dobbeltklik på nederste højre pil på gradient for at vælge den anden farve. Klik på " OK" når du er færdig .
6
Klik på " T" ikonet i værktøjslinjen. Placer markøren over menuen bar, hvor du vil begynde at skrive menupunkterne. Skriv hvert menupunkt , ved hjælp af rummet bar så mange gange som du har brug for mellem hvert element . Dobbeltklik på teksten lag i panelet Lag for at fremhæve teksten , og vælg derefter en skrifttype fra drop -down i værktøjet indstillingsmenuen. Vælg en størrelse og farve samt .
7
Opret et nyt lag ved at trykke "Ctrl + Shift + N" på tastaturet. Klik på den nye lagets navn i panelet Lag , og træk det under menulinjen s rektangel lag. Tegn drop- down del af menuen , hvor du ønsker det skal vises .
8
Højreklik på menuens rektangel lag i panelet Lag , og vælg " Copy Layer Style ". Højreklik på drop- down lag og vælg "Sæt Layer Style ". dette vil gælde hovedmenuen bar skygge og gradient til drop -down del af menuen .
9
Brug tekstværktøjet til at placere prøve menupunkter på drop- down . Brug " Enter" tasten for at tilføje mellemrum mellem menupunkterne.