Hey guys back-to-back Photoshop Tutorials. V tem Tutorial bom izvedeti, kako ustvariti I-Phone kot gumba v Photoshopu. To je zelo enostavno in precej učinkovit tutorial. Upam, da boste uživali to tutorski.

Final Preview

To je tisto, kar smo šli do danes

Korak # 1

Odprite Photoshop in ustvariti nov dokument, moj je 550 x 398px z belim ozadjem.

Korak # 2

Izpolnite barvo ozadja plasti, moja barva je # 333.333.

Korak # 3

Ustvari novo ime plast gradient Žitna progasta plast. Izberite Rectangular Nadstrešek Tool in ustvarjanje z belo črto.

Styling Žitna progasta Layer dvojni klik na sličico Žitna progasta Layer na plošči Plasti odprtje Layer Styles pogovorno okno, bomo se navpično gradiant učinek za vaše ozadje. Nato kliknite na naklonu c olor o pravici Gradient možnost za odprtje Color Gradient Editor.

Dvokliknite na levi-barva-stop in vpišite barvo vrednost # aaaaaa, dvojni klik na levi center-barva-stop in vpišite barvo vrednost # CCCCCC, dvokliknite na desni-center-barva-stop in vnesite color vrednost # dddddd, nato dvokliknite na desni-barva-stop in vnesite vrednost # ffffff barvo.

Če bi videti to.

Korak # 4

Izberite Rounded Rectangle Tool in ustvarite gumb, rudnik polmer je 90X40px.

Zdaj se malo vplivajo

Gradient Overlay

Styling Button dvojni klik na sličico gumb Layer v Layers Panel odprtje Layer Styles pogovorno okno, bomo se navpično gradiant učinek za vašo Button. Nato kliknite na barvo gradienta o pravici Gradient možnost za odprtje Color Gradient Editor.

Dvokliknite na levi-barva-stop in vnesite vrednost barvo # 000000, dvojni klik na levi center-barva-stop in vnesite vrednost barvo # 222222, dvokliknite na desni-center-barva-stop in vnesite color vrednost # 444.444, nato dvokliknite na desni-barva-stop in vnesite vrednost # 666666 barvo.

Bevel in Klesati

Nato se Bevel in Klesati plast slog. Spreminjanje slog Outer Bevel, kot spreminjanje vrednot Depth, velikost in omiliti. Sem se odločil, da nastavite Depth na 100%, velikost na 1px in mehčanje ob 10px

Pomemben del tega Tutorial: Keep Angle na -90 ^°, višina pri 40 ^°

Highlight mode: I odloči za Motnost na 100%.

Shadow mode: I odloči za Motnost na 100%.

Udarec

Na koncu bomo se kap. Prva spreminjanje vrednot Size. I odloči, da nastavite na velikost 1px. Spreminjanje položaja na Inside

I odloči za Motnost na 80%.

Spreminjanje Stroke barvo od privzete # 222222

Če bi videti to.

Korak # 5

Izberite besedilo, orodje in besedila tipa na sprednji strani.

Bomo se nekaj učinka za besedilo.

Bevel Klesati

Dvokliknite na plast Besedilo na sličico v Layers Panel odprtje Layer Styles pogovorno okno. Mi bo uporabljal Bevel Klesati, prvi Spreminjanje Style za Outer Bevel in tehniko, da CHISEL Soft, kot spreminjanje vrednot Depth, Smer, velikost in omiliti. Sem se odločil, da nastavite Depth na 130%, pri Smer Velikost Down na 1px in mehčanje ob 0px

Pomemben del tega Tutorial: shranjujte pri temperaturi 90 ^° Angle, višina pri 30 ^°

Highlight mode: I odloči za Motnost na 0%.

Shadow mode: I odloči za Motnost na 50%.

Final Preview

Končno smo naredili to tutorski.

To je tisto, kar smo šli do danes

Prenos izvorne datoteke

Če želite preveriti svoje delo, lahko prenesete datoteke PSD za to tutorski.

iPhone-všeč-buttons.rar (21,3 kb)

Pila pod: Photoshop, Tutorials by admin