Pogu izveide mobilajām saskarnēm Photoshop CS6

Šāda veida pogas ir ļoti populāras, it īpaši, ja strādājam pie detaļām mobilajām saskarnēm, piemēram, iPhoneFaktiski tieši šī ierīce bija tāda veida pogas, kas izskatās kā maza spīdīga plastmasas cilniņa, kurai trāpās neliels gaismas atspulgs.
Lai izveidotu šāda veida pogas, mēs izmantosim pamatmetodes, piemēram, taisnstūra formas ar noapaļotām malām, slīpumu izmantošanu un krāsu paletes, lai sasniegtu vajadzīgos efektus.
Vispirms mums jāsāk process, ģenerējot pogas pamatformu, lai to izdarītu, mēs veiksim šādas darbības.
1- Sāksim, izveidojot a vektors veidota kā taisnstūris ar noapaļotām malām, un slāņu izvēlnē mēs izmantosim efektu pārklāšanās gradients:

2- Gradientam jābūt tumšā krāsā augšējā daļā un tādas pašas krāsas variācijai, bet gaišākai apakšējā daļā, proporcijai var būt 80% tumšs un a 20% skaidrība.
3- Tagad mums ir slāņa dublikāts, šim nolūkam mēs varam nospiest taustiņu kombināciju CTRL + J.Mēs to darām, lai varētu mainīt gradientu dublētajā slānī, tāpēc pēc dublēšanas mēs veiksim dubultklikšķi uz gradienta efekta.
4- Mēs rediģēsim gradientu, iestatot tā necaurredzamību uz a 50% un mēs mainīsim krāsas uz baltu fonā, un vieglākā daļa būs caurspīdīga:
5- Tagad nākamais solis, kas mums jādara, ir izdzēst enkurus, lai to atlasītu punktu rīks, ideja ir pārvietot dublētā slāņa atsauces tā, lai tas aptvertu tikai aptuveni trešdaļu audekla.
6- Tagad mēs izveidosim izliekumu dublētā slāņa apakšējā malā, šim nolūkam mēs izmantosim rīku virziena izvēle un līnijas centrā mēs ģenerējam nepieciešamo kustību.
7- Kad mēs gatavojamies pabeigt, mēs mainīsim slāni un mainīsim necaurredzamību uz aptuveni 65% un uzpildes parametru o Aizpildīt mēs to atstāsim uz 0, tāpēc viss veidosies.
8- Visbeidzot, mēs varam pievienot attēlu vai tekstu, to darot, mums ir jānovieto neliela ēna, lai tā izceltu elementu un mēs varētu to saistīt ar pogu:

Kā redzam, mēs esam izveidojuši pogu, kas ir ļoti līdzīga tām, kuras tiek izmantotas mobilajās saskarnēs; tās sniedz mums pārsteidzošu un svaigu izskatu, ko varam iekļaut savās skicēs un priekšlikumos par mobilajām saskarnēm, tās tiek izmantotas vairāk nekā jebkas, lai attēlotu lietojumprogrammas un šādus elementus, nevis lietotāja pamata darbībām, tomēr ikviens var izmantot savu radošumu, lai iegūtu viņiem pozīciju.
Ar to mēs pabeidzam šo apmācību, jo, kā redzējām, mēs izmantojam vairākas pamata metodes, lai iegūtu gala rezultātu, jāatzīmē, ka jo vairāk mēs praktizēsim, jo ​​ātrāk mēs darbosimies un mēs varēsim radīt šos elementus ar lielāku drošību.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu