Även känd som " suckerfish " menyer , rullgardinsmenyer visar undermenyer som fälls ner från huvudmenyn när användaren håller muspekaren över menyalternativ innehåller länkar till underavdelningar av en webbplats . Även utvecklare behöver inte längre göra dessa menyer av bilderna för att visa dem på webbsidor , designers måste fortfarande " mockup " drop- downs i deras Web design . Det är en bra idé att designa huvudmenyn och minst ett prov dropdown , när du sedan gömma genom att klicka på " ögat " -ikonen bredvid lagret på panelen Lager i Photoshop . Instruktioner
1 Photoshop
belastning på din dator och öppna filen som innehåller din webbplats design eller skapa en tom fil . Skapa den tomma filen , om du vill använda en, genom att trycka " Ctrl + N " på ditt tangentbord och skriv in en bredd på 960 pixlar eller mer och en höjd på cirka 500 pixlar eller mer . Om du lägger på menyn till en befintlig webbplats utformning , tryck "Shift + Ctrl + N " på ditt tangentbord för att skapa ett nytt lager .
2
Klicka rektangeln - ikon av formverktyg . Klicka och håll ned på formen verktyget ikon om du vill välja rundad rektangel verktyget , när formen verktygets undermeny visas , välj rundad rektangel verktyget och ange en radie belopp i fältet Radie på verktyget alternativverktygsfältet . Värden mellan 10 och 20 pixlar fungerar bra .
3
Placera muspekaren på bilden där du vill skapa menyn . Klicka och dra pekaren tills formen kontur med önskad form och storlek för drop -down , sedan släpper musknappen .
4
Dubbelklicka på rektangeln lagrets namn på panelen Lager för att ladda " Blending Options " dialogrutan . Klicka på " Skugga " och konfigurera inställningarna tills du skapar en skugga för att passa dig .
5
Gå till Gradient Overlay på Blending Options dialogrutan och klicka på dropdown bredvid Gradient . Välj en befintlig gradient från lapparna under Förval eller skapa din egen lutning . Dubbelklicka på den nedre vänstra pilen på lutning förhandsgranska och välja den första färgen för en anpassad lutning . Dubbelklicka på den nedre högra pilen på övertoningen för att välja den andra färgen . Klicka på " OK " när du är klar .
6
Klicka på " T " -ikonen i verktygsfältet . Placera markören över menyraden , där du vill börja skriva menyalternativen . Skriv varje menyalternativ , använda mellanslagstangenten så många gånger som du behöver mellan varje punkt . Dubbelklicka på textlagret på panelen Lager för att markera text och välj sedan ett typsnitt från rullgardinsmenyn i verktyget alternativmenyn . Välj en storlek och en färg som väl.
7
Skapa ett nytt lager genom att trycka " Ctrl + Shift + N " på tangentbordet . Klicka på den nya lagrets namn på lagerpanelen och dra den under menyraden s rektangel skikt . Rita den nedrullningsbara delen av menyn där du vill att den ska visas .
8
Högerklicka på menyns rektangeln lagret på panelen Lager och välj " Style Copy Layer . " Högerklicka på den nedrullningsbara s lager och välj " klistra Layer Style . " att göra detta kommer att gälla i huvudmenyn baren skugga och toning till drop -down delen av menyn .
9
Använd textverktyget för att placera prov menyalternativ på rullgardinsmenyn . Använd " Enter" för att lägga till utrymmet mellan menyalternativ .
