Share
Eine der weniger bekannten Funktionen von Illustrator ist die Möglichkeit, mehrere seitenorientierte Dokumente im PDF-Format zu erstellen und zu veröffentlichen. Warum ist es eine weniger bekannte Funktion? Nun, da Anwendungen wie InDesign und Quark Xpress der Erstellung solcher Dokumente gewidmet sind und es unwahrscheinlich ist, dass Sie jemals dazu geraten werden, Illustrator zu verwenden.
Es ist jedoch möglich, und diese Methode kann sich als nützlich erweisen, insbesondere wenn Sie Dokumente erstellen, die nur wenige Seiten umfassen. In diesem Lernprogramm wird erläutert, wie dies durchgeführt wird, und es wird ein paar Rasterlayouttheorien zur Erstellung eines Jahresberichts behandelt.
Beginnen Sie nach dem Öffnen von Illustrator ein neues Dokument (Befehl + N) und legen Sie einige Einstellungen im Dialogfeld Neues Dokument fest. Geben Sie dem Dokument den Namen "Bericht", wählen Sie Millimeter für die Einheiten, Querformat für die Ausrichtung und RGB für den Farbmodus. Hinweis: Wir haben RGB ausgewählt, da dieses Dokument für die Bildschirmanzeige vorgesehen ist. Wenn wahrscheinlich Ihre gedruckt wird, empfiehlt es sich, CMYK auszuwählen und sicherzustellen, dass die Rastereffekte auf die geplante Druckauflösung eingestellt sind.
Die Größe wird automatisch als Benutzerdefiniert registriert, wenn wir unsere eigenen Abmessungen eingeben. Wir benötigen ein Artboard, das dreimal so groß ist wie eine A4-Seite (210 mm x 297 mm), um drei Seiten zu erstellen. Wir werden daher die Höhe bei 297 mm beibehalten, aber die Breite erhöhen, um 2 weitere Seiten aufzunehmen (3 x 210 mm = 630 mm)..
OK klicken.
Gehen Sie zu Ansicht> Seitenaufteilung anzeigen.
Auf Ihrer Zeichenfläche sehen Sie einen Bereich, der darstellt, was als PDF-Datei gedruckt werden soll. Dieser Bereich kann je nach Ihren vorherigen Illustrator-Druckeinstellungen beliebig groß sein.
Nun müssen wir die Kacheln anpassen, um unsere 3 A4-Seiten in der Zeichenfläche zu erhalten.
Gehen Sie zu Datei> Drucken (Befehl + P). Sie erhalten den Druckdialog, ein anpassbares Fenster mit (Legende) Milliarden von Optionen und Einstellungen. Wir konzentrieren uns nur auf diejenigen, die wir benötigen, um unser 3-seitiges PDF-Dokument richtig einzurichten. Im Abschnitt "Allgemein" müssen Sie Folgendes einstellen:
Nun müssen Sie im Setup-Bereich Folgendes einstellen:
Im Vorschaubereich können Sie sehen, wie sich Ihr Dokument entwickelt. Sie sollten jetzt sehen, dass die Zeichenfläche in drei A4-Seitenkacheln unterteilt ist.
Nachdem Sie die Druckoptionen eingerichtet haben, können Sie sie möglicherweise speichern. Klicken Sie auf Save Preset und geben Sie Ihrem Preset einen Namen im angezeigten Dialog. Wenn Sie diese Einstellungen das nächste Mal wiederholen, können Sie sie unter Druckvoreinstellung auswählen.
Klicken Sie auf OK, um die Voreinstellung zu speichern, und klicken Sie dann auf Fertig (nicht Speichern), um zum Dokument zurückzukehren.
Wenn Ihr Artboard aktuell sichtbar ist, kann es hilfreich sein, es auszublenden. Wir haben jetzt genug Zeilen auf unserer Seite. Gehen Sie zu Ansicht> Zeichenfläche ausblenden. Sie erhalten einen schönen, sauberen, nummerierten Bereich mit drei Seiten auf Ihrem Bildschirm.
Die Strukturierung eines Layouts mit einem vorgegebenen Raster hat insbesondere beim Arbeiten mit mehreren Seiten viele Vorteile. Dies gilt für Print, Web und alle Design-Disziplinen. Theorien der gitterbasierten Layoutgestaltung sind seit Jahrzehnten gut dokumentiert. Paul Rand war über Grafikdesign-Theorie und ein Befürworter der Vorteile der Verwendung von Rastern im Design.
Das Raster ist also die Disziplin, die [den Designer] von der zeitaufwändigen Entscheidung befreit, bestimmte Entscheidungen (Dimensionen, Proportionen) zu treffen, ohne die fruchtbare und kreative Arbeit äußerst schwierig ist. Er kann direkt zu den Aspekten des Problems übergehen, in denen der individuelle Ausdruck, die neuen Ideen und die Wahlfreiheit unerlässlich sind.
"Design und der Spieltrieb", Paul Rand, 1965
Also, machen Sie sich einen Kaffee, schauen Sie sich die Ressourcen am Ende des Tutorials an und recherchieren Sie mit der Verwendung von Rastern im Design.
Wie Sie Ihr Raster gestalten, liegt ganz bei Ihnen. Meine basiert auf sechs Spalten und sechs Reihen. In den folgenden Schritten werden auch die Ränder und Rinnen definiert, die sie teilen.
Platzieren Sie zunächst ein Rechteck auf Ihrer Zeichenfläche. Geben Sie die Abmessungen einer A4-Seite an und richten Sie sie an der ersten Ihrer drei Kacheln aus.
Wenn Sie Ihr Rechteck ausgewählt haben, gehen Sie zu Effekt> Pfad> Versatzpfad und geben Sie im angezeigten Dialogfeld -12mm ein. Klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern, um das kleinere Rechteck zu erweitern.
Klicken Sie auf Befehlstaste + K, um die Voreinstellungen von Illustrator anzuzeigen. Stellen Sie das Tastaturinkrement auf 6 mm ein und klicken Sie auf OK.
Ziehen Sie nun mit dem Direktauswahl-Werkzeug die unteren Ankerpunkte des Rechtecks und wählen Sie sie aus. Drücken Sie dann einmal die NACH OBEN-Pfeiltaste. Dies gibt uns zusätzliche 6 mm für den Rand der Seite. gut für die Ästhetik und bietet auch einen kleinen Raum für eine Copyright-Erklärung, Paginierung usw.
Im Druckdesign bestehen Raster normalerweise aus Säulen und dann aus Rinnen, die sie trennen. Seit dem Aufkommen des Webdesigns und der Verwendung von Rastern für Weblayouts hat sich ein anderer Ansatz entwickelt. Das Erstellen einer Webseite bedeutet, dass Rinnen eher eine Hinderung als eine Hilfe sind. Daher werden Rinnen mithilfe von Füllungen und Rändern in Elementen simuliert.
Persönlich gestalte ich mehr für das Web als für den Druck. Ich werde also zeigen, woran ich mehr gewöhnt bin. Ein Vorteil des Entwurfs mit einem webbasierten Raster ist, dass das Druckdokument nahtlos für das Web übersetzt werden kann. Wenn das alles etwas verwirrend erscheint, wird alles klar…
Wenn Ihr Rechteck ausgewählt ist, wechseln Sie zu Objekt> Pfad> In Raster aufteilen.
Illustrator macht es angenehm einfach, aus einem geschlossenen Pfad eine Reihe von Spalten, Zeilen und Rinnen zu machen, wie Sie in diesem Dialogfeld sehen können. Geben Sie die Einstellungen wie folgt ein (klicken Sie auf Vorschau, um das Rechteck zu ändern), um sechs Spalten und sechs Zeilen zu erstellen, und klicken Sie dann auf OK. Beachten Sie, dass wir 0 mm für die Dachrinnen eingegeben haben, da wir in diesem Fall keine benötigen.
Es liegt an Ihnen, wie Sie das soeben erstellte Raster duplizieren. Stellen Sie sicher, dass Sie zwei weitere machen, und richten Sie alle in der richtigen Position auf den Fliesen aus. Wählen Sie dann alle drei aus und gehen Sie zu Ansicht> Hilfslinien> Hilfslinien erstellen
Alles, was Sie auf dieser Ebene haben, sind Ihre Rasterhilfslinien. Um es Ihnen leichter zu machen, sperren Sie die Ebene und nennen Sie sie mit "Führungen".
Bei der Verwendung von Gittern geht es darum, die Entscheidungsfindung (bis zu einem gewissen Grad) im Entwurfsprozess zu begrenzen. Wir werden diesen Weg fortsetzen, indem wir unsere Farben vordefinieren, damit wir nicht weiter darüber nachdenken müssen. Indem Sie dem Farbfeldbedienfeld nur zwei Farben hinzufügen, geben wir uns eine einfache, aber auffällige Auswahl für unser Dokument.
Klicken Sie im Bedienfeld auf Neues Farbfeld oder ziehen Sie ein Objekt Ihrer ausgewählten Farbe in das Bedienfeld. Ich habe die Farben verwendet: Orange (# D8601D) und Olive (# A8A885). Sobald sie im Farbfeldbedienfeld gruppiert sind, stehen Farben im Farbhilfefenster mit unterschiedlichen Farbniveaus, Farbnuancen, Stummheit, Wärme usw. zur Verfügung. Von hier aus können wir alles in unserem Dokument einfärben, ohne unsere eigenen Regeln zu verletzen.
Erstellen Sie eine neue Ebene, nennen Sie sie "Objekte" oder was auch immer Sie möchten. Verwenden Sie das Rechteckwerkzeug, um ein Rechteck zu erstellen, das die gesamte erste Seite und ein anderes das linke untere Viertel der zweiten Seite abdeckt. Färben Sie sie entsprechend wie unten gezeigt.
Erstellen Sie eine neue Ebene und nennen Sie sie "Text". Kopieren Sie das olivfarbene Rechteck und sperren Sie dann die Ebene "Objekte". Wählen Sie die Ebene "Text" aus und klicken Sie auf Befehl + F, um das Rechteck an der richtigen Position auf dieser Ebene einzufügen.
Versetzen Sie den Pfad für dieses Rechteck mit der gleichen Methode (Effekte> Pfad> Versatzpfad) um -6 mm, und erweitern Sie ihn (Objekt> Erweitern). Vergeben Sie eine andere Farbe (Ihrer Wahl), um sie besser sichtbar zu machen, falls Sie dies wünschen.
Wir haben unser Rechteck innerhalb des größeren Rechtecks erstellt, wodurch wir effektiv einen Container mit (in CSS-Form) 6-mm-Polsterung erhalten, der als unsere Rinne dient. Wir werden diese "Polsterung" auf alle Container anwenden, die wir mit unserem Gitter bauen, um die Einheitlichkeit zu gewährleisten.
Fügen Sie dem Container einen Dummy-Text hinzu, indem Sie das Textwerkzeug auswählen und auf den Pfad des Rechtecks klicken. Ihr Rechteck verliert seine Farbe und wird zu einem Textcontainer mit festen Abmessungen. Es wird weder erweitert noch verkleinert, unabhängig davon, wie viel Text Sie darin ablegen.
Wiederholen Sie die Schritte 15 und 16, um einen zweiten Textcontainer neben Ihrem ersten zu erstellen. Entfernen Sie das größere der beiden Rechtecke und färben Sie den Text anders, um einen weißen Hintergrund zu ermöglichen. Sie sollten wirklich in der Lage sein, den Effekt der Verwendung von "Polsterung" jetzt als Dachrinne zu erkennen.
Fügen Sie einen Strich mit dem Liniensegment-Werkzeug über die gesamte Breite des Gitters hinzu, nivellieren Sie mit der horizontalen Mittelführung ganz oben. Färben Sie es entsprechend Ihrer vordefinierten Palette und stupsen Sie es dann einmal nach oben (Pfeiltaste nach oben), um es 6 mm nach oben zu bewegen (denken Sie daran, den Tastaturschritt in Schritt 9 auf 6 mm eingestellt zu haben). Fügen Sie ganz oben im Raster einen weiteren hinzu, um einen Bereich oben auf der Seite zu erstellen.
Die Flexibilität bei der Verwendung eines Gitters, das auf Vielfachen von 6 basiert, besteht darin, dass sowohl 3 als auch 2 gut passen. Daher können wir die Breite des Gitters auch in 3 Spalten unterteilen, das gleiche "Auffüllen" anwenden und es sieht dennoch optisch akzeptabel aus. Erstellen Sie sechs Container, verschieben Sie den Pfad zum Anwenden der Auffüllung und erweitern Sie ihn wie gezeigt.
Inzwischen habe ich oben auf der Seite auch einen Titel hinzugefügt.
Fügen Sie im unteren Bereich der soeben erstellten Container Text hinzu. Dies sind Beschriftungen für die Diagramme, die wir im folgenden Schritt erstellen.
Erstellen Sie eine vierte Ebene, nennen Sie sie "Diagramme" und sperren Sie die anderen, um sie nicht zu stören. Wählen Sie nun das Kreisdiagramm-Werkzeug aus und klicken Sie auf die Zeichenfläche. Geben Sie in dem sich öffnenden Diagrammdialog die gewünschte Höhe und Breite ein. Wir passen die Abmessungen später an.
Ein Dateneingabefeld wird angezeigt.
Bei der Erstellung von Diagrammen mit Illustrator werde ich nicht viel ins Detail gehen - das ist ein ganz anderes Tut! Ich werde jedoch kurz erklären, dass jede Datenzeile hier ein separates Kreisdiagramm erstellt. Jede ist in Bezug auf die Gesamtzahl der Zeilen in der Größe proportional zu den anderen (in diesem Fall summiert sich jede Zeile auf 100, also haben sie gleiche Abmessungen). Geben Sie die Daten wie gewohnt ein und klicken Sie auf Übernehmen (das Häkchen oben rechts)..
Schließen Sie den Dialog und lösen Sie die Diagramme (Befehl + U). Sie werden gewarnt, wenn Sie die Bearbeitungsfunktionen aus den Diagrammen verlieren, wenn Sie die Gruppierung aufheben, aber wir sind nur daran interessiert, sie als visuell zu betrachten Füllstoffe hier können wir ihre Dynamik verlieren.
Sie müssen die gesamte Partie mehrmals auflösen, um die Diagramme vollständig zu trennen. Wenn Sie jedoch etwas Farbe aus Ihrer Palette haben, gruppieren Sie jedes einzelne Diagramm und wenden Sie einen 3D-Extrusions-Effekt an. (Weitere Informationen zu 3D-Extrusion finden Sie im Lernprogramm "Erstellen einer Bohnenkanne" durch Zuordnen von Vektoren zu einem 3D-Objekt.)
Platzieren Sie die resultierenden Grafiken über ihren Beschriftungen, und verstoßen Sie dabei nicht gegen die Hilfslinien. Kreise müssen oft visuell korrigiert werden, wenn sie auf Gittern angebracht werden. Jemand, der sehr klug war, sagte einmal: "Es werden Regeln aufgestellt, um die Weisen zu leiten und Narren zu befolgen."
Wir haben die meisten relevanten Prinzipien bezüglich des Layouts besprochen. Verwenden Sie also die Konzepte, die wir behandelt haben, um die dritte Seite mit etwas Inhalt zu füllen. Platzieren Sie erneut einen Strich oben im Raster, und legen Sie einen zweiten Wert nach unten hinzu, und fügen Sie zwei weitere Spalten für Text hinzu, diesmal jedoch höher. Ein großer Titel- und Textbereich, der die Breite des Rasters abdeckt, dominiert den Kopf der Seite.
Die Tabelle am unteren Rand des zweiten Textcontainers besteht nur aus einer Sammlung von Rechtecken, etwas Text und einigen ausgerichteten Symbolen. Weiße Striche unterteilen die Bereiche zur Verdeutlichung.
Fügen wir unserer Seite einen vertrauenserregenden CEO hinzu. Ich habe ein passendes Bild (farblich abgestimmte Krawatte!) Heruntergeladen und es unter "Objekte", "Bilder", auf eine andere Ebene gelegt.
Wählen Sie Ihr eigenes Bild und fügen Sie es in Ihr Dokument ein, indem Sie auf Datei> Platzieren klicken. Wählen Sie die Datei in Ihrem System aus und klicken Sie auf OK. HINWEIS: Wenn Sie den Link im Dateiauswahldialogfeld markieren, wird das Bild in Ihrem Dokument angezeigt, ohne es einzubetten. Wenn die verknüpfte Datei dann außerhalb von Illustrator geändert wird, werden die Änderungen automatisch auf das angewendet, was Sie in Ihrem Dokument sehen. Dies hilft, Dateigröße und Verarbeitungszeit zu reduzieren.
Verwenden Sie das Rechteckwerkzeug, um ein Rechteck in den Führungen zu erstellen, und halten Sie an der Kontur an, wie Sie unten sehen können. Dies wird als unsere Maske dienen.
Wenn sowohl das Bild als auch das Rechteck ausgewählt sind, drücken Sie Befehlstaste + 7, um eine Schnittmaske zu erstellen. Verwenden Sie das Direktauswahl-Werkzeug, um nur das Bild auszuwählen und innerhalb der Maske neu zu skalieren. Sie können auch die Maske mit dem Direktauswahl-Werkzeug vergrößern. Zielen Sie auf etwas, das Sie unten sehen.
Fügen Sie weitere Textelemente hinzu, um ein Angebot abzuschließen. Verwenden Sie die Hilfslinien, um alles und Farben aus der Palette zu positionieren.
HINWEIS: Nachdem wir unsere Ebene "images" unter der Ebene "objects" platziert haben, haben wir den unteren Rand des Bildes mit dem zuvor erstellten Strich verbessert.
Fast da! Nur ein paar zusätzliche Elemente und wir werden unser PDF drucken. Zunächst werden ein Titel und ein Logo wie auf der Titelseite unten angezeigt.
Dann eine Copyright-Erklärung und Seitennummer auf den folgenden zwei Seiten, die direkt unter dem Raster in unserem positioniert sind vergrößerter Rand. Verwenden Sie die Glyphen (Typ> Glyphen), um ein Copyright-Symbol einzufügen, wenn Sie möchten.
Blenden Sie Ihre Hilfslinien aus, indem Sie auf Ansicht> Hilfslinien> Hilfslinien ausblenden (oder die Ebene "Hilfslinien" ausblenden) und überprüfen Sie die Gesamtästhetik Ihres Layouts. Nicht schlecht? Gut! Drucken wir es in eine Datei…
Wenn Sie Ihre Entwurfsarbeit abgeschlossen haben, gehen Sie zu Datei> Speichern unter, um den Dialog Speichern unter aufzurufen. Wählen Sie den Ort, an dem Sie Ihre PDF-Datei speichern möchten. Vergeben Sie einen Dateinamen (ich habe "Bericht" verwendet) und wählen Sie "Adobe PDF" als Format aus. Klicken Sie anschließend auf "Speichern".
In den Allgemeinen Einstellungen wird das Dialogfeld "Adobe PDF speichern" angezeigt. Spielen Sie mit Optionen nach Ihren Wünschen, aber was hier wichtig ist, ist das, was wir einstellen:
Die Einstellung Mehrseiten-PDF aus Seitenkacheln erstellen ist natürlich von entscheidender Bedeutung. Wenn Sie es nicht überprüfen, erstellen Sie eine PDF-Seite, die aus Ihrer gesamten Zeichenfläche besteht. Nicht das Ziel, das wir erreichen wollen.
Gehen Sie zu den Sicherheitseinstellungen im Dialogfeld "Adobe PDF speichern". Die hier festgelegten Einstellungen bestimmen, was die Benutzer mit Ihrem Dokument machen dürfen oder nicht. Aktivieren Sie das Kontrollkästchen Kennwort verwenden, um die Bearbeitungssicherheits- und Berechtigungseinstellungen einzuschränken. Dabei können Sie bestimmte Dinge mit einem Passwort sichern. Wir gehen zu:
Legen Sie die gewünschten Optionen fest und klicken Sie auf "PDF speichern"..
Fertig! Schauen Sie sich das endgültige PDF an (nein, Sie können es nicht bearbeiten oder drucken!) Und prüfen, ob alles wie erwartet gelaufen ist. Zu beachten ist, dass der Inhalt nicht auf andere Seiten übertragen wurde. In diesem Fall könnte das Orange der ersten Seite leicht den linken Rand der zweiten Seite überfliegen. Nehmen Sie gegebenenfalls Korrekturen vor und speichern Sie sie erneut.
An dieser Stelle möchte ich noch einmal betonen, dass diese Technik kein Ersatz für die Verwendung von Software für das Seitenlayout ist, wie InDesign oder QuarkXpress. Diese Technik kann effektiv sein, wenn Sie kurze mehrseitige Dokumente erstellen müssen.
Wir haben ein breites Spektrum an Fähigkeiten in Illustrator abgedeckt, um dieses Dokument zu erstellen. Einige davon sind umfangreich, für einige sind weitere Untersuchungen erforderlich. Viel Spass dabei!!
Besuchen Sie paul-rand.com - für mehr Gedanken und Arbeit von Paul Rand.
Mark Boultons Grids Are Good ist ein hervorragender PDF-Artikel für alle, die an der Vermittlung von Grid-basierten Layouts interessiert sind.
Eine umfassende Ressourcenliste finden Sie unter Smashing Magazine 'Designing mit gitterbasiertem Ansatz' - der Grund, warum diese Ressourcenliste nicht sehr lang ist; es ist alles hier!
Accentsconagua