Design Glossy Web 2.0-knapp i Photoshop
Letar du efter att designa lite glatt webb 2.0-knapp? Här är en enkel Photoshop-handledning som ger dig steg för steg hur du får en snygg röd glansig knapp.
Steg 1 - Skapa basen
Avfyra en ny duk och justera följande inställningar (markerade i gul) enligt bilden nedan. Resten ska komma som standard. Du kanske vill dubbelkolla med standardinställningarna också.
Skapa ett nytt lagersamtal "Knapp"
På lager "Knapp", välj verktyget Rundad rektangel
Ge den en radie av 7px
Rita en rektangel som liknar bilden nedan.
Steg 2 - Röd knapp
Högerklicka på blandningsalternativen för knappen "Knapp"
Tweak följande inställningar för
Drop Shadow
Inre skugga
Bevel och Emboss
Gradiantöverlagring
Din knapp ska se ut så här
Steg 3 - Skapa en blank effekt
Skapa ett nytt lager-samtal "Glas"
Välj Retangular markeringsverktyg, se till att du väljer "Button" -lagret. Håll din ctrl-nyckel och klicka på lager 'Knappar”s lager miniatyrbild. Din knapp ska nu markeras.
Välj "Glass" -knappen nu, håll Alt-tangenten med Retangulär markeringsverktyg markerad. Rita (klipp) över den nedre halvan av knappen som bilden nedan.
Fyll det markerade området med vit färg #ffffff med Paint Bucket Tool
Justera opacitet till 18%
Du ska ha en blank knapp som ser ut så här.
Steg 4 - Mönsteröverläggning
Låt oss ge knappen lite litet mönsteröverlagring. Jag använder den anpassade stripe5px som skapats tidigare. Skapa ett nytt lagersamtal "Mönster" mellan "Knapp" och "Glas" och fortsätt med blandningsalternativ.
Välj Mönsteröverlägg, välj Stripe5px (eller vilket mönster du har skapat) och klicka på OK och stäng sedan dialogen.
Se till att du fortfarande är på Rektangulär markeringsverktyg, håll kvar
Steg 5 - Infoga text
Kasta lite slumpmässig text i vit #ffffff-färg med följande inställningar
Använd följande blandningseffekter på min texts lager.
Drop Shadow
Steg 6 - Slutlig utgång
Du borde få en bild så här.
