Adobe Photoshop er branchens standard for at arbejde med digitale billeder og grafisk design . Meget af det æstetiske indhold, du ser på de bedst designede hjemmesider blev udtænkt og skabt i Photoshop. Men Photoshop er godt for mere end blot æstetik , en af de mange andre aspekter til din hjemmeside , der kan oprettes med softwaren er en pop - up -menuen. Instruktioner
Oprettelse af menuen
1
Åbn Adobe Photoshop , og vælg "Filer -> Ny. " Vælg "Web" preset og 1024 x 768 dimension mulighed for en idé om, hvordan din pop- up -menuen skal skaleres og dimensioneret for en normal browservindue.
2
Vælg "Linie værktøj" fra værktøj panelet og "Shift + click" , mens du trækker sidelæns for at tegne en vandret linje på tværs af lærredet. Du kan indstille enhver forgrundsfarven du bestemme farven på den linje , vi kommer til at holde fast i denne farve til pop- up menu samt
3
Vælg "Type . værktøj . " Flyt markøren tæt på den linje, og klikker på, når du ser en bølgede linje ud for den type markøren. Dette aktiverer "Type på vej" -funktionen.
4
Indstil din tekst præferencer til din menu flyout tekst. Skriv en overskrift ord for menuen.
5
Genvælg "Type værktøj" , og klik , hvor du gerne vil popup-menu til at begynde under overskriften. Indtast ud af dine underoverskrifter , at trykke på " Return "-tasten for at starte hver ny. Hvis du vil ændre afstanden mellem underoverskrifter , fremhæve teksten og åbn " Tegn " panel til at justere de førende indstillinger.
6
Vælg " Rektangel værktøj" , og trække en firkant omkring underrubrikken tekst for at oprette en baggrund for pop- up -menuen. Brug " Move værktøj" til at tilpasse rektanglet til vandret linie. . Flyt rektanglet lag nedenunder den vandrette linje lag i " Lag " panel
7
Retur til underrubrikken tekst lag og vælg " Layer -> rastereffekter - . > Type"
< br > 8
Højreklik på lag i " lag " panel og vælg " Select pixels. " Vælg "Rediger -> Fyld " og vælg en lys farve, der vil kontrast med den blå baggrund. For eksempel, hvis du bruger almindelig hvid vil du have en cool omvendt tekst effekt for menuen.
9
Vælg " Linjeværktøj " og " Shift + klik " for at oprette en skillelinje mellem første og anden underoverskrifter . Dupliker denne linje mellem hver underrubrik ved at vælge "Move værktøj" og holde "Option "-tasten , mens du trækker linjen til hvert sted.
10
Marker alle af skillelinjen lag i " lag "panel og vælg" Layer - . > Gruppe layer " Vælg gruppen , og vælg "Distribuer lodrette centre " i "Move værktøj" panelet over lærredet til at distribuere linjerne ligeligt mellem underoverskrifter .
Klargøring din menu til web
< br > 11
Vælg " Slice værktøj" fra panelet Værktøjer , og vælg " Vis -> Snap " fra kontrolpanelet. Opret udsnit til overskriften og de enkelte underoverskrifter , så markøren skal fastgøres til hver linje.
12
Vælg " Fil-> Gem til web " og indstille din kvalitet og farveindstillinger for, hvordan du ønsker i pop- up -menuen skal vises på internettet.
13
Åbn og linke dine billeder i Adobe Dreamweaver eller en anden HTML editor til at animere din pop-up -menuen.
< br >