Layers vs. tegnebord: Sammenligning av metoder for Eksportere Icon Packs
TodayI har noe spesielt forberedt for deg. Vi kommer til å sammenligne twoessential Illustrator verktøy, lagpanelet og tegnebord ett, og talkabout fordelene av en over den andre whendealing med eksportprosessen av et ikon pakken.
Så, hvis du er i ikonet design, eller du justgetting i gang, kan det være lurt å lese denne artikkelen, siden det kan hjelpe youwork raskere når det kommer til det siste trinnet av individuallyexporting filene dine.
Før vi beginour sammenligning, jeg vil ha å ta et par øyeblikk og snakke om de to toolsfrom en "bruksområde" perspektiv. Med andre ord, la oss se hva purposeof hver av dem er, og la oss begynne å gjøre det ved å først gi en shortdefinition som kort preger deres natur.
lagpanelet
Hvis du har jobbet med Illustrator før, og Iguess du har, du har sikkert endret noe rundt med lagpanelet. Hvis du er newto spillet, vel, har ingen frykt-jeg kommer til å være så eksplisitt som Ican.
Fra astructural /organisatorisk perspektiv, gir dette verktøyet deg muligheten tooversee plassering av alle objektene og grupper av objekter som er en del av thedocument du jobber på, ved å isolere dem på forskjellige lag.
Du kan tenke ofLayers som gjennomsiktige ark som kan inneholde ulike objekter, ark som overlapper, slik at du . kan opprette en hierarkisk struktur, og dermed en detaljert stykke kunstverk
I tilfelle youdidn't forstå mye av det, la meg si det på denne måten: Hvis du arbeider Onan forseggjort illustrasjon som har deler av objektene går etter og overeach andre, kan du enkelt separatethese seksjoner bort på forskjellige lag, noe som gjør det enklere å få tilgang, redigere andrearrange dem.
Hmm, men holdone for et sekund, kan du ikke oppnå samme hierarkiet ved hjelp av bare én lag, og deretter lage figurer oppå den andre, siden den siste formen isalways den som sitter foran resten?
Selvfølgelig youcan, men hvorfor skulle du? Jeg forstår at du kan planlegge og bygge ved hjelp oneshape om gangen, men hva skjer når du trenger å jobbe på en bestemt sectionof design? Noen av dere sier kanskje at du kan bruke den Isolation Tool.That kan fungere, men du må sørge for at du gruppere objekter som youdevelop komposisjonen, og noen ganger kan du finne at du har createdgroups innen andre grupper, noe som betyr at du må gå inn i en dypere stateof Isolation, og som bare kompliserer ting.
Hvis du velger towork med lag, ikke bare vil du idiotsikker design, men du vil makeit mye lettere å få tilgang til og redigere, dermed gi deg mindre stresset og lar deg tofocus mer på den kreative prosessen.
Også siden Illustrator kan du lage andname så mange lag som du ønsker eller trenger, kan du gå gale og bygge somepretty interessante ting.
Den ArtboardsPanel
Mens Lag verktøyet lar deg organisere yourartwork definerer Artboard arbeidsrommet på hvilke du design. Du canthink på det som malerens lerret, et lerret som du kan skalere opp eller downdepending på prosjektets behov.
Det kule er at det vil bare showstuff at du har plassert på den, så noe utenfor sin overflate vil ikke endup i slutt forhåndsvisning /fil.
Nå, sammenlignet tothe Lag-panelet, som gir deg muligheten til å strukturere én design, tar theArtboards panel ting til et helt nytt nivå ved at du tostructure og vise flere kunstverk på samme tid.
Dette er superhelpful hvis du er en UI designer, og du må lage nettside mockups orinterfaces, siden du kan lage de forskjellige delene alt i samedocument, og gir deg en følelse av kontinuitet, og gjør det enklere å sende theproduct til klienten.
Selv om det er et flott verktøy, har den en slightdownside siden det bare gjør det mulig å lage et endelig antall illustrasjonsbrett, rundt 100, og det er da sin størrelse ikke overstiger arbeidsområdet thatIllustrator har tildelt.
Bruke Layersand illustrasjonsbrett paneler som metoder for Individuelt Eksportere Icons
På dette punktet har vi en grunnleggende idé om hva de to verktøyene wereinitially ment for, men la oss se hvordan vi kan dra nytte av dem i en ofthe mest tidkrevende og frustrerende prosesser. at av individuelt exportingthe filer av et ikon pakke
Hvis du har everworked på et ikon pakke, du definitivt vet hvordan rasende det siste trinnet ofthe prosessen kan være, siden Illustrator ikke har noen magiske knappen for å exportthem én etter én.
De fleste av thetime mennesker som skaper sin første pakke finne seg i en pickle, siden de ikke helt vet hvordan de skal sende sine produkt som PNG-filer og otherformats. Jeg vet at jeg gjorde det, og det tok meg litt tid til å leke seg og se whatworked best for meg i form av tid og brukervennlighet.
Så jeg kommer til å vise dere tre scenariosfor eksportere ikoner fra en pakke (som contains12 rekker hver med åtte ikoner, så nøyaktig 96 ikoner), der Iwill snakk om både fordeler og begrensninger ved hver metode.
Eksportere theIcons Bruke Layers Panel
OK, så først Vivil bruke lagpanelet, og se hvordan det fungerer i forhold ofworkflow.
Denne metoden er litt vanskelig siden vi er nødt til å skape en andre dokumentet og angi widthand høyden av vår Artboard til omtrent samme størrelse som vår ikon basisnettet.
Ikonene som Iam bruker som eksempel er bygget rundt en 128 x 128 px rutenett, som I'veadded en all-round padding av 8 px, så det er 136 x 136 px (highlightedwith en lys grå farge under ikonene selv).
Siden thismethod forutsetter at hvert ikon sitter på sin egen Layer, kan du nowunderstand hvorfor vi trenger det andre dokumentet, siden vi skal kopiere ikonene ontoit, og deretter skille dem ved hjelp av 100 lag.
Jeg vil ikke actuallycopy hele settet for eksempel, siden et mindre antall vil gjøre theexample så klart som en større.
Så først jeg har opprettet min andre 136 x 136 pxdocument, etter som jeg begynte å kopiere omtrent ti ikoner over, setter hver oneon sitt eget lag, merking dem fra "dokument 1" til "dokument 10".
Nå, siden hvert ikon står ved sin egen, caneasily jeg skjule alle de som jeg ikke trenger, og gjør det jeg for tiden wantto eksport synlig, som for eksempel er "dokument 1".
Dette er superhandy siden jeg kan gradvis gå gjennom pakken, uten å miste oversikten over thelast eksporteres element.
OK, så jeg har det første ikonet synlig, og jeg wantto lagre det som PNG, jeg kan enkelt gjøre det ved å gå til Fil > Lagre for Web
og så bare plukke et sted i myfolders og tildele et navn til den.
Eksportere usingthe Layers metoden er et flott alternativ når du har tid som kreves for å actuallybuild opp det andre dokumentet. Ja, det kan være mer tidkrevende, men jeg findthat ut av alle metodene det er mest nyttig når det gjelder å keepingtrack av eksportprosessen.
Anotherbenefit er at når det gjelder eksport flere formater, så ikke bare PNG, kanskje SVG og selv enkelte EPS, er prosessen mye raskere, siden du justselect laget og endre eksportinnstillinger-det er så enkelt som det.
Den eneste ulempen kan være theinitial prosess, der du må kopiere ikonene til mindre dokumentet, som kan ta deg litt tid hvis du har en stor ikonet pakke (300+).
Vi har sett hvordan vi kan eksportere våre filer usingthe Layers metoden, så Nå la oss prøve Artboard en.
Eksportere theIcons Bruke Artboard Method
Vel, theArtboard metoden litt annerledes siden det kan gjøres på to ways.Yup, du hørte meg rett, har vi alternativer.
De første oneinvolves bruker bare ett Artboard, som vi vil endre størrelse ved hjelp av base nett ofeach ikon, en av gangen, mens den andre er lik den Layersone, siden vi har å skape et større antall mindre størrelse illustrasjonsbrett.
Det er selvsagt fordeler og ulemper, men vi willget til dem i et sekund.
Eksportere UsingJust En Artboard
< p> La oss begynne med å snakke om enkelt Artboardmethod. Det er ganske enkelt, for å være ærlig. Først du være sikker på at du har satt uptwo Layers:. Én for selve ikoner og en for base nett
Når du har skilt de to, kan du startexporting ikoner ved å velge en basisnettet på en tid, og deretter gå til Objekt > Illustrasjonsbrett > Passer til SelectedArt
. Dette vil endre størrelsen på Artboard slik at det willfit selve basen rutenett av ikonet du vil lagre. Siden du willprobably ønsker å lagre det som en PNG (med gjennomsiktighet) eller kanskje en SVG, shouldremove du basisnettet før du eksporterer den.
Så som du cansee, er dette en annen relativt enkel mulighet for å eksportere dine ikoner , men ittoo har noen ulemper.
Først let'stalk om sine sterke sider. Det er raskt, ikke så fort som Layers metode, butit lett tar nummer to for fart. Som med den forrige metoden, kan du keeptrack av din siste eksportert ikon, siden du skal slette basenett, noe som gjør det enkelt å plukke opp fra der du slapp.
Også, som withthe Layers metoden, kan den håndtere større ikonet pakker, så ingen begrensninger i termsof antall elementer som du kan holde og eksport, som er prettyimportant når du har et stort ikonsett. Anmeldelser
Nå la oss snakke om ulempene. Det blir boringfast, veldig fort, siden du må klikke, velge, og deretter gå gjennom den samme fitto form alternativ om og om igjen. Så hvis din pakke er større enn 100 ikoner, sette på disse hodetelefonene og ta en kopp kaffe, siden du vil beneeding dem.
Eksportere UsingMultiple tegnebord
Og vi er nedfor metode nummer tre, de flere illustrasjonsbrett One. Som jeg har sagt før, er thisone ganske lik Lag ett, men dessverre det er begrenset til thatmaximum av bare 100 illustrasjonsbrett. Så hvis ikonet pakke går over 100 barriere, må du bruke en av de andre metodene, men hvis it'swithin grensen, da gutten vil du liker denne metoden.
I forhold til previoustwo, de flere illustrasjonsbrett man kan og bør iverksettes fra beginning.If du lurer på hvorfor, vel la oss bare si at det ville være mye lettere å createa par tegnebord og bygge dine ikoner, ett om gangen, i stedet for creatingusing én Artboard og deretter flytte dem over til en annen multi-artboard dokumentet.
Så hvis vi bruker denne metoden, ville vi simplycreate et nytt dokument ( Ctrl-N
)
som har samme størrelse som vår ikonets basegrid ( 136 x 136 px
), men i stedet ofleaving Antall tegnebord
settingat 1
, vil vi gå med somethinghigher, som 96
. Da kunne vi playaround med Spacing Hotell og Kolonner
alternativer for å få theright oppsett, avhengig av hvordan vi liker ting som skal ordnes.
Når vår dokumentet er bra å gå, kan vi begynne workingon utformingen av våre ikoner, posisjonering hver og en på sin egen Artboard.
Nå kommer sweetpart. Når du starter eksportprosessen, klikker du bare på ikonet Artboardand deretter gå til Redd for web eller hva eksport metode du foretrekker, og det er det.
OK, OK, så maybeI løy da jeg sa at Layers Metoden er den raskeste, når det er klart theMultiple Artboard ene er vinneren her. Men, la oss være ærlige, i dag når somebodycreates et ikon pakke, legger til at personen vanligvis mer enn 100 stykker toit, og så den tredje metoden ville ikke engang være et alternativ.
Hmm, vent litt, det er virkelig ekte? Jeg mener du kan lage to, fire dokumenter hver med 100 illustrasjonsbrett, og gruppere ikonene etter kategorier. På denne måten når du gothrough eksportprosessen, vil ting gå ganske utrolig fort. Den eneste timeyou tregere ville bli når du trenger å endre dokumentet, som egentlig ikke er så tidkrevende.
Så, er den tredje metoden ser ganske bra incomparison til konkurrentene, men hva om sine ulemper ?
Vel, hvis du er workingon et lite ikon pakke, kunne jeg virkelig si at det har ingen. Hvis du jobber på abigger en, vel det eneste negative jeg kan tenke på er at på et tidspunkt youmight mister oversikten over den siste eksportikonet, men hvis du bruker agood navnesystemet, vil det ikke skje.
< h2> Konklusjon
Det du haveit. en rask og grundig sammenligning av de tre som kan eksportere methodsthat kan virkelig hjelpe deg å avgjøre hva som er det beste alternativet for deg når det comesto levere dine dyrebare ikoner som enkelte eiendeler
< p> Som alltid jeg håper du likte den opplæringen, andmost viktigere lært noe nytt og interessant underveis.