Adobe Photoshop er industristandarden for å arbeide med digitale bilder og grafisk design . Mye av det estetiske innholdet du ser på de beste designet nettsider ble unnfanget og skapt i Photoshop. Imidlertid er Photoshop bra for mer enn bare estetikk , en av de mange andre aspekter for ditt nettsted som kan lages med programvaren er en pop -up menyen . Instruksjoner
Opprette Meny
en

Åpne Adobe Photoshop og velg " File - > New". Velg " Web" forhåndsinnstilt og 1024 x 768 dimensjon alternativ for en idé om hvordan pop -up menyen skal være skalert og størrelse for en vanlig nettleservindu.
2

Velg "Line funksjonen" fra verktøy panel og "Shift + klikk " mens du drar sidelengs for å tegne en horisontal linje over lerretet . Du kan sette noen forgrunn farge du liker å bestemme fargen på linjen , vi kommer til å feste med denne fargen for pop -up -meny samt
3

Velg " Type. verktøy . " Flytt markøren nær linjen , og klikk når du ser en snirklete linje ved siden av typen markøren. Dette aktiverer " type på banen "-funksjon.
4

Sett din tekst preferanser for din meny flyout tekst. Skriv ut en overskrift ord for menyen .
5

Re- velg " tekstverktøyet ", og klikk der du vil at uttrekksmeny å begynne under overskriften. Skriv ut underoverskrifter , trykke på " Return " tasten for å starte hver ny. Hvis du ønsker å endre avstanden mellom underoverskrifter , markere tekst og åpne " Character" panel for å justere de ledende innstillinger .
6

Velg " rektangel funksjonen" og tegne et rektangel rundt subhead tekst for å lage en bakgrunn for den pop -up menyen . Bruk " Move verktøyet " for å justere rektangelet til den horisontale linjen. . Flytte rektangelet laget under den horisontale linjen laget i " Lag" -panelet
7

Tilbake til subhead teksten laget og velg " Layer - > Rasteriser - . > Type"

8

Høyreklikk på laget i " lag" -panelet og velg " Select piksler. " Velg "Rediger - > Fill" og velge en lys farge som vil kontrast med den blå bakgrunnen . For eksempel , hvis du bruker vanlig hvitt , vil du ha en kul inverse tekst effekt for menyen .
9

Velg "Line funksjonen" og "Shift + klikk " for å skape et skille mellom første og andre undertitler. Kopiere denne linjen mellom hver subhead ved å velge " Move funksjonen" og holde nede " Option"-tasten mens du drar linjen til hvert sted.
10

Velg alle skillelinje lag i " lag " -panelet og velg" Layer - . > Gruppe layer " Velg den gruppen og velg " Fordel vertikale sentre " i "Flytt funksjonen" panelet over lerretet for å fordele linjene jevnt mellom underoverskrifter .
Klargjøring menyen din for Web

11

Velg " Slice funksjonen" fra verktøy-panelet og velg " View - > Snap " fra kontrollpanelet . Lag skiver for overskriften og hver av underoverskrifter , slik at markøren skal festes til hver linje .
12

Velg " Fil-> Lagre for Web" og sette kvalitet og fargeinnstillinger for hvordan du vil pop -up menyen skal vises på nettet .
13

Åpne og knytte bildene i Adobe Dreamweaver eller annen HTML -editor for å animere pop -up menyen .