Layers vs. Artboards Compararea metodelor pentru exportul pachetelor de pictograme

Astăzi am pregătit ceva special pentru tine. Vom compara două instrumente esențiale pentru Illustrator, straturi panou și planșele de lucru unul, și vorbi despre avantajele unuia față de celălalt atunci când se ocupă de procesul de export al unui pachet de icoane.

Deci, dacă sunteți în proiectarea de icoane sau doar începi, ați putea dori să citiți acest articol, deoarece vă poate ajuta să lucrați mai repede când vine vorba de ultimul pas al exportului individual al fișierelor.

Înainte de a începe comparația noastră, vreau să iau câteva momente și să vorbesc despre cele două instrumente dintr-o perspectivă "de utilizare intenționată". Cu alte cuvinte, să vedem care este scopul fiecăruia și să începem să facem acest lucru, oferind mai întâi o scurtă definiție care caracterizează pe scurt natura lor.

Panoul straturilor

Dacă ați lucrat cu dvs. Ilustrator înainte și cred că ai făcut, cu siguranță te-ai împrăștiat cu straturi panou. Dacă ești nou în joc, nu-ți face teamă - voi fi la fel de explicit cum pot.

Din perspectivă structurală / organizatorică, acest instrument vă oferă posibilitatea de a supraveghea poziționarea tuturor obiectelor și grupurilor de obiecte care fac parte din documentul pe care lucrați în prezent, prin izolarea acestora pe diferite straturi.

Vă puteți gândi la straturi ca fiind foi transparente de hârtie care pot conține diferite obiecte, foi care se suprapun astfel încât să puteți crea o structură ierarhică și, astfel, o lucrare detaliată de artă.

În cazul în care nu ați înțeles prea mult de la asta, permiteți-mi să spun așa: dacă lucrați la o ilustrație elaborată, care are secțiuni de obiecte care se află sub și peste altele, puteți separa cu ușurință aceste secțiuni pe diferite straturi, făcându-le ușor de accesat, editat și rearanjat.

Hmm, dar țineți una pentru o secundă, nu puteți obține aceeași ierarhie folosind doar un singur strat și apoi creați formele unul pe celălalt, deoarece ultima formă este întotdeauna cea care se află în fața restului?

Bineînțeles că poți, dar de ce ai face-o? Înțeleg că puteți să vă planificați înainte și să construiți folosind o singură formă la un moment dat, dar ce se întâmplă odată ce trebuie să lucrați la o anumită secțiune a designului dvs.? Unii dintre voi ați putea spune că ați putea folosi instrumentul de izolare. Acest lucru ar putea funcționa, dar trebuie să vă asigurați că grupați obiecte pe măsură ce vă dezvoltați compoziția și uneori ați putea găsi că ați creat grupuri în cadrul altor grupuri, ceea ce înseamnă că trebuie să intrați într-o stare mai profundă de izolare și care complică lucrurile.

Dacă alegeți să lucrați cu straturi, nu numai că vă veți dovedi prost designul, dar veți face mult mai ușor să îl accesați și să îl editați, oferindu-vă astfel mai puțin greutăți și vă permit să vă concentrați mai mult pe procesul creativ.

De asemenea, din moment ce Illustrator vă permite să creați și să numiți cât mai multe straturi pe care le doriți sau aveți nevoie, puteți să vă faceți nebun și să construiți niște lucruri destul de interesante.

Panoul artboard-urilor

Întrucât straturi instrument vă permite să vă organizați operele de artă, artboard definește spațiul de lucru pe care îl proiectați. Vă puteți gândi la aceasta ca la panza pictorului, o pânză pe care o puteți scala în sus sau în jos, în funcție de nevoile proiectului.

Lucrul cool este că el va arăta doar lucruri pe care le-ați poziționat pe el, deci nimic din afara suprafeței sale nu va ajunge în previzualizarea / fișierul final.

Acum, în comparație cu straturi panou, care vă oferă posibilitatea de a structura un design, planșele de lucru panoul ține lucrurile la un nivel complet nou, permițându-vă să structurați și să afișați mai multe lucrări de artă simultan.

Acest lucru este foarte util dacă sunteți un designer de interfață și trebuie să creați machete de site sau interfețe, deoarece puteți crea diferite secțiuni în același document, oferindu-vă un sentiment de continuitate și ușurând livrarea produsului în clientul.

Chiar dacă este un instrument excelent, are un ușor dezavantaj, deoarece vă permite doar să creați un număr finit de tablouri de artă, în jurul valorii de 100, și atunci când dimensiunea lor nu depășește zona de lucru pe care Illustrator io atribuie.

Folosirea panourilor Layers and Artboard ca metode pentru exportul individual de pictograme

În acest moment avem o idee de bază despre ceea ce au fost inițial destinate celor două instrumente, dar să vedem cum putem beneficia de ele într-unul din procesele cele mai consumatoare de timp și mai frustrante: exportul individual al fișierelor unui pachet de icoane.

Dacă ați lucrat vreodată pe un pachet de pictograme, cu siguranță știi cât de infuriant poate fi ultimul pas al procesului, deoarece Illustratornu are nici un buton magic pentru a le exporta unul câte unul.

De cele mai multe ori, oamenii care își creează primul pachet se găsesc într-o murătură, deoarece nu știu cu adevărat cum să livreze produsul lor ca fișiere PNG și alte formate. Știu că am făcut-o și mi-a luat ceva timp să mă joc și să văd ce a fost mai bun pentru mine în ceea ce privește timpul și ușurința în utilizare.

Deci, vă voi arăta trei scenarii pentru exportul icoanelor dintr-un pachet (care conține 12 rânduri fiecare cu opt icoane, exact exact 96 de icoane), în timpul căruia voi vorbi despre avantajele și limitările fiecărei metode.

Exportarea pictogramelor utilizând panoul Straturi

OK, deci mai întâi vom folosi straturi și vedeți cum funcționează în ceea ce privește fluxul de lucru.

Această metodă este un pic dificilă, deoarece va trebui să creați un al doilea document și să setați lățimea și înălțimea artboard la aproximativ aceeași dimensiune ca grila de bază a pictogramei noastre.

Icoanele pe care le folosesc ca exemplu sunt construite în jurul a 128 x 128 px grilă, căruia i-am adăugat o căptușeală totală de 8 px, deci asta e 136 x 136 pixeli (evidențiate cu o culoare gri deschis sub pictogramele).

Deoarece această metodă presupune că fiecare icoană stă pe cont propriu Strat, ați putea acum să înțelegeți de ce avem nevoie de cel de-al doilea document, deoarece vom copia pictogramele pe el și apoi le vom separa folosind 100 straturi.

Nu voi copia întregul set pentru acest exemplu, deoarece un număr mai mic va face ca exemplul să fie cât mai clar decât cel mai mare.

Deci, mai întâi mi-am creat al doilea 136 x 136 pixeli document, după care am început să copiez aproximativ zece icoane, punându-le pe cont propriu Strat, etichetarea acestora de la "documentul 1" la "documentul 10".

Acum, din moment ce fiecare icoană stă pe cont propriu, pot să ascund cu ușurință toate cele care nu sunt necesare și să o fac pe cea pe care vreau în prezent să o export, vizibilă, care pentru acest exemplu este "documentul 1".

Acest lucru este foarte util, deoarece pot trece treptat prin pachet, fără a pierde urma ultimei articole exportate.

OK, deci am prima vizibilă pictogramă și vreau să o salvez ca PNG, pot să fac asta cu ușurință Fișier> Salvați pentru Web și apoi pur și simplu alegerea unei locații în dosarele mele și atribuirea unui nume la ea.

Exportarea utilizând straturi metoda este o opțiune extraordinară când aveți timpul necesar pentru a construi cel de-al doilea document. Da, ar putea fi mai mult consumatoare de timp, dar cred că din toate metodele este cel mai util atunci când vine vorba de urmărirea procesului dvs. de export.

Un alt avantaj este că atunci când vine vorba de exportul de formate multiple, deci nu doar PNG, poate SVG și chiar EPS individual, procesul este mult mai rapid, deoarece selectați doar stratul și modificați setările de export - este la fel de simplu ca și.

Singurul său dezavantaj ar putea fi procesul inițial, unde trebuie să copiați pictogramele pe documentul mai mic, ceea ce ar putea să vă ducă ceva timp dacă aveți un pachet mare de pictograme (300+).

Am văzut cum putem exporta fișierele noastre utilizând straturi metoda, așa că acum să încercăm artboard unu.

Exportarea pictogramelor utilizând metoda Artboard

Ei bine, artboard metoda este puțin diferită, deoarece poate fi făcută în două moduri. Da, m-ai auzit bine, avem opțiuni.

Primul presupune folosirea a doar una artboard, pe care le vom redimensiona folosind grila de bază a fiecărei pictograme, una câte una, în timp ce a doua este similară cu straturi unul, deoarece trebuie să creăm un număr mai mare de tablouri de artă mai mici.

Există, desigur, argumente pro și contra, dar vom ajunge la ele într-o secundă.

Exportarea folosind doar o placă Artboard

Să începem să vorbim despre single artboard metodă. Este destul de simplu, să fiu sincer. Mai întâi vă asigurați că ați înființat două straturi: una pentru icoanele reale și una pentru grilele de bază.

Odată ce ați separat cele două, puteți începe să vă exportați pictogramele selectând o rețea de bază la un moment dat și apoi mergând la Obiect> Artboards> Fit to Art.

Acest lucru vă va redimensiona artboard astfel încât să se potrivească grila de bază reală a pictogramei pe care doriți să o salvați. Deoarece probabil că doriți să o salvați ca PNG (cu transparență) sau poate cu un SVG, ar trebui să eliminați grila de bază înainte de ao exporta.

Deci, după cum puteți vedea, aceasta este o altă opțiune relativ simplă pentru exportul icoanelor, dar are și unele dezavantaje.

În primul rând, să vorbim despre punctele sale forte. Este rapid - nu la fel de rapid ca metoda Layers, dar cu ușurință are numărul doi pentru viteză. Ca și în cazul metodei anterioare, puteți ține evidența ultimei pictograme exportate, deoarece veți șterge grilele de bază, făcând-o ușor de preluat de unde ați rămas.

De asemenea, ca și în cazul metodei Straturi, se pot ocupa de pachete de pictograme mai mari, deci nu există limitări în ceea ce privește numărul de elemente pe care le puteți ține și exporta, ceea ce este destul de important odată ce aveți un imens set de pictograme.

Acum hai să vorbim despre dezavantajele. Se plictiseste repede, foarte repede, deoarece trebuie sa dai click, sa selectezi si apoi sa treci prin aceeasi optiune potrivita pentru a modela din nou si din nou. Deci, dacă pachetul dvs. este mai mare de 100 de icoane, puneți aceste căști și luați o ceașcă de cafea, deoarece veți avea nevoie de ele.

Exportarea prin utilizarea mai multor tablouri de bord

Și suntem la metoda numărul trei, tablourile multipleunu. După cum am spus mai devreme, acesta este destul de similar cu straturileuna, dar, din păcate, este limitată la maximum de 100 de tablouri. Deci, dacă pachetul dvs. de pictograme depășește bariera 100, va trebui să utilizați una dintre celelalte metode, dar dacă este în limita, atunci băiatul vă va plăcea această metodă.

Comparativ cu cele de mai sus, tablourile multiplese poate și ar trebui să fie implementat de la început. Dacă vă întrebați de ce, bine, să spunem că ar fi mult mai ușor să creați câteva Artboard-uriși construiți icoanele unul câte unul, în loc să creați folosind un Artboardși apoi să le deplasăm spre un al doilea document multi-artboard.

Deci, dacă vom folosi această metodă, vom crea pur și simplu o Document nou (Control-N)care are aceeași dimensiune ca grila de bază a pictogramei noastre (136 x 136 pixeli), dar în loc să părăsească Numărul de tablouri setare la 1, am merge cu ceva mai mare, cum ar fi 96. Apoi am putea să jucăm cu Spațiere și coloane opțiuni pentru a obține configurarea potrivită, în funcție de modul în care ne place lucrurile să fie aranjate.

Odată ce documentul nostru este bun, putem începe să lucrăm la proiectarea icoanelor noastre, poziționând fiecare pe cont propriu artboard.

Acum vine partea dulce. Când începeți procesul de exportare, faceți clic pur și simplu pe pictogramele artboard și apoi du-te la Salvați pentru Web sau orice metodă de export pe care o preferați, și asta este.

OK, bine, poate că am mințit când am spus că straturilemetoda este cea mai rapidă, atunci când este clar tabloul multipluunul este câștigătorul aici. Dar, să fim sinceri, astăzi când cineva creează un pachet de pictograme, acea persoană adaugă de obicei mai mult de 100 de bucăți și astfel a treia metodă nu ar fi chiar o opțiune.

Așteaptă o clipă, este adevărat? Vreau să spun că ai putea crea două, patru documente fiecare cu câte 100 de tablouri de artă și grupați icoanele pe categorii. În acest fel, atunci când treceți prin procesul de export, lucrurile ar merge destul de repede. Singura dată când încetiniți va fi atunci când trebuie să schimbați documentul, ceea ce într-adevăr nu consumă prea mult timp.

Deci, cea de-a treia metodă este destul de bună în comparație cu concurența ei, dar cum rămâne cu conurile sale?

Ei bine, dacă lucrați la un mic pachet de icoane, aș putea să spun că nu are nimic. Dacă lucrați la unul mai mare, singurul lucru rău la care mă pot gândi este că într-un anumit moment s-ar putea să pierdeți următoarea pictogramă exportată, dar dacă utilizați un sistem de numire bun, acest lucru nu se va întâmpla.

Concluzie

Acolo îl aveți: o comparație rapidă și amănunțită a trei metode de exportare capabile să vă ajute cu adevărat să decideți care este cea mai bună opțiune pentru dvs. atunci când vine vorba de livrarea icoanelor prețioase ca active individuale.

Ca întotdeauna, sper că te-ai bucurat de tutorial și, cel mai important, ai învățat ceva nou și interesant de-a lungul drumului.