Design Glossy Web 2.0 Button i Photoshop
Ønsker å designe noe glatt utseende Web 2.0-knapp? Her er en enkel Photoshop-veiledning som gir deg trinnvis hvordan du får en fin, rød, rød knapp.
Trinn 1 - Opprette basen
Brann opp et nytt lerret og juster følgende innstillinger (merket med gul) i henhold til bildet nedenfor. Resten skal komme som standard. Du vil kanskje også dobbeltsjekke med standardinnstillingene.
Opprett et nytt lagskall "Knapp"
På lag 'Knapp' velger du verktøyet Avrundet rektangel
Gi den en radius på 7px
Tegn et rektangel som ligner på bildet nedenfor.
Trinn 2 - Rød knapp
Høyreklikk på Blandingsalternativer for 'Knapp' -lag
Tweak følgende innstillinger for
Drop Shadow
Indre skygge
Bevel og Emboss
Gradiant Overlay
Din knapp skal se slik ut
Trinn 3 - Lag glanset effekt
Opprett et nytt lag kall "Glass"
Velg Retangular markørverktøy, pass på at du velger 'Knapp' -lag. HOLD ctrl-tasten og klikk på lag 'Knapper”s lag miniatyrbilde. Din knapp skal nå utheves.
Velg "Glass" -knappen nå, hold Alt-tasten nede med Retangulær markeringsverktøy valgt. Tegn (klipp) over den nedre halvdelen av knappen som bildet nedenfor.
Fyll det valgte området med hvit farge #ffffff ved hjelp av Paint Bucket Tool
Juster opaciteten til 18%
Du bør ha glanset knapp som ser ut som dette.
Trinn 4 - Mønsteroverlegg
La oss gi knappen noen små mønsteroverlegg. Jeg bruker den egendefinerte stripe5px opprettet tidligere. Opprett et nytt lagsamtal 'Mønster' mellom 'Knapp' og 'Glass' og fortsett med Blandingsalternativer.
Velg Mønsteroverlegg, velg Stripe5px (eller et hvilket som helst mønster du har opprettet) og klikk OK, og lukk deretter dialogen.
Pass på at du fortsatt er på Rektangulær markørverktøy, hold
Trinn 5 - Sette inn tekst
Kast litt tilfeldig tekst i hvit #ffffff-farge med følgende innstillinger
Bruk følgende blandingseffekter på min teksts lag.
Drop Shadow
Trinn 6 - Endelig utgang
Du bør få et bilde som dette.
