Kuidas luua sisestatud sümboleid visandis

Kui peate failis muutma ikooni, mis eksisteerib mitmes erinevas asukohas, mida teete? Ja mida teete siis, kui peate veidi muutma ikoonile määratud värvi, mille olete terve tunni parandamiseks tundide kaupa veetnud?

Sketchi abil saate kõik ülaltoodud muudatused kiiresti teha. Sümbolid on Sketchi üks võimsamaid funktsioone suurte disainisüsteemide loomisel. Täna õpetan teile, kuidas pesastatud sümboleid väga tõhusalt kasutada.

Mis on 'pesastatud sümbolid'?

Pesastatud sümbolid on tavalised sümbolid, mis on loodud teistest Sketchis juba olemasolevatest sümbolitest. Tundub nagu mingi algusest peale ? Tegelikult on. Kuid ärge muretsege - pärast seda lühikest õpetust on teil pesastatud sümbolite kasutamine uskumatult lihtne ja aja kokkuhoid.

Vaadake järgmist näidet. Võtsin kaks lihtsat sümbolit ja ühendasin need siis teiseks:

Luues teistest sümbolitest uue sümboli, on mul võimalus tühistada uue sümboli sisse sisestatud algsete sümbolite sätted.

Kuidas luua pesastatud sümboleid

Loome ülaltoodud nupunäite, et mõista pesastatud sümbolite loomise protsessi.

1. samm: looge värvisümbolid

Alustame oma nupu jaoks mõne värvi loomisega. Looge 100xx100px ristkülik ilma ääreta ja lisage sellele sinine täidis. Nimi VÄRV / ESMASININE. Paremklõpsake sellel ristkülikul ja valige 'Loo sümbol'. Topeltklõpsake ristkülikul, et hüpata sümbolimenüüsse, seejärel kopeerige kogu sümbol.

Nimetage koopia ümber VÄRV / TEISESININE ja muutke selle täitmine teiseks värviks. Teiste värvide loomiseks saate protsessi uuesti korrata.

2. samm: looge ikoonisümbolid

Pesastatud sümboli loomiseks kasutame veel ühte elementi: ikoone. Protsess on sama mis värvidega: luuakse ikoon ja see muutub sümboliks. Seejärel dubleeritakse sümbolimenüüs kogu sümbol koos selle sees oleva ikooniga ja sellele antakse kordumatu nimi.

Tähtis: ikoonipaneeli suurus peab olema sama.

3. samm: looge pesastatud sümbolitega nupp

Pesastatud sümboli loomiseks kasutame esimeses ja teises etapis loodud värvi- ja ikoonisümboleid.

Alustuseks asetage värviline sümbol uuele tahvlile ja teisendage see nupu kujuliseks. Lisage selle peale veidi teksti ja asetage ülaosale ikoonisümbol. Valige nüüd kõik need kihid, rühmitage need ja muutke need uueks sümboliks.

See on! Nüüd saate kasutada sümboliasendusi, et muuta nupp vähemate sammudega sobivaks soovitud viisil.

4. samm (valikuline): nimetage kihid emotikonidega!

Selguse huvides võite kihtide nimedena kasutada emotikone. Kui soovite teada, kuidas seda teha, vaadake minu eelmist artiklit: Emojiside kasutamine visandifailide haldamiseks .

Siin on pesastatud sümboli ja selle alistamiste lõpptulemus: