„Photoshop CS6“ mobiliųjų sąsajų mygtukų kūrimas

Šie mygtukų tipai yra labai populiarūs, ypač kai mes gaminame dalis mobiliosioms sąsajoms, tokioms kaip „iPhone“Tiesą sakant, būtent šis prietaisas įtraukė tokio tipo mygtukus, kurie atrodo kaip mažas blizgus plastikinis skirtukas, į kurį patenka nedidelis šviesos atspindys.
Norėdami sukurti tokio tipo mygtukus, mes naudosime pagrindinius metodus, tokius kaip stačiakampės formos su užapvalintais kraštais, gradientų naudojimas ir spalvų paletės, kad būtų pasiektas reikiamas efektas.
Pirmiausia turime pradėti procesą sukurdami pagrindinę mygtuko formą, todėl atliksime šiuos veiksmus.
1- Pradėkime nuo sukūrimo vektorius formos kaip stačiakampis su užapvalintais kraštais, o sluoksnių meniu taikysime efektą persidengiantis gradientas:

2- Gradientas turi būti tamsios spalvos viršutinėje dalyje ir tos pačios spalvos, bet šviesesnis apatinėje dalyje, proporcija gali būti 80% tamsus ir a 20% aiškumo.
3- Dabar mes turime dubliuoti sluoksnį, tam galime paspausti klavišų kombinaciją CTRL + J.Mes tai darome, kad galėtume pakeisti dubliuoto sluoksnio gradientą, todėl, kai jis bus dubliuotas, dukart spustelėsime gradiento efektą.
4- Redaguosime gradientą, nustatydami jo nepermatomumą į a 50% ir mes pakeisime spalvas į baltas fone, o lengviausia dalis bus skaidri:
5- Kitas žingsnis, kurį turime padaryti, yra ištrinti inkarus, todėl mes pasirinksime taško įrankis, idėja yra perkelti dubliuoto sluoksnio nuorodas, kad jis apimtų tik apie trečdalį drobės.
6- Dabar mes sukursime kreivumą apatiniame dubliuoto sluoksnio krašte, tam mes naudosime įrankį krypties pasirinkimas o linijos centre generuojame reikiamą judesį.
7- Kai baigsime, pakeisime sluoksnį ir pakeisime nepermatomumą iki maždaug 65%, o užpildymo parametrą o Užpildykite paliekame 0, tai viskas įgaus formą.
8- Galiausiai galime pridėti paveikslėlį ar tekstą, tai darydami turime įdėti nedidelį šešėlį, kad jis paryškintų elementą ir galėtume jį susieti su mygtuku:

Kaip matome, mes sukūrėme mygtuką, labai panašų į tuos, kurie naudojami mobiliųjų įrenginių sąsajose, jie suteikia mums stulbinančią ir šviežią išvaizdą, kurią galime įtraukti į savo eskizus ir pasiūlymus dėl mobiliųjų sąsajų, jie yra naudojami daugiau nei bet kas, kad atspindėtų programas ir tokiems elementams, o ne pagrindiniams vartotojo veiksmams, tačiau kiekvienas gali panaudoti savo kūrybiškumą, kad gautų jiems poziciją.
Baigę šią pamoką, matėme, kad galutiniam rezultatui pasiekti taikome keletą pagrindinių metodų, reikia pažymėti, kad kuo daugiau praktikuosime, tuo greičiau būsime ir galėsime šiuos elementus sukurti labiau saugiai.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką