Design Glossy Web 2.0 Button i Photoshop
Ønsker at designe nogle blanke udseende Web 2.0-knap? Her er en simpel Photoshop-tutorial, der giver dig trin for trin hvordan du får en flot udseende rød blank knap.
Trin 1 - Oprettelse af basen
Slå et nyt lærred op, og juster følgende indstillinger (markeret med gul) i henhold til nedenstående billede. Resten skal komme som standard. Du kan også dobbeltkryds med standardindstillingerne.
Opret et nyt lag opkald 'Button'
På lag 'Knap' skal du vælge værktøjet Rundet rektangel
Giv den en radius på 7px
Tegn et rektangel svarende til billedet nedenfor.
Trin 2 - Rød knap
Højreklik på Blending Options for 'Button' lag
Tweak følgende indstillinger for
Drop Shadow
Indre skygge
Bevel og Emboss
Gradiant Overlay
Din knap skal se sådan ud
Trin 3 - Opret blank effekt
Opret et nyt lag opkald 'Glas'
Vælg Retangular markeringsværktøj, sørg for at du vælger 'Button' -lag. HOLD din ctrl-nøgle og klik på lag 'Knapper”s lag thumbnail. Din knap skal nu fremhæves.
Vælg 'Glas' -knappen nu, hold Alt-tasten nede med Retangulær markeringsværktøj valgt. Tegn (klippe) over den nederste halvdel af knappen som billedet nedenfor.
Udfyld det valgte område med hvid farve #ffffff ved hjælp af Paint Bucket Tool
Juster opacitet til 18%
Du skal have en blank knap, der ligner dette.
Trin 4 - Mønsteroverlay
Lad os give knappen nogle små mønsteroverlejringer. Jeg bruger den brugerdefinerede stripe5px, der blev oprettet tidligere. Opret et nyt lag kald 'Pattern' mellem 'Button' og 'Glass' og fortsæt med Blending Options.
Vælg Mønsteroverlay, vælg Stripe5px (eller ethvert mønster, du har oprettet), og klik på OK, og luk derefter dialogen.
Sørg for, at du stadig er på Rectangular Marquee Tool, hold
Trin 5 - Indsætte tekst
Kast nogle tilfældig tekst i hvid #ffffff farve med følgende indstillinger
Brug følgende blandingseffekter på min teksts lag.
Drop Shadow
Trin 6 - Final Output
Du skal få et billede som dette.
