Share
Vandaag heb ik iets speciaals voor je voorbereid. We gaan twee essentiële Illustrator-tools vergelijken, de Lagen paneel en de tekengebieden een, en praten over de voordelen van de ene boven de andere bij het omgaan met het exportproces van een icon pack.
Dus, als je van pictogramontwerp houdt, of je bent nog maar net begonnen, wil je dit artikel wellicht lezen, omdat het je misschien helpt sneller te werken als het gaat om de laatste stap van het individueel exporteren van je bestanden.
Voordat we aan onze vergelijking beginnen, wil ik een paar momenten nemen en over de twee tools praten vanuit een "beoogd gebruik" -perspectief. Met andere woorden, laten we eens kijken wat het doel van elk van hen is, en laten we beginnen om dat te doen door eerst een korte definitie te geven die hun karakter in het kort karakteriseert.
Als je hebt gewerkt met Illustrator voorheen, en ik veronderstel dat je dat gedaan hebt, ben je zeker aan het sleutelen met de Lagen paneel. Als je nieuw bent in het spel, nou, wees niet bang - ik zal zo expliciet zijn als ik kan.
Vanuit een structureel / organisatorisch perspectief biedt deze tool u de mogelijkheid om toezicht te houden op de positionering van alle objecten en groepen objecten die deel uitmaken van het document waaraan u momenteel werkt, door ze te isoleren op verschillende Lagen.
Je kunt Lagen zien als transparante vellen papier die verschillende objecten kunnen bevatten, vellen die elkaar overlappen, zodat je een hiërarchische structuur kunt maken, en dus een gedetailleerd kunstwerk.
Als je daar niet veel van begreep, laat ik het zo stellen: als je werkt aan een uitgebreide illustratie met secties van objecten die onder en over elkaar gaan, zou je deze secties gemakkelijk op verschillende lagen kunnen scheiden, waardoor het gemakkelijker om ze te openen, te bewerken en opnieuw in te delen.
Hmm, maar houd een voor een seconde, kan je niet dezelfde hiërarchie bereiken door slechts één laag te gebruiken, en dan de vormen bovenop elkaar te maken, omdat de laatste vorm altijd degene is die voor de rest zit?
Natuurlijk kan dat, maar waarom zou je? Ik begrijp dat je vooruit kunt plannen en met dezelfde vorm tegelijk kunt bouwen, maar wat gebeurt er als je aan een bepaald deel van je ontwerp moet werken? Sommigen van u zouden kunnen zeggen dat u de isolatietool zou kunnen gebruiken. Dat zou kunnen werken, maar je moet ervoor zorgen dat je objecten groepeert terwijl je je compositie ontwikkelt, en soms merk je dat je groepen hebt gemaakt binnen andere groepen, wat betekent dat je in een diepere isolatiestatus moet gaan, en dat maakt het alleen maar ingewikkelder.
Als u ervoor kiest om met lagen te werken, maakt u niet alleen uw ontwerp onfeilbaar, maar maakt u het een stuk eenvoudiger om toegang te krijgen tot en te bewerken, waardoor u minder moeite heeft en u meer op het creatieve proces kunt concentreren.
En omdat je met Illustrator zoveel lagen kunt maken en benoemen als je wilt of nodig hebt, kun je gek worden en een aantal interessante dingen maken.
Terwijl de Lagen tool laat je je kunst organiseren, de artboard definieert de werkruimte waarop u ontwerpt. Je kunt het beschouwen als het canvas van de schilder, een canvas dat je naar boven of beneden kunt schalen, afhankelijk van de behoeften van het project.
Het leuke is dat het alleen dingen toont die je erop hebt geplaatst, dus alles buiten het oppervlak komt niet in het laatste voorbeeld / bestand terecht.
Nu, vergeleken met de Lagen paneel, dat u de mogelijkheid geeft om één ontwerp te structureren, de tekengebieden panel neemt de dingen naar een geheel nieuw niveau door u in staat te stellen meerdere illustraties tegelijk te structureren en weer te geven.
Dit is erg handig als je een UI-ontwerper bent en je website-testmodellen of interfaces moet maken, omdat je de verschillende secties allemaal in hetzelfde document kunt maken, waardoor je een gevoel van continuïteit hebt en het gemakkelijker wordt om het product naar de cliënt.
Hoewel het een geweldig hulpmiddel is, heeft het een klein nadeel, omdat u slechts een eindig aantal tekengebieden kunt maken, ongeveer 100, en dat is wanneer hun formaat niet groter is dan het werkgebied dat Illustrator hieraan heeft toegewezen.
Op dit punt hebben we een basisidee van waar de twee hulpprogramma's oorspronkelijk voor bedoeld waren, maar laten we eens kijken hoe we hiervan kunnen profiteren in een van de meest tijdrovende en frustrerende processen: het individueel exporteren van de bestanden van een pictogrampakket.
Als je ooit aan een icon-pack hebt gewerkt, weet je zeker hoe razend de laatste stap van het proces kan zijn, sinds Illustratorheeft geen magische knop om ze één voor één te exporteren.
Meestal bevinden mensen die hun eerste pack maken zich in een puinhoop, omdat ze niet echt weten hoe ze hun product als PNG-bestanden en andere formaten moeten verzenden. Ik weet dat ik het gedaan heb en het kostte me wat tijd om rond te spelen en te zien wat het beste voor me werkte in termen van tijd en gebruiksgemak.
Dus ik ga je drie scenario's laten zien voor het exporteren van de iconen uit een pakket (dat 12 rijen bevat met elk acht iconen, dus precies 96 iconen), waarin ik het heb over zowel de voordelen als de beperkingen van elke methode.
OK, dus eerst gebruiken we de Lagen panel en kijk hoe het presteert op het gebied van workflow.
Deze methode is een beetje lastig omdat we een tweede document moeten maken en de breedte en hoogte van onze document moeten instellen artboard ongeveer even groot als het basisraster van ons pictogram.
De pictogrammen die ik als voorbeeld gebruik, zijn opgebouwd rond a 128 x 128 px raster, waaraan ik een allround opvulling van 8 px heb toegevoegd, dus dat is 136 x 136 px (gemarkeerd met een lichtgrijze kleur onder de pictogrammen zelf).
Omdat deze methode ervan uitgaat dat elk pictogram op zichzelf staat Laag, u begrijpt nu misschien waarom we dat tweede document nodig hebben, omdat we de pictogrammen erop kopiëren en ze vervolgens met 100 scheiden Lagen.
Ik zal niet de hele set kopiëren voor dit voorbeeld, omdat een kleiner getal het voorbeeld zo duidelijk maakt als een groter exemplaar.
Dus, eerst heb ik mijn tweede gemaakt 136 x 136 px document, waarna ik begon met het kopiëren van een tiental pictogrammen en ze allemaal afzonderlijk plaatste Laag, ze labelen van "document 1" in "document 10".
Nu elk pictogram op zichzelf staat, kan ik gemakkelijk alle pictogrammen verbergen die ik niet nodig heb en degene die ik momenteel wil exporteren zichtbaar maken, wat in dit voorbeeld "document 1" is.
Dit is super handig, want ik kan het pakket stap voor stap doorlopen, zonder het laatste geëxporteerde item uit het oog te verliezen.
OK, dus ik heb het eerste pictogram zichtbaar en ik wil het opslaan als PNG, dat kan ik eenvoudig doen door naar te gaan Bestand> Opslaan voor web en dan gewoon een locatie in mijn mappen kiezen en er een naam aan toewijzen.
Exporteren met behulp van de Lagen methode is een goede optie als u tijd hebt om het tweede document daadwerkelijk op te bouwen. Ja, het kan meer tijd in beslag nemen, maar ik vind dat uit alle methoden het het meest nuttig is als het gaat om het bijhouden van uw exportproces.
Een ander voordeel is dat als het gaat om het exporteren van meerdere indelingen, dus niet alleen PNG, misschien SVG en zelfs individuele EPS, het proces een stuk sneller is, omdat u alleen de laag selecteert en de exportinstellingen wijzigt - het is zo simpel als dat.
Het enige nadeel is misschien het eerste proces, waarbij je de pictogrammen naar het kleinere document moet kopiëren, wat je enige tijd kan kosten als je een groot icon-pakket hebt (300+).
We hebben gezien hoe we onze bestanden kunnen exporteren met behulp van de Lagen methode, dus laten we nu het artboard een.
Nou ja, de artboard methode is een beetje anders, omdat het op twee manieren kan worden gedaan. Yup, je hebt me goed gehoord, we hebben opties.
De eerste omvat het gebruik van slechts één artboard, waarvan we het formaat wijzigen met behulp van de basisrasters van elk pictogram, één voor één, terwijl de tweede vergelijkbaar is met de Lagen één omdat we een groter aantal kleinere tekengebieden moeten maken.
Er zijn natuurlijk voor- en nadelen, maar daar komen we snel bij.
Laten we beginnen met praten over de single artboard methode. Het is vrij eenvoudig, om eerlijk te zijn. Eerst zorg je ervoor dat je er twee hebt ingesteld Lagen: één voor de eigenlijke pictogrammen en één voor de basisroosters.
Zodra u de twee hebt gescheiden, kunt u beginnen met het exporteren van uw pictogrammen door telkens één basisraster te selecteren en vervolgens naar Object> Tekengebieden> Aanpassen aan geselecteerde kunst.
Hiermee wordt het formaat van je gewijzigd artboard zodat het in het eigenlijke basisraster past van het pictogram dat u wilt opslaan. Aangezien u het waarschijnlijk als een PNG (met transparantie) of als een SVG wilt opslaan, moet u het basisraster verwijderen voordat u het exporteert.
Zoals u kunt zien, is dit een andere, relatief eenvoudige optie voor het exporteren van uw pictogrammen, maar het heeft ook een aantal nadelen.
Laten we eerst de sterke punten ervan bespreken. Het is snel - niet zo snel als de methode Lagen, maar het neemt gemakkelijk nummer twee voor snelheid. Net als bij de vorige methode kun je het laatst geëxporteerde pictogram bijhouden, omdat je de basisrasters verwijdert, zodat je het gemakkelijk kunt ophalen vanaf het punt waar je was gebleven.
Bovendien kan het, net als bij de methode Lagen, grotere pictogrampakketten verwerken, dus geen beperkingen wat betreft het aantal elementen dat u kunt behouden en exporteren, wat erg belangrijk is als u eenmaal een enorme pictogramset hebt.
Laten we het nu hebben over de nadelen. Het wordt snel saai, heel snel, omdat je steeds opnieuw moet klikken, selecteren en dezelfde Fit to Shape-optie moet doorlopen. Dus als je pakket groter is dan 100 pictogrammen, doe die koptelefoon op en pak een kop koffie, want je hebt ze nodig.
En we zijn op methode nummer drie, de Multiple Artboardseen. Zoals ik al eerder zei, deze is vrij gelijkaardig aan de lagenéén, maar helaas is het beperkt tot dat maximum van slechts 100 tekengebieden. Dus, als je icon pack over de 100 barrière gaat, zul je een van de andere methodes moeten gebruiken, maar als het binnen de limiet valt, dan zal je jongen deze methode leuk vinden.
In vergelijking met de vorige twee, de Multiple Artboardsmen kan en moet vanaf het begin worden geïmplementeerd. Als je je afvraagt waarom, laten we dan maar zeggen dat het veel eenvoudiger zou zijn om een paar tekengebieden te makenen bouw je iconen één voor één op, in plaats van één tekengebied te makenen verplaats ze vervolgens naar een tweede multi-artboard-document.
Dus als we deze methode gebruiken, maken we eenvoudig een Nieuw document (Besturing N)die dezelfde grootte heeft als het basisraster van ons pictogram (136 x 136 px), maar in plaats van het verlaten van de Aantal tekengebieden instellen op 1, we zouden met iets hogers gaan, zoals 96. Dan kunnen we spelen met de tussenruimte en columns opties om de juiste opstelling te krijgen, afhankelijk van hoe we het leuk vinden om dingen te regelen.
Zodra ons document goed is, kunnen we gaan werken aan het ontwerp van onze pictogrammen, waarbij we elk afzonderlijk positioneren artboard.
Nu komt het zoete gedeelte. Wanneer u het exportproces start, klikt u eenvoudig op de pictogrammen artboard en ga dan naar Bewaar voor web of welke exportmethode je ook prefereert, en dat is alles.
OK, OK, dus misschien heb ik gelogen toen ik dat zei, de lagenmethode is de snelste, wanneer duidelijk het Multiple Artboardeen is de winnaar hier. Maar laten we eerlijk zijn, vandaag wanneer iemand een pictogrampakket maakt, voegt die persoon er meestal meer dan 100 stukjes aan toe, en dus zou de derde methode niet eens een optie zijn.
Hmm, wacht even, is dat echt waar? Ik bedoel dat je twee, vier documenten met elk 100 tekengebieden kunt maken en de pictogrammen kunt groeperen op categorie. Op deze manier als je het exportproces doorloopt, zou het snel gaan. De enige keer dat u vertraagt, is wanneer u het document moet wijzigen, wat echt niet zo tijdrovend is.
Dus de derde methode ziet er redelijk goed uit in vergelijking met de concurrentie, maar hoe zit het met de nadelen ervan?
Nou, als je aan een klein pictogrammenpakket werkt, kan ik echt zeggen dat het niets heeft. Als je aan een grotere werkt, is het enige slechte wat ik kan bedenken dat je op een gegeven moment het laatst geëxporteerde pictogram kunt verliezen, maar als je een goed naamgevingsysteem gebruikt, zal dat niet gebeuren.
Daar heb je het: een snelle en grondige vergelijking van drie capabele exportmethoden die je echt kunnen helpen beslissen wat de beste optie voor je is als het gaat om het leveren van je waardevolle iconen als individuele bezittingen.
Zoals altijd hoop ik dat je de tutorial leuk vond, en het belangrijkste was dat je onderweg iets nieuws en interessants hebt geleerd.
Accentsconagua