Drop - down menu's zijn alomtegenwoordig met software geworden . Gebruikers weten bijna aangeboren , dat als ze zien dat de tekst op de top van een werkruimte , zal het meestal leveren een overvloed van andere opties eronder . Om de verticale weergave van een drop- down menu te krijgen , gebruik maken van de gereedschappen in Adobe Photoshop , de grafische component van de Adobe Creative Suite en een verticale menu - met -interface ook. Maak een verticale menu in Photoshop om uw volgende web -project past of gewoon een speelse take ontwerpen op de typische lijst van commando's , acties en artikelen gevonden in menu's . Instructies
Open Photoshop 1 . Klik op het menu " Bestand " , gevolgd door de " New " optie . Enter " VerticalMenu " in het vak "Naam" . Voer afmetingen van het menu in de " breedte " en " hoogte " doosjes , zoals " 2 " en " 5 " respectievelijk . Selecteer "duim " voor elk van de drop - down menu's . Selecteer " White " van de " Achtergrond Inhoud " drop - down menu en klik op de knop "OK " kopen van 2 Klik op de functie " Type " - . Photoshop 's versie van de tekst - door te klikken op de " T"- pictogram op de " tools" palet. Kies een lettertype voor het menu , zoals een leesbare en duidelijke " Arial " in de werkbalk aan de bovenkant van de werkruimte . Selecteer een lettergrootte en een kleur uit de werkbalk .
3 Klik op het vak " VerticalMenu " . Typ het eerste menu-item , zoals " Open . " Druk op de " Enter " -toets te laten dalen tot een nieuwe lijn , of druk op " Enter " twee keer om een lijn van ruimte te laten tussen het eerste menu-item en de tweede .
Type extra menu- items 4 , met behulp van de toets "Enter " te laten dalen tot een nieuwe lijn . Klik in de grijze ruimte van de Photoshop doek wanneer u klaar bent om de tekst in te stellen.
5 Klik op de " Line Tool " op de " Tools" venster . Als je niet een lijn icoon te zien , met de rechtermuisknop op een pictogram van een ster , grijze cirkel of grijs vierkant , en klik vervolgens op " Line Tool " van de fly - out menu .
Click 6 in het vak " gewicht " in de nieuwe werkbalk boven het werkgebied . Type " 1 px " als het niet nu al zeggen dit standaard in de doos . Klik in het vakje " Color " , selecteert u zwart en klik op " OK . "
Positie 7 de cursor in het grijze gebied aan de linkerkant van het menu . Druk op de toets ' Shift ' ingedrukt te houden . Trek een lijn naar de rechterkant van het grijze gebied van de Photoshop- canvas. De lijn gedeelte in het grijze gebied zal niet worden opgenomen in het document , maar het helpt je de lijn op het menu te plaatsen .
Herhaal 8 om extra lijnen te trekken , het scheiden van elk menu-item of waarin verscheidene menu- items in een enkel blok .
9 Klik op de " achtergrond" laag in het " Layers" palet aan de rechterkant van het scherm om het eens te focussen . Dubbelklik op de "Color Picker " aan de onderkant van de " Tools" venster . Selecteer hier een achtergrond voor het menu , zoals iets licht dat de tekst niet zal overschaduwen . Klik op "OK . "
10 Klik op het gereedschap " Emmertje " op de " Tools" venster en klik ergens in het witte van de achtergrond te vullen met kleur . Sla deze stap over voor een witte menu achtergrond .
11 Klik rechts op de " Achtergrond " laag , en selecteer " Afbeelding pletten . " Wanneer alle lagen te combineren in een , klikt u in het menu "Bestand " . Selecteer "Opslaan als ", kies dan een plek om het menu te slaan en klik vervolgens op de knop "Opslaan" .
|
