Brug Adobe Photoshop , kan du oprette indviklede hjemmesider og hjemmeside elementer. Ikke alene kan du oprette knapper til din hjemmeside , men du kan oprette knap mouseover effekter. Når parret med JavaScript-kode , vil knappen ændre udseende , når brugeren kører sin markøren over det. Photoshop indeholder en række filtre og effekter til dette formål. En knap rollover er mere interessant at se på og giver en mere interaktiv oplevelse for hjemmesiden besøgende . Instruktioner
1
Åbn Adobe Photoshop. Når Photoshop åbnes, tryk på " File" i menulinjen , og vælg " Ny". Vælg en størrelse til din knap. En populær størrelse til web -knapper er 88 pixels med 31 pixels. Type , som ind til størrelsen boksen og tryk " OK".
2
Opret knappen. Udseendet til knappen er helt op til dig. Prøv at udfylde baggrunden i en solid farve ved at klikke på "Rediger" og vælge " Fyld ". Vælg en baggrundsfarve i den farve , og klik på "OK". Prøv at klikke på " Layer Styles " knappen i lag paletten og vælge en effekt at placere på knappen.
3
Klik på " Text " knappen i værktøjslinjen. Denne knap ligner bogstavet "T. " Aktiver tekstværktøjet ved at klikke på lærredet. Skriv den tekst, du ønsker på knappen , vælge en skrifttype vha. drop-down menuen og tryk på fluebenet i bjælken øverst i vinduet.
4
Klik på "File " i menuen bar og vælg " Gem til web ". Vælg "JPEG Medium " fra den første drop- down menuen og klik på "Gem " knappen. I det næste vindue , skal du skrive navnet på den knap , du vil , skal du vælge en placering for at gemme den i , og tryk på knappen "Gem" .
5.
Klik på "File " i Photoshop menulinjen og vælg "Ny ". Opret en ny fil med de samme dimensioner som den første knap , du har foretaget.
6
Opret en ny knap. Dette er, hvad knappen ser ud, når seeren ruller over det , så huske, i tankerne, når designe den. Det er ofte mindre distraherende at gøre den nye knap ligner den første, men med en tilføjet element, såsom en slagskygge eller en pil , der peger på det.
7
Klik på " File" og vælg "Gem for Web ". Vælg "JPEG Medium, " klik "Gem " og gem knappen i det samme sted som den første knap. Vælg et filnavn, der adskiller denne knap fra den første, og gem filen ved at klikke på knappen "Gem" .