Hey guys back-to-back Photoshop Tutorials. I dette selvstudium jeg skal nok lære dig, hvordan du opretter I-Phone Like Knap i Photoshop. Dette er meget simpelt og ganske effektiv tutorial. Jeg håber du vil nyde denne tutorial.

Final Preview

Det er, hvad vi gået gøre i dag

Trin # 1

Åbne Photoshop og oprette et nyt dokument, mine er 550 × 398px med en hvid baggrund.

Trin # 2

Fyld farve i baggrunden lag, min farve er # 333333.

Skridt # 3

Opret et nyt lag navn laget Stripe gradient. Vælg den Rectangular Marquee Tool og skabe hvid stribe.

Styling den stribe Layer dobbelt-klik på stribe Layer miniaturen i Lag-panel til at åbne dialogboksen Lagtype, vil vi anvende en lodret gradiant effekt til din baggrund. Klik derefter på c olor gradient til højre på forløbet mulighed for at åbne op Color Gradient Editor.

Dobbelt-klik på venstre-farve-stop, og indtast farveværdi # aaaaaa, dobbelt-klik på venstre-centrum-farve-stop, og indtast farveværdi # CCCCCC, dobbelt-klik på højre-centrum-farve-stop, og indtast farveværdi # dddddd, dobbeltklik derefter på højre-farve-stop og indtast farveværdi # ffffff.

Skal se sådan ud.

Trin # 4

Vælg Afrundet rektangel Tool og skabe knappen, mine radius er 90X40px.

Nu gælder en vis effekt

Gradient Overlay

Styling de Button dobbelt-klik på knappen Layer miniaturen i Lag-panel til at åbne dialogboksen Lagtype, vil vi anvende en lodret gradiant virkning for din knap. Klik derefter på farveovergangen til højre på forløbet mulighed for at åbne op Color Gradient Editor.

Dobbelt-klik på venstre-farve-stop, og indtast farveværdi # 000000, dobbelt-klik på venstre-centrum-farve-stop, og indtast farveværdi # 222222, dobbelt-klik på højre-centrum-farve-stop, og indtast farveværdi # 444444, dobbeltklik derefter på højre-farve-stop og indtast farveværdi # 666666.

Facet og prægning

Næste anvende Facet og prægning lag stil. At ændre stil til Ydre Facet, end at ændre værdierne Depth, Størrelse og bløde. Jeg vælger at sætte dybde på 100%, Size på 1px og Blødgør på 10px

Vigtig del af denne Tutorial: Hold Vinkel på -90 ^o, Højde ved 40 ^o

Fremhæv mode: Jeg vælger at indstille Opacity til 100%.

Shadow mode: Jeg vælger at indstille Opacity til 100%.

Slag

Endelig vil vi anvende Stroke. Først at ændre værdierne af størrelse. Jeg vælger at indstille størrelsen på 1px. Ændre holdning på Inside

Jeg vælger at indstille Opacity til 80%.

Skift stregfarven fra standard til # 222222

Skal se sådan ud.

Trin # 5

Vælg tekstværktøjet og skrive tekst på forsiden.

Vi vil anvende en vis effekt for tekst.

Facet Relief

Dobbelt-klik på tekst laget miniature i Lag-panelet for at åbne dialogboksen Lagtype. Vi vil anvende Facet prægning, først at ændre typografi til Ydre Facet og Teknik til Chisel Soft, end at ændre værdier Depth, Retning, Størrelse og bløde. Jeg vælger at sætte dybde på 130%, Direction på ZA Str. på 1px og Blødgør på 0px

Vigtig del af denne Tutorial: Hold Vinkel på 90 ^o, Højde ved 30 ^o

Fremhæv mode: Jeg vælger at indstille Opacity til 0%.

Shadow mode: Jeg vælger at indstille Opacity til 50%.

Final Preview

Endelig har vi gjort dette selvstudium.

Det er, hvad vi gået gøre i dag

Download den kildefil

Hvis du ønsker at kontrollere dit arbejde, kan du downloade de færdige filer i dette selvstudium.

iPhone-like-buttons.rar (21,3 kb)

Filed under: Photoshop, Tutorials af admin