Også kjent som " Suckerfish " menyer , drop- down menyer vise undermenyer som faller ned fra hovedmenyen når en bruker svever musepekeren over menyelementer som inneholder lenker til sub -seksjoner av et nettsted. Selv om utviklerne ikke lenger trenger å gjøre disse menyene ut av bildene for å vise dem på websider , designere fortsatt trenger å " mockup " drop-downs i deres web design. Det er en god idé å designe hovedmenyen og minst én prøve dropdown , når du kan deretter skjule ved å klikke på "øye "-ikonet ved siden av laget i Lag-panelet i Photoshop . Instruksjoner
en

Load Photoshop på datamaskinen, og åpne filen som inneholder nettstedets design eller opprette en tom fil . Lag den tomme filen, hvis du ønsker å bruke en, ved å trykke " Ctrl + N " på tastaturet og skriv en bredde på 960 piksler eller mer, og en høyde på rundt 500 piksler eller mer. Hvis du legger på menyen til en eksisterende webdesign, trykk " Shift + Ctrl + N" på tastaturet for å opprette et nytt lag .
2

Klikk på rektangel -formet ikon av formen verktøyet. Klikk og hold nede på formen verktøyet ikonet hvis du vil velge avrundede rektangelet verktøyet, når formen verktøyets undermenyen vises, velger du avrundet rektangel verktøyet og angi en radius beløp i feltet Radius på verktøyet alternativer verktøylinjen. Verdier mellom 10 og 20 piksler fungerer godt .
3

Plasser musepekeren på bildet der du vil opprette menyen . Klikk og dra markøren til figuren omrisset matcher ønsket fasong og størrelse for drop- ned, og slipp musen.
4

Dobbeltklikk på rektangelet lagets navn i Lag-panelet til å laste " Blending Options " dialogen . Klikk på " Drop Shadow" og konfigurerer innstillingene før du oppretter en skygge til din smak.
5

Gå til Gradient Overlay på Blending Options dialogboksen og klikk på dropdown ved siden av Gradient . Velg en eksisterende gradient fra fargeprøvene under forhåndsinnstillinger eller lage din egen gradient . Dobbeltklikk i nederste venstre pil på gradient forhåndsvisning og velg den første fargen for en egendefinert gradient . Dobbeltklikk på nederste høyre pil på gradient for å velge andre farger . Klikk "OK" når du er ferdig .
6

Klikk på " T "-ikonet på verktøylinjen. Plasser markøren over menylinjen , der du vil begynne å skrive menyelementene. Skriv hvert menyelement , bruker mellomromstasten så mange ganger du trenger mellom hvert element . Dobbeltklikk på teksten laget i Lag-panelet for å markere teksten , og velg deretter en font fra drop -down i verktøyet innstillingsmenyen. Velg en størrelse og en farge i tillegg.
7

Lag et nytt lag ved å trykke " Ctrl + Shift + N" på tastaturet. Klikk det nye laget navn i Lag-panelet og dra det under menylinjen er rektangel lag . Tegn drop- down delen av menyen der du vil det skal vises .
8

Høyreklikk på menyens rektangel lag i Lag-panelet og velg " Copy Lagstil . " Høyreklikk på drop -down er lag og velg "Lim Lagstil . " å gjøre dette vil gjelde hovedmenyen skygge og gradient til drop -down delen av menyen .
9

Bruk tekstverktøyet til å plassere sample menyelementene på drop- down . Bruk " Enter"-tasten for å legge til mellomrom mellom menyelementer .