Kuriant svetaines, dažnai naudojami trimačiai navigacijos elementai. Tokius mygtukus galima padaryti grafikos redaktoriuje „Photoshop“, imituojant garsumą naudojant šešėlius ir gradiento užpildymą.
Būtinas
„Photoshop“programa
Nurodymai
1 žingsnis
Sukurkite naują dokumentą grafiniame redaktoriuje naudodami parinktį Nauja iš meniu Failas. Pasirinkite naujo dokumento dydį, kad tilptų mygtukas, ir padarykite skaidrų foną.
2 žingsnis
Suaktyvinkite suapvalinto stačiakampio įrankį. Jei norite šiek tiek suapvalinto mygtuko, įrankių parinkčių juostoje nustatykite spindulį į vieną milimetrą. Naudodami pasirinktą įrankį, nubrėžkite suapvalintą stačiakampį. Gauta forma bus mygtuko pagrindas.
3 žingsnis
Dešiniuoju pelės mygtuku spustelėkite sluoksnį ir pasirinkite parinktį Rasterize Layer. Įkelkite pasirinkimą naudodami parinktį Įkelti pasirinkimą iš meniu Pasirinkti.
4 žingsnis
Naudokite įrankį „Gradientas“, kad užpildytumėte mygtuką dviejų spalvų gradientu, pasirinkdami tinkamą spalvų derinį iš gradiento paletės nustatymų. Gradiento stilius turėtų būti linijinis, pasirinkite jį spustelėdami mygtuką Linijinis gradientas, esantį pagrindiniame meniu. Viršutinė mygtuko dalis po užpildymo turėtų būti lengvesnė nei apatinė.
5 žingsnis
Taikykite sluoksniui stilių. Norėdami tai padaryti, naudokite kontekstinio meniu parinktį Maišymo parinktys. Pasirinkite „Drop Shadow“skirtuką ir įveskite šimto dvidešimt laipsnių kampo parametro vertę. Parametrą „Size“nustatykite į tris taškus.
6 žingsnis
Skirtuke Vidinis šešėlis nustatykite tą pačią parametro Kampas vertę, o Dydis - penkių taškų vertę. Taikykite stilių paspausdami klavišą Enter.
7 žingsnis
Padarykite mygtuko šešėlį. Norėdami tai padaryti, spustelėkite mygtuką Sukurti naują sluoksnį ir užpildykite pasirinktą naujo sluoksnio sritį juoda spalva. Tam pasirinkite „Paint Bucket Tool“. Panaikinkite žymėjimą naudodami „Ctrl“+ D.
8 žingsnis
Juodam stačiakampiui pritaikykite Gauso suliejimo filtrą iš Filtro meniu Blur grupės. Nustatykite keturių pikselių spindulį. Vilkite šešėlio sluoksnį po mygtuko sluoksniu ir pakelkite šešėlį nuo trijų iki keturių taškų aukštyn. Norėdami tai padaryti, suaktyvinkite įrankį Perkelti ir perkelkite šešėlį žymeklio mygtukais. Sumažinkite šio sluoksnio neskaidrumą iki šešiasdešimt procentų.
9 žingsnis
Padarykite aktyvųjį sluoksnį mygtuku ir įkelkite iš jo pasirinkimą. Sumažinkite pasirinkimą dviem pikseliais naudodamiesi parinkties „Sutartis“meniu „Pasirinkimas“grupėje Keisti.
10 žingsnis
Sukurkite naują sluoksnį ir užpildykite pasirinktą linijinį gradientą nuo baltos iki skaidrios, kad balta dalis būtų mygtuko apačioje. Panaikinkite pasirinkimo pasirinkimą. Naudodami parinktį „Redaguoti“iš meniu Redaguoti, vertikaliai sumažinkite plotą, kurį apima gradientas. Taikykite transformaciją naudodami klavišą Enter.
11 žingsnis
Pakeiskite gradiento sluoksnio derinimo režimą į perdangą. Tai galima padaryti pasirinkus režimą iš išskleidžiamojo sąrašo kairėje „Stilių“paletės pusėje. Sumažinkite sluoksnio neskaidrumą iki šešiasdešimt procentų.
12 žingsnis
Naudodamiesi horizontalaus tipo įrankiu, parašykite tekstą, kuris turėtų būti ant mygtuko.
13 žingsnis
Surinkite visus sluoksnius į aplanką naudodami meniu „Sluoksnis“parinktį „Grupės sluoksniai“, pažymėdami juos laikydami nuspaudę klavišą „Ctrl“. Išsaugokite mygtuką psd faile naudodami meniu Failas parinktį Išsaugoti.
