Web 2.0 er en populær stil i webdesign. Web 2.0 knapper ser tredimensjonalt og skinnende, som en boble , som om de dukker opp på skjermen. Prosessen med å lage web 2.0 -knapper involverer mange graderinger og lag arbeid . Du trenger
Photoshop
Vis flere instruksjoner
en

Åpne Photoshop , opprette en ny fil og sette lerretet størrelse til hva knappen størrelse vil være . Grab formen verktøyet fra verktøylinjen - velge en avrundet rektangel eller sirkel , siden det er mest vanlig i web 2.0-stil . Velg en farge til knappen , og klikk og dra for å lage figuren slik at det nesten fyller lerretet . Forlate et par piksler rundt det for en grense. Deretter høyreklikker du formlag i Lag-panelet og velg " Rasteriser . "
2

Velg gradient verktøyet. Ta en titt i drop -down gradient menyen rett under menylinjen på toppen av skjermen din , og finne en to - farge gradient med fargen på din form og hvitt. Hvis du ikke ser de fargene du ønsker , klikk på gradient bildet øverst på menyen i stedet . Dette vil ta deg til en dialogboks der du kan redigere , opprette og lagre egendefinerte gradienter . Gjør din gradient hjelp av glidere . Når du har gradient du trenger , sett gradient opacity til 40% . Så, for å Ctrl-klikk eller Kommando -klikk på layer ikonet i lag -panelet velger pikslene i dette laget . Klikk og dra fra topp til ca 80 % ned formen å bruke gradient . Nå , ved hjelp av tekst -verktøyet, opprette en tekstboks og skriv inn teksten til knappen . Gå tilbake til normal musepekeren og plassere teksten i sentrum av knappen
3

Legg en 1 - . Eller 2 -pixel slag til tekst ved hjelp av Layer Styles . Gjør strøkfargen litt mørkere enn din knapp farge. Gjør det samme for din knapp lag . Lag en ny form den samme som den originale formen på knappene , men ca 90% like bred og 50 % så høy som den opprinnelige . Plasser den i sentrum og nær toppen av den opprinnelige knapp form. Rasteriser formen som du gjorde med den første form. Velg piksler ved å Kontroll - eller Kommando - klikke på lag ikonet og slette det valgte området helt. Nå velger gradient verktøyet igjen og lage en gradient som går fra hvit til gjennomsiktig. Nå som du vet hvordan fra det siste trinnet , bør det være enkelt . Påfør gradient ved å klikke og dra nedover på tvers formen så den hvite er på toppen og fades ned til gjennomsiktig.
4

Velg den opprinnelige knappen lag i Lag-panelet , og dobbeltklikk på den for å åpne Layer Styles dialogboksen . Derfra velger du "Inner Glow" fra kolonnen til venstre og sett opacity til 50 % . Gjør fargen Glow din samme fargetone som knappen din, men litt lysere . Slik at den ser enda mer tredimensjonalt , legge til skygge på teksten via Layer Styles for teksten laget . Dette gjør teksten ser ut som om det er liggende på toppen av en glanset , semi -transparent boble .