Share
Astăzi vom crea o bibliotecă dinamică din Sketch. Acesta ar putea fi un proces destul de complicat, dar vom salva o mulțime de timp și stres folosind un plugin numit Sketch Icons. Hai să ne aruncăm!
Sketch Icons este un plugin pentru Sketch, care vă permite să importați o grămadă de pictograme, apoi setați automat o mască de culoare. Hai să vedem cum funcționează.
Începeți prin descărcarea și instalarea pluginului. Îmi place personal să folosesc Runner pentru a instala pluginurile Sketch, astfel încât să puteți utiliza și această metodă dacă doriți.
Porniți un nou document și declarați câteva culori. Faceți acest lucru făcând câteva tablouri de artă și oferindu-le nume potrivite de culoare. Plasați o formă pe fiecare, cu orice culoare doriți, apoi transformați fiecare placă de artă într-un simbol. Ar trebui să ajungeți la ceva de genul:
Trei tablouri de schițe bine organizate, dreptunghiuri, simboluriVoi veni în vrac câteva icoane, mergând la Plugin-uri> Icoane de schiță> Iconuri de import ... Icoanele Sketch vor întreba ce mărime aș dori să fie artboard-ul pentru fiecare dintre ele, așa că în acest caz mă așez în tablouri de artă de 24px cu umplutură de 3px. De asemenea, asigurați-vă că este bifată caseta de selectare pentru a converti fiecare la un simbol, și asta Adăugați o mască de culoare este de asemenea verificat.
Pe măsură ce folosim o mască de culoare, ni se dă posibilitatea de a alege culoarea inițială dintr-un picker de culoare sau din simboluri în propria noastră bibliotecă. După cum puteți vedea în imaginea de mai jos, pot selecta cele trei simboluri din documentul meu actual - perfect!
Configurarea importului de pictograme SketchOdată ce suntem mulțumiți de setările noastre, faceți clic pe Continua pentru a selecta fișierele cu pictograme pe care dorim să le importăm. Pictogramele dvs. vor fi adăugate în documentul dvs., aranjate în mod corespunzător în tablouri de artă potrivite și disponibile ca simboluri.
Icoanele importate în SketchDacă vă uitați la straturile din imaginea de mai sus, fiecare dintre aceste simboluri de simbol este în esență un strat de culoare, iar pictograma dedesubt acționează ca o mască.
Când adăugați unul dintre aceste simboluri de pictograme într-o pagină din document, puteți schimba culoarea folosind culoarea Trece peste în bara laterală dreaptă. Simbolurile de culoare deja pregătite sunt disponibile într-un meniu derulant.
În plus, dacă trebuie să modificați oricare dintre culorile pe care le-ați setat inițial ca simboluri, puteți să accesați simbolul respectiv, să schimbați culoarea dreptunghiului din cadrul acestuia și această schimbare să se reflecte pe toate pictogramele afectate din documentul dvs..
Dar să vorbim puțin despre construirea unei biblioteci dinamice. Recent am publicat un tutorial despre utilizarea Bibliotecilor Sketch:
Aceste biblioteci realizează fișiere simple Sketch disponibile la nivel global, inclusiv toate simbolurile și stilurile comune din cadrul acestora. Pentru a vă face icoanele parte dintr-o bibliotecă, mergeți la Preferințe> Biblioteci> Adăugați bibliotecă. Selectați documentul nou creat și acesta va fi adăugat în lista dvs. de biblioteci.
Acum, puteți crea un document nou (nu ezitați să închideți și documentul pictogramei) și aveți toate pictogramele, cu culorile lor, disponibile pentru utilizare.
Pluginul "Sketch Icons" ne oferă o mare flexibilitate în ceea ce privește gestionarea icoanelor în Sketch. Acest tutorial scarpină suprafața și te-a pornit în direcția cea bună; dați-ne la cunoștință cum altfel lucrați cu icoane în Sketch!
Și înainte de a merge, verificați câteva seturi de pictograme disponibile pe Envato Elements; toate gata și așteaptă să fie adăugate la bibliotecile dinamice Sketch din iconițe!
Pictograma se fixează pe Envato Elements
Accentsconagua