Web 2.0 er en populær stil i webdesign. Web 2.0 -knapper ser tre-dimensionelle og skinnende, som en boble , som om de er affyret ud af skærmen. Processen med at skabe web 2.0 -knapper indebærer masser af gradienter og lags arbejde. Ting du skal
Photoshop
Vis Flere Instruktioner
1

Åbn Photoshop , skal du oprette en ny fil og indstille lærredet størrelse til , hvad din knapstørrelse vil være. Grab formen værktøj fra værktøjslinjen - vælg en afrundet rektangel eller en cirkel , da det er mest udbredt i web 2.0 stil. Vælg en farve til din knap , og klik og træk for at skabe den form, således at det næsten fylder lærredet. Efterlad et par pixels omkring det for en grænse. Derefter skal du højreklikke på figuren lag i panelet Lag , og vælg " rastereffekter . "
2

Vælg gradient værktøjet. Tag et kig i drop- down gradient menuen lige under menulinjen øverst på skærmen , og finde en tofarvet gradient vha. farven på din form og hvid. Hvis du ikke kan se de farver, du ønsker , skal du klikke på gradient billedet øverst i menuen i stedet. Dette vil tage dig til en dialogboks, hvor du kan redigere, oprette og gemme brugerdefinerede gradienter . Gør din gradient ved hjælp af skydere. Når du har den gradient du har brug for , skal du indstille din gradient opacity til 40%. Så, for at Ctrl-klik eller Kommando -klik på layer ikonet i lagpanel vælge de pixels i dette lag . Klik og træk fra top til omkring 80% ned formen til at anvende gradient . Nu bruger tekstværktøjet , oprette en tekstboks og skrive teksten til din knap . Gå tilbage til din normale musemarkøren og position teksten i midten af knappen
3

Tilføj en 1 - . Eller 2 -pixel streg til din tekst ved hjælp af Layer Styles. Gør stregfarve lidt mørkere end din knap farve. Gør det samme for din knap lag. Lav en ny form, den samme som den oprindelige knap form, men omkring 90% så bred og 50% så høj som originalen. Placer det i midten og nær toppen af ​​den oprindelige knap form. Rasterisere formen ligesom du gjorde med din første form. Vælg pixels med ctrl- eller Kommando klikke på laget ikonet og slette det valgte område helt. Nu skal du vælge den gradient værktøjet igen og skabe en gradient , der går fra hvid til gennemsigtig. Nu hvor du ved, hvordan fra det sidste trin , skal det være nemt. Påfør gradient ved at klikke og trække nedad over form, så den hvide er på toppen og svinder nedad til gennemsigtig.
4

Vælg din oprindelige knap lag i panelet Lag , og dobbeltklik på den for at åbne Layer Styles dialogboksen . Derfra skal du vælge " Inner Glow " fra kolonnen til venstre og sæt opacity til 50%. Gør farven på din Glow samme nuance som din knap , men lidt lysere . For at gøre det ser endnu mere tre-dimensionelle, tilføje en slagskygge til din tekst via Layer Styles til tekstlag . Dette gør teksten se ud, som om det er æglæggende oven på en blank , semi -transparent boble.