Share
I dag har jeg noe spesielt forberedt for deg. Vi skal sammenligne to viktige Illustrator-verktøy, lag panel og illustrasjonsbrett en, og snakk om fordelene med den ene over den andre når du arbeider med eksportprosessen av en ikonpakke.
Så hvis du er i ikondesign, eller hvis du bare har begynt, kan du lese denne artikkelen siden det kan hjelpe deg med å jobbe raskere når det gjelder det siste trinnet for å eksportere filene dine individuelt..
Før vi begynner vår sammenligning, vil jeg ta et par øyeblikk og snakke om de to verktøyene fra et "beregnet bruk" -perspektiv. Med andre ord, la oss se hva formålet med hver av dem er, og la oss begynne å gjøre det ved først å gi en kort definisjon som kort karakteriserer deres natur.
Hvis du har jobbet med Illustrator før, og jeg antar at du har, har du sikkert tinkered rundt med lag panel. Hvis du er ny i spillet, vel, ikke frykt - jeg kommer til å være så eksplisitt som mulig.
Fra et strukturell / organisatorisk perspektiv gir dette verktøyet muligheten til å overvåke plasseringen av alle objekter og grupper av objekter som er en del av dokumentet du arbeider for, ved å isolere dem på forskjellige lag.
Du kan tenke på lag som gjennomsiktige ark med papir som kan inneholde forskjellige objekter, ark som overlapper slik at du kan lage en hierarkisk struktur, og dermed et detaljert kunstverk.
Hvis du ikke forstod mye fra det, la meg si det på denne måten: Hvis du jobber med en forseggjort illustrasjon som har deler av objekter som går under og over hverandre, kan du enkelt skille disse seksjonene på forskjellige lag, slik at de gjør det lettere å få tilgang til, redigere og omorganisere dem.
Hmm, men hold deg for en sekund, kan du ikke oppnå det samme hierarkiet ved å bruke bare ett lag, og deretter lage figurer en oven på den andre siden den siste formen alltid er den som sitter foran resten?
Selvfølgelig kan du, men hvorfor ville du? Jeg forstår at du kan planlegge fremover og bygge med en form om gangen, men hva skjer når du trenger å jobbe med en bestemt del av designen din? Noen av dere kan si at du kan bruke isolasjonsverktøyet. Det kan fungere, men du må sørge for at du grupperer objekter når du utvikler komposisjonen din, og noen ganger kan du oppdage at du har opprettet grupper i andre grupper, noe som betyr at du må gå inn i en dypere isolasjonsstatus, og som bare kompliserer ting.
Hvis du velger å jobbe med lag, vil du ikke bare tåle ditt design, men du vil gjøre det mye enklere å få tilgang til og redigere, og dermed gi deg mindre stress og lar deg fokusere mer på den kreative prosessen.
Også siden Illustrator lar deg lage og navngi så mange lag som du vil eller trenger, kan du bli gal og bygge noen ganske interessante ting.
Mens lag verktøyet lar deg organisere kunstverket ditt, artboard definerer arbeidsområdet som du designer på. Du kan tenke på det som malerenes lerret, et lerret som du kan skalere opp eller ned avhengig av prosjektets behov.
Den kule tingen er at den bare viser ting du har plassert på den, så noe utenfor overflaten vil ikke ende opp i den endelige forhåndsvisningen / filen.
Nå, sammenlignet med lag panel, som gir deg muligheten til å strukturere ett design, illustrasjonsbrett panelet tar ting til et helt nytt nivå ved å la deg strukturere og vise flere kunstverk samtidig.
Dette er super nyttig hvis du er en UI-designer, og du må opprette nettsider eller grensesnitt, siden du kan lage de forskjellige seksjonene i samme dokument, noe som gir deg en følelse av kontinuitet og gjør det lettere å sende produktet til klienten.
Selv om det er et flott verktøy, har det en liten ulempe siden det bare gir deg mulighet til å lage et begrenset antall tavler, rundt 100, og når størrelsen ikke overskrider arbeidsområdet som Illustrator har tilordnet det.
På dette tidspunktet har vi en grunnleggende ide om hva de to verktøyene var ment for, men la oss se hvordan vi kan dra nytte av dem i en av de mest tidkrevende og frustrerende prosessene: det å eksportere filene til en ikonpakke.
Hvis du noen gang har jobbet med en ikonpakke, vet du absolutt hvor irriterende det siste trinnet i prosessen kan være, siden Illustratorhar ingen magisk knapp for å eksportere dem en etter en.
Mesteparten av tiden kommer folk som lager sin første pakke seg i en pickle, siden de egentlig ikke vet hvordan de skal sende produktet som PNG-filer og andre formater. Jeg vet jeg gjorde, og det tok meg litt tid å leke og se hva som fungerte best for meg når det gjaldt tid og brukervennlighet.
Så jeg skal vise deg tre scenarier for eksport av ikonene fra en pakke (som inneholder 12 rader hver med åtte ikoner, så nøyaktig 96 ikoner), der jeg skal snakke om både fordelene og begrensningene til hver metode.
OK, så først vil vi bruke lag panelet, og se hvordan det fungerer når det gjelder arbeidsflyt.
Denne metoden er litt vanskelig siden vi må lage et andre dokument og angi bredden og høyden på vår artboard til omtrent samme størrelse som vårt ikon er grunnrutenett.
Ikonene som jeg bruker som et eksempel er bygget rundt en 128 x 128 px rutenett, som jeg har lagt til en allsidig polstring på 8 px, så er det 136 x 136 px (uthevet med en lys grå farge under ikonene selv).
Siden denne metoden antar at hvert ikon sitter på egen hånd Lag, Du kan nå forstå hvorfor vi trenger det andre dokumentet, siden vi vil kopiere ikonene på det, og deretter skille dem med 100 lag.
Jeg vil egentlig ikke kopiere hele settet til dette eksempelet, siden et mindre antall vil gjøre eksemplet så klart som en større.
Så først har jeg skapt mitt andre 136 x 136 px dokument, hvoretter jeg begynte å kopiere omtrent ti ikoner over, sette hver enkelt på egen hånd Lag, merking dem fra "dokument 1" til "dokument 10".
Nå, siden hvert ikon står for seg selv, kan jeg enkelt skjule alle de jeg ikke trenger, og gjør den jeg nå vil eksportere synlig, som for dette eksempelet er "dokument 1".
Dette er superhendig siden jeg gradvis kan gå gjennom pakken, uten å miste oversikten over det siste eksporterte elementet.
OK, så jeg har det første ikonet synlig, og jeg vil lagre det som PNG, det kan jeg enkelt gjøre ved å gå til Fil> Lagre for web og så velger du bare et sted i mine mapper og tilordner et navn til det.
Eksporterer ved hjelp av lag Metoden er et godt alternativ når du har tid til å faktisk bygge opp det andre dokumentet. Ja, det kan være mer tidkrevende, men jeg finner ut av alle metodene som er mest nyttige når det gjelder å holde oversikt over eksportprosessen din.
En annen fordel er at prosessen er mye raskere når det gjelder å eksportere flere formater, så ikke bare PNG, kanskje SVG og til og med individuell EPS. Siden du bare velger laget og endrer eksportinnstillingene, er det så enkelt som det.
Den eneste ulempen er den første prosessen, hvor du må kopiere ikonene til mindre dokument, noe som kan ta deg tid hvis du har et stort ikonpakke (300+).
Vi har sett hvordan vi kan eksportere filene våre ved hjelp av lag metode, så nå la oss prøve artboard en.
Vel, den artboard Metoden er litt annerledes siden det kan gjøres på to måter. Yup, du hørte meg riktig, vi har alternativer.
Den første innebærer å bruke bare en artboard, som vi vil endre størrelsen på ved hjelp av basisnettene på hvert ikon, en om gangen, mens den andre er lik den lag en, siden vi må skape et større antall mindre størrelser av artikkelen.
Det er selvfølgelig fordeler og ulemper, men vi kommer til de på et sekund.
La oss begynne å snakke om singelen artboard metode. Det er ganske enkelt, for å være ærlig. Først må du sørge for at du har satt opp to lag: en for de faktiske ikonene og en for grunnlinjen.
Når du har separert de to, kan du begynne å eksportere ikonene dine ved å velge ett grunnruten om gangen, og deretter gå til Objekt> Kunstbrett> Tilpasset utvalgt kunst.
Dette vil endre størrelsen på din artboard slik at den vil passe til det faktiske grunnruten på ikonet du vil lagre. Siden du sannsynligvis vil lagre den som en PNG (med gjennomsiktighet) eller kanskje en SVG, bør du fjerne grunnruten før du eksporterer den.
Så som du kan se, er dette et annet relativt enkelt alternativ for eksport av ikoner, men det har også noen ulemper.
La oss først snakke om sine sterke poeng. Det er raskt, ikke så fort som lagsmetoden, men det tar lett nummer to for fart. Som med den forrige metoden kan du følge med på det siste eksporterte ikonet ditt, siden du vil slette grunnlinjen, slik at du enkelt kan hente fra hvor du sluttet.
I likhet med lagsmetoden kan den også håndtere større ikonpakker, så ingen begrensninger når det gjelder antall elementer du kan holde og eksportere, noe som er ganske viktig når du har et stort ikonsett.
La oss nå snakke om ulemperne. Det blir kjedelig fort, veldig fort, siden du må klikke, velg, og deretter gå gjennom samme passform for å forme alternativet igjen og igjen. Så hvis pakken din er større enn 100 ikoner, sett på hodetelefonene og ta en kopp kaffe, siden du vil trenge dem.
Og vi er nede på metode nummer tre, flere kunstbretten. Som jeg har sagt før, er denne en ganske lik lageneett, men dessverre er det begrenset til det maksimalt bare 100 artboards. Så, hvis ikonpakken går over 100 barrieren, må du bruke en av de andre metodene, men hvis det er innenfor grensen, vil gutten like denne metoden.
Sammenlignet med de to foregående, flere kunstbrettman kan og bør implementeres fra begynnelsen. Hvis du lurer på hvorfor, la oss bare si at det ville være mye lettere å lage et par kunstbrettog bygg ikonene en om gangen, i stedet for å lage en artboardog deretter flytte dem over til et andre multi-artboard-dokument.
Så hvis vi bruker denne metoden, ville vi bare lage en Nytt dokument (Kontroll-N)som har samme størrelse som vårt ikon er grunnrutenett (136 x 136 px), men i stedet for å forlate Antall kunstbrett innstilling på 1, vi ville gå med noe høyere, som 96. Da kunne vi leke med Spacing og kolonner alternativer for å få riktig oppsett, avhengig av hvordan vi liker ting som skal ordnes.
Når vårt dokument er godt å gå, kan vi begynne å jobbe med utformingen av ikonene våre, og plassere hver enkelt på egen hånd artboard.
Nå kommer den søte delen. Når du starter eksportprosessen, klikker du bare på ikonets artboard og deretter gå til Lagre for web eller hvilken eksportmetode du foretrekker, og det er det.
OK, OK, så kanskje jeg løyte da jeg sa at lageneMetoden er den raskeste, når det er klart flere kunstbretteten er vinneren her. Men la oss være ærlige, i dag når noen lager en ikonpakke, legger personen vanligvis mer enn 100 stykker til den, og den tredje metoden ville ikke engang være et alternativ.
Hmm, vent litt, er det virkelig sant? Jeg mener at du kan lage to, fire dokumenter hver med 100 artboards, og gruppere ikonene etter kategorier. På denne måten når du går gjennom eksporteringsprosessen, vil ting bli ganske darn raskt. Den eneste gangen du senker, ville være når du må endre dokumentet, som egentlig ikke er det tidkrevende.
Så, den tredje metoden ser bra ut i forhold til konkurransen, men hva med dens ulemper?
Vel, hvis du jobber med et lite ikonpakke, kan jeg virkelig si det har ingen. Hvis du jobber med en større, vel, det eneste dårlige jeg kan tenke på, er at du på et tidspunkt kan miste oversikt over det siste eksporterte ikonet, men hvis du bruker et godt navngisystem, vil det ikke skje.
Der har du det: En rask og grundig sammenligning av tre mulige eksportmetoder som virkelig kan hjelpe deg med å bestemme hva som er det beste alternativet for deg når det gjelder å levere dine dyrebare ikoner som individuelle eiendeler.
Som alltid håper jeg at du likte opplæringen, og viktigst lært noe nytt og interessant underveis.
Accentsconagua