Hé srácok back-to-back Photoshop Tutorials. A bemutató fogom tanulni, hogyan hozhat létre, I-Phone Button Mint a Photoshop. Ez nagyon egyszerű és nagyon hatékony konzultáció. Remélem tetszeni fog ez a bemutató.

Final Preview

Ez az, amit ma nem ment

Step # 1

Open photoshop és hozzon létre egy új dokumentumot, az enyém 550 × 398px, fehér háttérrel.

Step # 2

Töltsük meg a szín a háttérben rétegben, az enyém színe # 333333.

Step # 3

Hozzon létre egy új réteget a réteg neve Stripe lejtőn. Válassza ki a Rectangular Marquee Tool és teremt a fehér csík.

A stílus Stripe Layer kattintson duplán a Stripe réteg miniatűr a Rétegek panel megnyitása a Layer Styles párbeszédablak, akkor alkalmazza a függőleges gradiant hatású a háttérben. Majd kattintson a "c olor gradiens a jobb oldalon a Gradient lehetőséget, hogy megnyitják a Szín Gradient Editor.

Kattintson duplán a bal-szín-stop és adja meg a szín értéke # aaaaaa, kattintson duplán a bal-center-szín-stop és adja meg a szín értéke # cccccc kattintson duplán a jobb-center-szín-stop és adja meg a color értéke # DDDDDD, majd kattintson duplán a jobb-szín-stop és adja meg a szín értékét # FFFFFF.

Így kell kinéznie.

Step # 4

Válasszuk ki a Rounded Rectangle Tool és a Create gombra, az enyém sugara 90X40px.

Most már alkalmaz valamilyen hatása

Gradient Overlay

A stílus gomb duplán kattintson a gombra réteg miniatűr a Rétegek panel megnyitása a Layer Styles párbeszédablak, akkor alkalmazza a függőleges gradiant hatása az Ön Button. , Majd kattints a színes gradiens a jobb oldalon a Gradient lehetőséget nyit a Szín Gradient Editor.

Kattintson duplán a bal-szín-stop és adja meg a szín értékét # 000000, kattintson duplán a bal-center-szín-stop és adja meg a szín értékét # 222222, kattintson duplán a jobb-center-szín-stop és adja meg a # 444.444 szín érték, majd kattintson duplán a jobb-szín-stop és adja meg a szín értékét # 666666.

Bevel és Domborítás

Következő alkalmazzák a Bevel és Domborítás réteg stílus. Megváltoztatja a stílus Outer Bevel, mint a változó értékeit Depth, méret és enyhül. Én úgy dönt, hogy állítsa be a Mélység 100%-os, Méret at 1px és enyhíteni a 10px

Fontos része a bemutató: Tartsa a szög, -90 ^o, magasság 40 ^o

Kiemelés mód: Én úgy dönt, hogy állítsa be a 100%-os fényelnyelés.

Shadow mód: Én úgy dönt, hogy állítsa be a 100%-os fényelnyelés.

Ütés

Végül is alkalmazni fogja a Stroke. Először is a változó értékének Size. Én úgy dönt, hogy beállíthatjuk, hogy a méret a 1px. Megváltoztatja az álláspontját Inside

Én úgy dönt, hogy állítsa be a Opacity 80%.

Változtassuk meg a Stroke színt az alapértelmezett a # 222222

Így kell kinéznie.

Step # 5

Válasszuk a Szöveg eszköz és típus Szöveg elöl.

Fogjuk alkalmazni némi hatása a szöveget.

Bevel Domborítás

Dupla kattintás a szöveg réteg miniatűr a Rétegek panel megnyitása a Layer Styles párbeszédpanelen. Fogjuk alkalmazni Bevel Domborítás, első megváltoztatása a stílus és az Outer Bevel Technique verni Puha, mint a változó értéke Depth, irány, méret és enyhül. Én úgy dönt, hogy beállíthatjuk, hogy a Mélység 130%, Direction at Down Mérete 1px és enyhíteni a 0px

Fontos része a bemutató: Tartsa az a szög 90 ^o, 30 ^o Magasság

Kiemelés mód: Én úgy dönt, hogy állítsa be a Opacitás 0%.

Shadow mód: Én úgy dönt, hogy állítsa be a Opacity 50%.

Final Preview

Végül tettünk, ez a bemutató.

Ez az, amit ma nem ment

Töltsd le a forrás fájl

Ha azt szeretné, hogy ellenőrizze a munkát, akkor töltse le a PSD fájlt a bemutató.

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

Kategória: Photoshop, Tutorials by admin