Share
Wat je gaat creërenVandaag gaan we kijken naar de verschillende manieren om pictogrammen te exporteren met een tool die vaak gevreesd wordt, maar zullen je productiviteit naar een ander niveau brengen als je het eenmaal onder de knie hebt. Die tool is niemand minder dan de Snij gereedschap, en geloof me, als je het nog nooit eerder hebt gebruikt, wil je dit artikel lezen, want ik zal alles uitleggen wat er te weten valt over het exporteren van pictogrammen.
Of u nu kiest voor een vooraf ingesteld pictogrammenpakket of helemaal opnieuw begint, vandaag leren we u enkele belangrijke overwegingen om over na te denken bij het exporteren van uw kostbare bezittingen.
Voordat we alles technisch krijgen, wil ik een paar seconden nemen en de reden uitleggen voor het schrijven van dit specifieke stuk.
Dus in een vorige tutorial had ik het over gebruiken tekengebieden en Lagen als methoden voor het exporteren van onze kostbare pictogrammen, maar om eerlijk te zijn kunnen die methoden u vertragen als u een groter pakket hebt. Het idee was dat ik een proces voor beginners wilde / moest aanbieden dat gemakkelijk te begrijpen was, ervan uitgaande dat ze wisten hoe ze de eenvoudigste hulpmiddelen van Illustrator moesten gebruiken.
Hoewel deze methoden misschien niet de beste waren op het gebied van productiviteit, waren ze redelijk eenvoudig om te volgen en toe te passen, waardoor je exact hetzelfde resultaat behaalt..
Omdat sommigen van jullie dachten dat het proces veel te traag en pijnlijk was, besloot ik om mijn spel op te zetten en je de snelste manier te tonen om een icoonpakket te exporteren, met behulp van een iets geavanceerdere methode.
Ik heb misschien geavanceerd gezegd, maar om eerlijk te zijn, het is niet zo moeilijk als je er een paar keer mee speelt.
Dat gezegd hebbende, laten we teruggaan naar ons hoofdonderwerp en een klein beetje praten over slices en hoe Illustrator ze gebruikt.
U kunt een 'segment' zien als een gedefinieerd gedeelte van een kunstwerk dat u kunt maken om afzonderlijk het volledige stuk te exporteren in plaats van het te exporteren.
In eerste instantie werden plakjes gemaakt voor webontwerpers, maar net als bij de meeste gereedschappen van Illustrator, vond deze snel een nieuw gebruik: pictogrammen exporteren.
Het is eigenlijk best simpel. Laten we eerst het tekengebied beschouwen als een stuk papier waarop u uw illustraties neerzet. Wanneer u nu een "segment" maakt, bepaalt u eigenlijk een segment van dat papier door een uitsnede te maken die u vervolgens vrijelijk uit de grotere compositie kunt verwijderen.
Ik stel me voor dat het proces vergelijkbaar is met dat van het nemen van een snijder en het snijden van de getraceerde marges van dat segment, het scheiden van het stuk papier.
Bij elk gemaakt segment kent Illustrator een nummer toe, beginnend in de linkerbovenhoek helemaal tot aan de rechterbenedenhoek. In het begin kun je je misschien niet al te veel bekommeren om deze actie, maar na verloop van tijd zul je het waarderen, omdat je een beter begrip hebt van wat er aan de hand is met je kunstwerk.
Als u nog nooit een schijf hebt gemaakt, hoeft u zich geen zorgen te maken, want het is vrij eenvoudig om te doen. Er zijn drie manieren om segmenten te maken waarvan u op de hoogte moet zijn:
Deze eerste optie is heel gemakkelijk te begrijpen, omdat u hiermee segmenten rond de grenzen van een of meerdere objecten kunt maken.
Laten we zeggen dat we een paar pictogrammen hebben en we willen de eerste eruit halen.
Om dat te doen, selecteren we het pictogram en gaan we naar Object> Segment> Maken.
Hierdoor wordt dit pictogram onmiddellijk van de rest gescheiden door er een scheidingslijn omheen te maken.
Hoewel we een segment voor slechts één pictogram hebben gemaakt, heeft Illustrator de resterende secties van het tekengebied opgedeeld in grotere segmenten, één voor elke zijde van de plak van het pictogram. We hebben een grote voor de bovenkant, een smallere voor de linkerkant, een vrij brede voor de rechterkant en een nog smallere voor de onderkant.
Als u nu uw tekengebied van naderbij bekijkt, ziet u mogelijk dat deze segmenten op een eenvoudige manier zijn genummerd, van de linkerbovenhoek tot de rechterbenedenhoek. Illustrator wijst nummers toe aan de segmenten om u te laten selecteren welke segmenten u wilt exporteren en welke niet. Ik zal hier meer over vertellen in het exportproces.
Snelle tip: Zoals u kunt zien, heeft de gemaakte slice-grens een rechthoekige vorm, omdat Illustrator de scheiding maakt door te kijken naar de totale breedte en hoogte van het pictogram en niet naar de vorm. Dit is redelijk begrijpelijk, want als je een webpagina zou ontwerpen, zou het behoorlijk moeilijk zijn om je compositie af te breken met meer organische lijnen, en het dan perfect weer samenvoegen.
Er zijn een paar dingen waar u op moet letten bij het gebruik van deze methode. Als je de. Opent Object> Segment menu, zult u zien dat u de Maken optie die we eerder hebben gebruikt en een Maak een selectie uit Selectie een paar rijen lager. Terwijl de twee hetzelfde doen wanneer je slechts één object hebt geselecteerd, gedragen ze zich heel anders wanneer je meerdere objecten hebt geselecteerd.
Het belangrijkste verschil tussen de twee is dat met Maken u kunt segmenten rond elk van de geselecteerde objecten maken, terwijl u met de Maak een selectie uit Selectie optie geeft u Illustrator de opdracht om segmenten rond het totale oppervlak van alle geselecteerde objecten te maken.
Als u nu een webproject (webpagina) maakt, is de Maak een selectie uit Selectie optie zou heel fijn zijn om te gebruiken, maar als u een pictogrampakket maakt, wilt u er altijd mee overweg Maken omdat je elk van je iconen individueel wilt exporteren.
In vergelijking met de vorige methode, de Gidsen een is zorgvuldiger, omdat het proces vereist dat je handmatig verticale en horizontale hulplijnen toevoegt aan elke kant van het gedeelte van de illustratie dat je wilt afbakenen.
Eerst moet je de linialen activeren door op te drukken Control-R (klik met de rechtermuisknop> Linialen tonen) en sleep vervolgens uw hulplijnen en positioneer ze waar u wilt dat de snijlijnen vallen. Nadat u uw sectie hebt gescheiden met behulp van de handleidingen, kunt u naar Object> Slice> Maken van handleidingen om de werkelijke plakjes te maken.
Als u de manier waarop Illustrator nummers aan de segmenten toevoegt, van dichtbij bekijkt, ziet u dat wanneer een sectie wordt gescheiden en toegewezen, dit de anderen dwingt de volgende getalwaarde te grijpen, ongeacht de grootte die ze hebben. Het is ook behoorlijk interessant om te zien dat de segmenten zijn gemaakt rond het afgebakende oppervlak van de objecten en niet op de kruising van de hulplijnen.
Deze derde methode is waarschijnlijk de 'tophond' als het gaat om nauwkeurigheid, omdat u hiermee kunt klikken en slepen om een 100% handmatige segmentselectie te maken. Om eerlijk te zijn, er zullen situaties zijn waarin je meer controle over je plakjes wilt hebben, maar ik vind het niet zo handig als het gaat om het snijden van een groot pictogrampakket, omdat het lang zou duren om dit te doen.
Maar, voor het geval u het ooit zou moeten gebruiken, zou u moeten weten hoe dit te doen. Eerst moet je de pakken pakken Snij gereedschap, standaard op de zijbalk aan de linkerkant van het onderste gedeelte, net boven de Handgereedschap. Zodra u de tool hebt geselecteerd, kunt u uzelf positioneren over het gedeelte van uw illustratie dat u wilt afbakenen, en vervolgens gewoon klikken en slepen om een selectie te maken die automatisch in een segment verandert zodra u de muisknop loslaat.
In vergelijking met een reguliere selectie, de Snij gereedschap stelt u in staat om de Ruimte toets om je selectie te verplaatsen / verplaatsen, wat erg handig is, omdat je soms merkt dat je met de verkeerde voet bent begonnen.
Het leuke van deze methode is dat de slices meteen worden gemaakt, zonder dat je naar de Object> Segment submenu om Maken of creëren een snee van een Selectie.
Het enige nadeel dat ik kan bedenken is dat je misschien geen 100% nauwkeurigheid hebt totdat je het aanzet Pixel Preview modus (Beeld> Pixelvoorbeeld of Alt-Control-Y), waardoor u pixel-perfecte selecties kunt maken, wat voor de hedendaagse ontwerpers een must is.
Tot nu toe heb ik gesproken over de drie verschillende methoden die u kunt gebruiken om slices te maken. Nu is het tijd om te kijken welke methode het beste is als het gaat om het exporteren van onze dierbare kleine pictogrammen.
Laten we beginnen met de eerste methode. Zoals u zich herinnert, is deze afhankelijk van het gebruik van een of meerdere objecten om de segmenten te maken.
Laten we nu zeggen dat we hetzelfde pictogrampakket hebben als voorheen, maar deze keer willen we alle pictogrammen samenstellen en niet alleen.
Nou, normaal zou je gewoon alle activa selecteren door op te drukken Controle-A en ga dan naar Object> Segment> Maken.
Dan zou je gaan Bestand> Bewaar voor web, Kiezen PNG als uw gewenste formaat,Stel je Exporteren optie om Geselecteerde segmenten en uiteindelijk geraakt Opslaan.
Het punt is dat je in eerste instantie misschien denkt dat alles goed is gegaan, maar zodra je naar je iconen kijkt (meer precies naar hun grootte), zou je kunnen merken dat er iets fout is gegaan.
Dat komt omdat je een gewoonte gebruikt rooster om uw pictogrammen op maat te maken, gaan de elementen zelf misschien niet helemaal in termen van breedte en hoogte, en aangezien u de pictogrammen gebruikte als de geselecteerde objecten en niet als de werkelijke rasters, hoeft dat geen verrassing te zijn.
De truc is om de werkelijke rasters te gebruiken in plaats van de pictogrammen en de schijfjes eromheen te maken. Op deze manier zullen uw geëxporteerde pictogrammen precies zo zijn als u wilt.
Nu, in mijn geval bijvoorbeeld, gebruik ik een 48 x 48 px raster, maar ik heb een allround 2 px opvulling toegevoegd. Om nog maar te zwijgen van het feit dat mijn pictogrammen iets korter zijn, een hoogte hebben van net 40 px. Dat betekent dat als ik de plakjes zou maken met behulp van de pictogrammen zelf en ze vervolgens zou exporteren, mijn pictogrammen iets kleiner zouden zijn (44 x 40 px), omdat Illustrator de Breedte en Hoogte van mijn vermogen in plaats van mijn netten (48 x 48 px).
Dat gezegd hebbende, zou u altijd een tweede laag moeten hebben met alleen uw rasters en deze gebruiken om de segmenten te maken om uw activa correct te exporteren.
Het leuke is dat je, zodra je de plakjes hebt gemaakt en naar toe gaat Bestand> Opslaan voor web, Illustrator biedt u de optie om de pictogrammen die u exporteert handmatig te selecteren of te verwijderen. Dus als ik bijvoorbeeld besluit dat ik niet het laatste pictogram wil selecteren, kan ik er gewoon overheen gaan en eenmaal klikken terwijl ik ingedrukt houd Verschuiving, en verwijder het dus van mijn laatste export.
Als u standaard al uw pictogrammen selecteert en deze vervolgens opslaat, behoudt Illustrator alle geselecteerde segmenten. U kunt zien of een segment is geselecteerd door naar de afbakening te kijken. Als de regel rondom uw item rood is (behalve het eerste pictogram), wordt uw object toegevoegd aan de definitieve selectie; als het blauw is en een beetje vervaagd is, is het dat niet (het eerste pictogram).
U kunt delen van uw pictogrampakket deselecteren door de Verschuiving sleutel en klik er met de linkermuisknop op. Je vraagt je misschien af waarom we de Verschuiving sleutel. Omdat Illustrator al ze allemaal heeft geselecteerd, moet je de toets ingedrukt houden om de rest van de geselecteerde items te behouden, anders krijg je uiteindelijk slechts één pictogram.
Nu, om eerlijk te zijn, begrijp ik niet waarom je dat zou doen, want als je eenmaal klaar bent met je pakket ben ik er vrij zeker van dat je alle activa wilt exporteren, niet alleen wat, maar ik dacht dat het leuk zou zijn om dat te wijzen uit.
Zodra je de Opslaan knop, Illustrator vraagt u om een locatie om uw bestanden op te slaan, waardoor u de mogelijkheid heeft om uw activa een naam te geven. Dit onderdeel is een beetje lastig omdat de naam die je toewijst, wordt overgedragen naar alle pictogrammen, wat we wilden, maar de items zelf dragen het nummer van hun plakken..
Je zou de bestanden gewoon kunnen exporteren en ze dan hernoemen, of je kunt het direct in de Bewaar voor web pop-up door te dubbelklikken op elke pictogramselectie en deze de gewenste naam te geven.
Ongeacht de methode die u kiest, u zult nog steeds uw tijd moeten nemen en ze allemaal doorlopen om ze een naam te geven.
Nu, om eerlijk te zijn, vind ik deze optie de beste van de drie omdat het supersnel is en het alleen je pictogrammen exporteert, dus geen lege plakjes Artboard die achteraf moeten worden verwijderd.
Net als bij de vorige methode, dingen zijn vrij eenvoudig. Eerst maak je de plakjes met behulp van de handleidingen (Object> Slice> Maken van handleidingen), en dan ga je naar Bestand> Opslaan voor web.
Hier zijn een paar dingen waar je op moet letten. Als u de Exporteren optie ingesteld op Geselecteerde segmenten zoals we deden voor de eerste methode, exporteert Illustrator uw pictogrammen, maar exporteert het ook de lege segmenten ertussen. Als je geen grote verzameling hebt, kun je deze segmenten deselecteren, maar als je iets groter hebt, kan het een heel pijnlijk proces blijken te zijn.
Aan de andere kant kunt u de pictogrammen gewoon exporteren en vervolgens de ongewenste segmenten verwijderen, maar nogmaals, het kan even duren.
Als u nu in overweging neemt dat u handmatig de hulplijnen aan elke kant van uw pictogrammen moet toevoegen, is het vrij duidelijk dat de eerste methode geschikter is, omdat deze probleemloos en een stuk sneller is.
Als je dacht dat de methode Gidsen langzaam en pijnlijk was, dan zal deze de laatste spijker in je kist leggen, omdat het eeuwen zal duren om het af te maken.
Inmiddels weet je waarschijnlijk dat je handmatig de slices voor elk pictogram moet maken en direct naar Bestand> Opslaan voor web.
Hier zul je in de verleiding komen om de Geselecteerde plakjes exporteren optie, maar in vergelijking met de andere twee methoden zal dit alleen het laatste segment uit uw tekengebied exporteren. Dat betekent dat je de Alle plakjes optie, die natuurlijk alle segmenten zal exporteren, of ze nu gevuld zijn met pictogrammen of gewoon lege ruimte.
Eindelijk moet je de hele map doorlopen en alle onnodige pictogrammen verwijderen en ze hernoemen zoals je wilt.
Dus raad ik deze methode helemaal aan? Nee. Waarom noemde ik het dan zelfs? Wel, ik vind het leuk om zo expliciet mogelijk te zijn als ik het heb over dit soort hulpmiddelen en methoden.
Dus op dit moment hoop ik echt dat je weet welke segmenten er zijn en, nog belangrijker, hoe ze zijn gemaakt, zodat je kunt profiteren van deze tool en het proces van het snel en pijnloos exporteren van je pictogrammen kunt uitvoeren.
Ik laat meestal de beslissing over aan jou over, maar deze keer moet ik ruig zijn en zeggen dat je moet kiezen voor de eerste methode, de Object (en), omdat het vrij duidelijk is dat dit de enige is goed gedaan.
Dat gezegd hebbende, wil ik u bedanken voor uw tijd en aandacht, en zoals altijd praat ik de volgende keer met u.
Accentsconagua