Som du kompilere flere HTML websider til at guide besøgende til din online domæne, give dem en enkel måde at komme rundt med klikbare knapper. Selv førstegangsbrugere vil vide, at klikke på en knap tager dem et andet sted, men med Photoshop , kan du oprette en brugerdefineret oplevelse for disse klik . Udnyt Adobe Photoshop CS5 på en knap for -creation design processen at lave knapper, der gør din HTML-side skiller sig ud. Instruktioner
1
Åbn Photoshop CS5 , skal du klikke på menuen "Filer" og klik på " Ny". Indtast navnet på den knap , såsom " HelpButton ", eller dit foretrukne filnavnet i "Navn" kasse . Indtast dimensioner for knappen i " Bredde" og " Højde " kasser , ved hjælp af pixels eller inches per dit websted krav. Klik på " Baggrund Indhold " menuen og vælg " Transparent ". Klik på " OK" knappen for at åbne knap -making lærred.
2
Klik markøren ind i midten af den farvede firkant nederst af " Funktioner" ruden i venstre side af skærmen . Vælg en farve til knappen , og klik "OK".
3
Højreklik på et ikon på en linje , grå cirkel , grå firkant eller grå stjerne nær bunden af " Funktioner" rude i venstre side af skærmen . Vælg " Afrundet rektangel Tool " eller " Ellipse Tool " til knap form.
4
Placer markøren i øverste venstre hjørne af den grå skakternede lærred. Klik og hold venstre museknap nede , og flyt derefter markøren til det nederste højre hjørne. Passe på ikke at trække ud i den grå Photoshop skrivebord. Knappen formen vises på lærredet.
5
Dobbeltklik på Layer 1 linje i " Lag " paletten. Når " Layer Style" vinduet åbnes, skal du klikke på "Drop Shadow " afkrydsningsfeltet . Dette er valgfrit, men giver knap et mere hævet udseende, som kan hjælpe med at guide besøgende til din HTML site. Klik på "OK " for at lukke vinduet.
6
Klik på " T" ikonet på "Funktioner" rude. Vælge en skrifttype , tekststørrelse og farve fra værktøjslinjen øverst på skærmen. For farve , skal du vælge en, der vil skille sig ud mod din valgte knap baggrund, såsom en hvid, hvis din knap er mørkt.
7.
Klik på knappen og skriv knappen tekst, såsom " Hjælp " eller "Start ". Træk teksten på plads i midten af knappen .
8
Højreklik på den nye tekst lag i " lag " paletten. Vælg " Merge Visible . "
9
Klik på " File" menuen og vælge " Gem som". Klik på " Format" i menuen og vælg " PNG " eller " GIF ", som vil holde knappens baggrunden gennemsigtig , der kræves for HTML-sider. Klik på "Gem "-knappen.