Share
Heute habe ich etwas Besonderes für dich vorbereitet. Wir werden zwei wesentliche Illustrator-Tools vergleichen, das Schichten Panel und die Zeichenbretter und sprechen Sie über die Vorteile des einen gegenüber dem anderen beim Exportieren eines Icon-Packs.
Wenn Sie sich mit Icon-Design beschäftigen oder gerade erst anfangen, möchten Sie vielleicht diesen Artikel lesen, da er Ihnen möglicherweise beim letzten Exportschritt beim Einzelexport Ihrer Dateien helfen kann.
Bevor wir mit dem Vergleich beginnen, möchte ich ein paar Momente einnehmen und über die beiden Werkzeuge aus der Perspektive des "Verwendungszwecks" sprechen. Mit anderen Worten, lassen Sie uns sehen, was der Zweck von jedem von ihnen ist, und beginnen Sie damit, indem Sie zuerst eine kurze Definition geben, die kurz ihre Natur charakterisiert.
Wenn du mit gearbeitet hast Illustrator vorher, und ich denke du hast, hast du sicher mit dem herumgebastelt Schichten Panel. Wenn Sie neu im Spiel sind, haben Sie keine Angst - ich werde so explizit sein, wie ich kann.
Aus struktureller / organisatorischer Sicht können Sie mit diesem Tool die Positionierung aller Objekte und Objektgruppen überwachen, die Teil des Dokuments sind, an dem Sie gerade arbeiten, indem Sie sie für verschiedene Objekte isolieren Schichten.
Sie können sich Ebenen als transparente Blatt Papier vorstellen, die verschiedene Objekte enthalten können, Blätter, die sich überlappen, sodass Sie eine hierarchische Struktur und somit ein detailliertes Bildmaterial erstellen können.
Falls Sie davon nicht viel verstanden haben, lassen Sie mich das so sagen: Wenn Sie an einer aufwendigen Illustration arbeiten, bei der Teile von Objekten unter- und übereinander liegen, können Sie diese Abschnitte leicht auf verschiedene Ebenen aufteilen und so erstellen einfacher zugänglich, bearbeiten und neu anordnen.
Hmm, aber halten Sie eine für eine Sekunde. Sie können nicht dieselbe Hierarchie erreichen, indem Sie nur eine Ebene verwenden und dann die Formen übereinander erstellen, da die letzte Form immer diejenige ist, die vor den anderen platziert wird?
Natürlich kannst du, aber warum? Ich verstehe, dass Sie vorausschauend planen und mit jeweils einer Form erstellen können, aber was passiert, wenn Sie an einem bestimmten Abschnitt Ihres Designs arbeiten müssen? Einige von Ihnen könnten sagen, dass Sie das Isolationstool verwenden könnten. Das kann funktionieren, aber Sie müssen sicherstellen, dass Sie Objekte gruppieren, wenn Sie Ihre Komposition entwickeln, und manchmal werden Sie feststellen, dass Sie Gruppen in anderen Gruppen erstellt haben, was bedeutet, dass Sie in einen tieferen Isolationszustand wechseln müssen das macht die Dinge nur komplizierter.
Wenn Sie sich für die Arbeit mit Ebenen entscheiden, können Sie Ihr Design nicht nur narrensicher machen, sondern auch den Zugriff und die Bearbeitung erheblich vereinfachen, sodass Sie weniger Aufwand haben und sich mehr auf den kreativen Prozess konzentrieren können.
Da Sie in Illustrator so viele Ebenen erstellen und benennen können, wie Sie möchten oder benötigen, können Sie verrückt werden und ein paar interessante Dinge erstellen.
Während die Schichten Mit dem Tool können Sie Ihre Kunstwerke organisieren Zeichenbrett definiert den Arbeitsraum, auf dem Sie entwerfen. Sie können es sich als Leinwand des Malers vorstellen, eine Leinwand, die Sie je nach den Anforderungen des Projekts vergrößern oder verkleinern können.
Das Coole daran ist, dass nur das angezeigt wird, was Sie darauf positioniert haben, sodass alles außerhalb seiner Oberfläche nicht in der endgültigen Vorschau / Datei landet.
Jetzt verglichen mit dem Schichten Panel, das Ihnen die Möglichkeit gibt, ein Design zu strukturieren, das Zeichenbretter Mit dem Panel können Sie mehrere Grafiken gleichzeitig strukturieren und anzeigen.
Dies ist sehr hilfreich, wenn Sie ein UI-Designer sind und Website-Mockups oder -Interfaces erstellen müssen, da Sie die verschiedenen Abschnitte in demselben Dokument erstellen können, wodurch Sie ein Gefühl der Kontinuität haben und das Versenden des Produkts einfacher wird der Kunde.
Auch wenn es sich um ein großartiges Werkzeug handelt, hat es einen kleinen Nachteil, da Sie nur eine begrenzte Anzahl von Artboards (etwa 100) erstellen können. Ihre Größe überschreitet dann nicht den Arbeitsbereich, den Illustrator ihr zugewiesen hat.
An dieser Stelle haben wir eine grundlegende Vorstellung davon, wofür die beiden Werkzeuge ursprünglich gedacht waren, aber lassen Sie uns sehen, wie wir in einem der zeitaufwändigsten und frustrierendsten Prozesse davon profitieren können: den individuellen Export der Dateien eines Icon-Packs.
Wenn Sie jemals an einem Icon-Pack gearbeitet haben, wissen Sie definitiv, wie ärgerlich der letzte Schritt des Prozesses sein kann, seit Illustratorhat keinen magischen Knopf, um sie einzeln zu exportieren.
Meistens befinden sich Menschen, die ihr erstes Paket erstellen, in einer Pickle, da sie nicht wirklich wissen, wie sie ihr Produkt als PNG-Dateien und andere Formate versenden. Ich weiß, dass ich es getan habe, und ich habe einige Zeit gebraucht, um herumzuspielen und zu sehen, was in Bezug auf Zeit und Benutzerfreundlichkeit am besten funktioniert hat.
Ich zeige Ihnen drei Szenarien für den Export der Symbole aus einem Satz (der 12 Zeilen mit jeweils acht, also genau 96 Symbolen enthält), in denen ich sowohl über die Vorteile als auch über die Einschränkungen jeder Methode sprechen werde.
OK, also verwenden wir zuerst die Schichten und sehen, wie es in Bezug auf den Arbeitsablauf funktioniert.
Diese Methode ist etwas kompliziert, da wir ein zweites Dokument erstellen und die Breite und Höhe unseres Dokuments festlegen müssen Zeichenbrett ungefähr die gleiche Größe wie das Grundraster unseres Symbols.
Die Symbole, die ich als Beispiel verwende, sind um ein Symbol herum aufgebaut 128 x 128 px Raster, zu dem ich eine Allround-Polsterung von 8 px hinzugefügt habe 136 x 136 px (hellgrau unter den Icons selbst hervorgehoben).
Da diese Methode davon ausgeht, dass jedes Symbol für sich alleine steht Schicht, Sie können jetzt verstehen, warum wir dieses zweite Dokument benötigen, da wir die Symbole darauf kopieren und sie dann mit 100 trennen Schichten.
Ich werde das gesamte Set nicht wirklich für dieses Beispiel kopieren, da eine kleinere Zahl das Beispiel so deutlich macht wie ein größeres.
Also habe ich zuerst meine zweite erstellt 136 x 136 px Dokument, woraufhin ich ungefähr zehn Icons kopierte und jedes für sich allein stellte Schicht, Beschriftung von "Dokument 1" bis "Dokument 10".
Da jedes Symbol für sich steht, kann ich leicht alle ausblenden, die ich nicht benötige, und das Symbol, das ich gerade exportieren möchte, sichtbar machen. Dies ist in diesem Beispiel „Dokument 1“..
Das ist sehr praktisch, da ich das Pack nach und nach durchgehen kann, ohne den Überblick über den zuletzt exportierten Artikel zu verlieren.
OK, also habe ich das erste Symbol sichtbar und möchte es als PNG speichern. Ich kann das einfach tun, indem ich zu gehe Datei> Für Web speichern und dann einfach einen Ort in meinen Ordnern auswählen und ihm einen Namen zuweisen.
Exportieren mit der Schichten method ist eine großartige Option, wenn Sie die Zeit haben, um das zweite Dokument tatsächlich aufzubauen. Ja, es kann zeitaufwändiger sein, aber ich finde, dass es von allen Methoden am hilfreichsten ist, wenn es darum geht, Ihren Exportprozess zu verfolgen.
Ein weiterer Vorteil ist, dass beim Export mehrerer Formate, also nicht nur PNG, vielleicht SVG oder sogar einzelner EPS, der Prozess wesentlich schneller ist, da Sie einfach die Ebene auswählen und die Exporteinstellungen ändern - so einfach ist das.
Der einzige Nachteil ist möglicherweise der anfängliche Vorgang, bei dem Sie die Symbole in das kleinere Dokument kopieren müssen. Dies kann einige Zeit dauern, wenn Sie ein großes Symbolpaket (300+) verwenden..
Wir haben gesehen, wie wir unsere Dateien mithilfe von exportieren können Schichten Methode, so jetzt versuchen wir das Zeichenbrett ein.
Nun die Zeichenbrett Die Methode ist etwas anders, da sie auf zwei Arten erfolgen kann. Ja, du hast richtig gehört, wir haben Optionen.
Beim ersten wird nur einer verwendet Zeichenbrett, Die Größe wird mithilfe der Basisraster jedes Symbols nacheinander geändert, während das zweite dem Symbol ähnelt Schichten eine, da wir eine größere Anzahl von kleineren Zeichenflächen erstellen müssen.
Es gibt natürlich Vor- und Nachteile, aber wir werden diese in einer Sekunde erreichen.
Beginnen wir mit der Single Zeichenbrett Methode. Um ehrlich zu sein, ist es ziemlich einfach. Zuerst stellen Sie sicher, dass Sie zwei eingerichtet haben Schichten: eine für die eigentlichen Symbole und eine für die Basisraster.
Nachdem Sie die beiden getrennt haben, können Sie die Symbole exportieren, indem Sie jeweils ein Basisraster auswählen und dann zu gehen Objekt> Zeichenflächen> An ausgewählte Kunst anpassen.
Dies wird Ihre Größe ändern Zeichenbrett damit es in das tatsächliche Grundraster des Symbols passt, das Sie speichern möchten. Da Sie es wahrscheinlich als PNG-Datei (mit Transparenz) oder als SVG-Datei speichern möchten, sollten Sie das Basisraster entfernen, bevor Sie es exportieren.
Wie Sie sehen können, ist dies eine weitere relativ einfache Option zum Exportieren von Symbolen, aber auch einige Nachteile.
Lassen Sie uns zunächst über die Stärken sprechen. Es ist schnell, nicht so schnell wie die Layers-Methode, aber es ist leicht die Nummer zwei für Geschwindigkeit. Wie bei der vorherigen Methode können Sie das zuletzt exportierte Symbol nachverfolgen, da Sie die Basisraster löschen und das Auffinden dort fortsetzen können, wo Sie aufgehört haben.
Wie bei der Layers-Methode kann auch mit größeren Symbolpaketen gearbeitet werden. Es gibt keine Einschränkungen hinsichtlich der Anzahl der Elemente, die Sie speichern und exportieren können. Dies ist sehr wichtig, wenn Sie ein großes Symbol festgelegt haben.
Lassen Sie uns jetzt über die Nachteile sprechen. Es wird schnell langweilig, sehr schnell, da Sie immer wieder auf dieselbe Option klicken müssen, um sie zu markieren. Wenn Ihr Pack also mehr als 100 Symbole enthält, setzen Sie die Kopfhörer auf und nehmen Sie eine Tasse Kaffee mit, da Sie diese benötigen.
Und wir haben die Methode Nummer drei, die Multiple Artboardsein. Wie ich schon gesagt habe, ähnelt dies den LayernEins, aber leider ist das auf maximal 100 Artboards beschränkt. Wenn Ihr Icon-Pack also die 100-Grenze überschreitet, müssen Sie eine der anderen Methoden verwenden, aber wenn es innerhalb des Grenzwerts liegt, wird Ihnen diese Methode gefallen.
Verglichen mit den beiden vorhergehenden sind die Multiple Artboardsman kann und sollte von anfang an umgesetzt werden. Wenn Sie sich fragen, warum, naja, sagen wir einfach, es wäre viel einfacher, ein paar Artboards zu erstellenund erstellen Sie Ihre Icons einzeln, anstatt sie mit einem Artboard zu erstellenund verschieben Sie sie dann in ein zweites Multi-Artboard-Dokument.
Wenn wir diese Methode verwenden, erstellen wir einfach eine Neues Dokument (Control-N)hat die gleiche Größe wie das Basisraster unseres Symbols (136 x 136 px), aber statt das zu verlassen Anzahl der Zeichenflächen Einstellung um 1, wir würden mit etwas höher gehen, wie 96. Dann könnten wir mit dem rumspielen Abstand und Säulen Optionen, um die richtige Einstellung zu erhalten, je nachdem, wie die Dinge angeordnet werden sollen.
Sobald unser Dokument fertig ist, können wir mit dem Design unserer Icons beginnen und jedes für sich selbst positionieren Zeichenbrett.
Jetzt kommt der süße Teil. Wenn Sie den Exportvorgang starten, klicken Sie einfach auf das Symbol Zeichenbrett und dann zu Speichern Sie für Web oder welche Exportmethode Sie auch bevorzugen, und das ist es.
OK, OK, also vielleicht habe ich gelogen, als ich sagte, dass die SchichtenMethode ist die schnellste, wenn eindeutig die Multiple ArtboardEiner ist hier der Gewinner. Aber seien wir ehrlich: Wenn jemand heute ein Icon-Pack erstellt, fügt diese Person normalerweise mehr als 100 Teile hinzu, sodass die dritte Methode nicht einmal eine Option darstellt.
Hmm, warte mal, stimmt das wirklich? Ich meine, Sie könnten zwei, vier Dokumente mit jeweils 100 Zeichenflächen erstellen und die Symbole nach Kategorien gruppieren. Auf diese Weise würden die Dinge beim Exportieren ziemlich schnell verfliegen. Die einzige Zeit, in der Sie langsamer werden, wäre, wenn Sie das Dokument ändern müssen, was jedoch nicht so zeitaufwändig ist.
Die dritte Methode sieht also im Vergleich zur Konkurrenz ziemlich gut aus, aber was ist mit ihren Nachteilen?
Wenn Sie an einem kleinen Icon-Pack arbeiten, könnte ich sagen, dass es keines hat. Wenn Sie an einer größeren Version arbeiten, kann ich nur daran denken, dass Sie manchmal das letzte exportierte Symbol aus den Augen verlieren, aber wenn Sie ein gutes Benennungssystem verwenden, wird dies nicht passieren.
Da haben Sie es: Ein schneller und gründlicher Vergleich von drei fähigen Exportmethoden, mit denen Sie wirklich entscheiden können, welche Option für Sie die beste Wahl ist, wenn Sie Ihre wertvollen Symbole als individuelle Assets liefern.
Wie immer hoffe ich, dass Ihnen das Tutorial gefallen hat, und vor allem etwas Neues und Interessantes gelernt haben.
Accentsconagua