Hey guys back-to-back Photoshop Tutorials. Šiame pavyzdyje aš išmokti, kaip sukurti I-PHONE, kaip Mygtuko Photoshop. Tai labai paprasta ir gana veiksminga pamoka. Tikiuosi, jums patiks ši pamoka.

Galutinė Peržiūrėti

Tai, ką mes šiandien atvyko daryti

Žingsnis # 1

Atidaryti Photoshop ir sukurkite naują dokumentą, mano yra baltame fone 398px 550 ×.

Žingsnis # 2

Užpildykite fone sluoksnis spalvotas, mano spalva # 333333.

Žingsnis # 3

Sukurkite naują sluoksnį pavadinimu sluoksnis Stripe gradientas. Pasirinkite Rectangular Marquee Tool ir kurti balta juostele.

Styling Stripe Layer dukart spustelėkite Stripe sluoksnio thumbnail juostos sluoksnis, atverti Layer Style dialogo langas, mes taikyti vertikalią gradiant poveikį jūsų fone. Tada spauskite ant c olor gradientas dėl Gradient galimybė atverti Spalva Gradient redaktorius teisė.

Dvigubas pelės klavišu ant kairiojo spalva langelio ir įveskite spalvos reikšmę # aaaaaa, du kartus paspauskite ant kairiojo centro-color-stop ir įveskite spalvos reikšmę # cccccc, dukart spustelėkite dešiniuoju pelės centras-color-stop ir įveskite spalvos reikšmę # dddddd, tada dukart spustelėkite dešiniuoju pelės spalvotas langelio ir įveskite spalvos reikšmę # FFFFFF.

Turi atrodyti taip.

Žingsnis # 4

Pasirinkite Rounded Rectangle Tool ir sukurti mygtuką, mano spindulys yra 90X40px.

Dabar taikyti tam tikrą poveikį

Gradient Overlay

Stylizowanie mygtukų dukart paspauskite mygtuką sluoksnio thumbnail juostos sluoksnis, atverti Layer Style dialogo langas, mes taikyti vertikalią gradiant poveikis mygtuką. Tada spustelėkite spalvos gradientas dėl Gradient galimybė atverti Spalva Gradient redaktorius teisė.

Dukart spustelėkite ant kairės-color-stop ir įveskite spalvos reikšmę # 000000, dukart paspauskite ant kairiojo centro-color-stop ir įveskite spalvos reikšmę # 222.222, dukart paspauskite ant dešinės centras-color-stop ir įveskite spalvos reikšmę # 444.444, tada dukart spustelėkite dešiniuoju pelės spalvotas langelio ir įveskite spalvos reikšmę # 666666.

Bevel ir išspausti

Kitas taikyti Bevel ir apdailos sluoksnis stilius. Pakeitus stilių kosminę Bevel, kaip keičiasi gylis, dydis ir minkština vertybes. Pasirinkti nustatyti gylį, 100%, dydis ne 1px ir minkština ne 10px

Svarbi šio Tutorial: Laikykite -90 ^° kampu, aukštis, esant 40 ^°

Pažymėkite būdas: I pasirinkti Nustatyti opacity 100%.

Shadow būdas: I pasirinkti Nustatyti opacity 100%.

Šiaudas

Pagaliau bus taikomos Insultas. Pirmiausia keičiasi dydžio vertes. Pasirinkti nustatyti dydis ne 1px. Pakeitus ne Viduje pozicija

I pasirinkti Nustatyti opacity 80%.

Keisti spalvą nuo insulto nutylėjimą # 222.222

Turi atrodyti taip.

Žingsnis # 5

Pasirinkite tekstą įrankių ir įveskite tekstą į priekį.

Mes taikyti kai kurias teksto efektą.

Bevel išspausti

Dukart spustelėkite teksto sluoksnio thumbnail sluoksniai skydas atverti Layer Style dialogo lange. Mes taikyti Bevel išspausti First keitimas Stilius kosminę Bevel ir technika Chisel pamokos, kaip keičiasi gylis, kryptis, dydis ir minkština vertybes. Pasirinkti nustatyti gylį, 130%, kryptimi žemyn dydis ne 1px ir minkština ne 0px

Reikšminga šios veiklos dalis Tutorial: laikykite kampas 90 ^°, aukštis 30 ^o

Pažymėkite būdas: I pasirinkti Nustatyti opacity 0%.

Shadow būdas: I pasirinkti Nustatyti opacity 50%.

Galutinė Peržiūrėti

Pagaliau mes padarėme tai tutorial.

Tai, ką mes šiandien atvyko daryti

Parsisiųsti šaltinio failo

Jei norite patikrinti savo darbą, galite atsisiųsti PSD failo šiame vadove.

iphone-kaip-buttons.rar (21.3 kb)

Filed under: Photoshop, Mokymas admin