Ook bekend als " suckerfish " menu's , drop - down menu's weer te geven submenu's die naar beneden vallen in het hoofdmenu wanneer een gebruiker de muisaanwijzer boven menu- items met links naar sub - secties van een website . Hoewel de ontwikkelaars niet meer nodig om deze menu's te maken van beelden om ze weer te geven op webpagina's , ontwerpers moeten nog " mockup " drop - downs in hun webpagina ontwerpen . Het is een goed idee om het hoofdmenu en ten minste een monster dropdown , ontwerpen als je dan kunt verbergen door te klikken op het "oog " icoon naast de laag in het deelvenster Lagen in Photoshop . Instructies Load Photoshop 1 op uw computer en open het bestand met het ontwerp van uw website of maak een leeg bestand . Maak het leeg bestand , als u wenst om een te gebruiken , door op " Ctrl + N " op uw toetsenbord en voer een breedte van 960 pixels of meer en een hoogte van ongeveer 500 pixels of meer . Als het toevoegen van het menu om een bestaande website ontwerp , druk op " Shift + Ctrl + N " op uw toetsenbord om een nieuwe laag te maken . Klik 2 de rechthoek - pictogram in de vorm van de shape tool . Klik en houd op het gereedschap icoon vorm als u wilt de afgeronde rechthoek gereedschap te selecteren ; toen submenu van de shape tool verschijnt , selecteert u de afgeronde rechthoek tool en voer een straal bedrag in het veld Radius van de opties werkbalk tool. Waarden tussen de 10 en 20 pixels werken goed . Plaats 3 de muis cursor over de afbeelding waar u het menu wilt maken . Klik en sleep de cursor tot aan de vorm omtrek overeenkomt met de gewenste vorm en grootte van de Dubbelklik op de naam van de rechthoek layer 's drop-down , vervolgens de muisknop los . 4 in het deelvenster Lagen aan de laden " Blending Options " dialoog . Klik op " Slagschaduw " en de instellingen configureren totdat u een schaduw te creëren naar uw wens . 5 Ga naar Gradient Overlay op de Blending dialoogvenster Opties en klik op de dropdown naast Gradient . Selecteer een bestaande helling van de stalen onder voorinstellingen of maak uw eigen verloop. Dubbelklik op de pijl linksonder op de helling voorbeeld en selecteer de eerste kleur voor een aangepaste gradiënt . Dubbelklik op de bottom - pijl naar rechts op de helling naar de tweede kleur te selecteren . Klik op ' OK ' als u klaar bent . 6 Klik op de "T " -pictogram in de werkbalk . Plaats de cursor op de menubalk , waar u wilt beginnen met het typen van de menu- items . Typ elk menu-item , met behulp van de spatiebalk zo vaak als je nodig hebt tussen elk item . Dubbelklik op de tekstlaag in het deelvenster Lagen om de tekst te markeren , selecteer vervolgens een lettertype uit het drop -down in het menu opties voor het gereedschap . Kies een formaat en een kleur ook. 7 Maak een nieuwe laag door op ' Ctrl + Shift + N " op het toetsenbord . Klik op de naam van de nieuwe laag in het deelvenster Lagen en sleep deze onder de menubalk rechthoek laag. Teken de drop-down gedeelte van het menu waar u het wilt weergeven . 8 Klik met de rechtermuisknop op het menu van de rechthoek laag in het deelvenster Lagen en selecteer " Copy Layer Style . " Klik met de rechtermuisknop op laag en de drop-down 's selecteren " Paste Layer Style . " Door dit te doen zal schaduw en kleurverloop het hoofdmenu 's van toepassing zijn op het drop-down gedeelte van het menu . 9 Gebruik het tekst gereedschap te plaatsen monster menu-items op het drop -down . Gebruik de toets " Enter " om de ruimte tussen de menu- items toe te voegen .
|