5 Kommentare
Tags: Design, InDesign, Printwerbung, selbst gestalten, Tutorial
Zur Vorstellung der eigenen Produkte im Portfolio oder auch als Ankündigung einer Konferenz oder einer Ausstellung eignet sich ein gut strukturierter Infoflyer hervorragend. Auf ihm könnt ihr alle wichtigen Informationen zur Veranstaltung bündeln. Solch ein Folder bietet der Kundschaft zudem die Möglickeit, sich über Firmenprofil, Produktpalette und Dienstleistungen zu informieren und so eine nachhaltige Bindung zum Herausgeber des Infomaterials herzustellen. Den Umfang eines Mehrbruchflyers möchte ich euch mit dem heutigen InDesign-Tutorial demonstrieren, indem wir gemeinsam einen 6-seitigen Infoflyer für eine fiktive Klimaschutzkonferenz erstellen. Ich lade euch recht herzlich zum Mitmachen ein.
Es muss ja nicht immer gleich die großformatige, 52-seitige Imagebroschüre sein, in welcher dem Kunden das Unternehmen ganz detailliert nähergebracht wird. Für alle, die es kurz, knackig, aber dennoch informativ und einprägsam mögen, haben wir auch mehrseitige Infoflyer, sog. Folder, im Angebot. In unserem Portfolio findet ihr die passenden Formate in 4-, 6-, 8,- 10- oder 12-seitiger Ausführung. Bei den Falztypen könnt ihr bei uns zwischen Wickelfalz, Zickzackfalz und dem offenen Altarfalz wählen und habt somit die größtmögliche Freiheit bei der Gestaltung eures Produktes.
Das genaue Setup eines Mehrbruchflyers, also Grammatur, Seitenzahl, Falzart und Veredelung, kann bei SAXOPRINT also exakt an die Vorgaben eures Projektes angepasst werden. Der Informationsgehalt auf den Aussen- und Innenseiten des Infoflyers bleibt also ganz euch überlassen. Wie so oft, sollte die Gestaltung jedoch nicht zu überladen wirken. Die Thematik des Folders sollte möglichst schlank und anschaulich auf der Titelseite präsentiert werden und auf den übersichtlich strukturierten Innenseiten sollten die zentralen Informationen aufbereitet werden. Eine gute Lesbarkeit und die Unterstreichung des Textes mit einprägsamen Bildmaterial ist hierbei von zentraler Bedeutung. Wie man diese Punkte nun in der Praxis anwenden kann, seht ihr an den aufgeführten Beispielen und dem Ergebnis unseres Tutorials.
Design by Tim Ament
Ein hervorragender Einsatzzweck für einen Mehrbruchflyer (Folder) ist bspw. auch die Promotion einer Ausstellung in einem Museum oder einer Galerie. Bereits auf wenigen Seiten kann man dem Betrachter einen Vorgeschmack auf ausstellende Künstler und deren spannende Exponate geben. Die Einsatzzwecke der Infoflyer sind also überaus vielfältig.
Design by Fabian Schwedka
Und nun geht’s los mit unserem InDesign-Tutorial.
Die passende Druckvorlage öffnen
Step 1
Ich möchte in diesem Tutorial gemeinsam mit euch einen 6-seitigen Mehrbruchflyer im DIN A5-Hochformat mit Wickelfalz für eine Konferenz zum Thema Klimaschutz gestalten. Die Druckvorlage dafür könnt ihr euch entweder durch unser neues Add-On SAXOPRINT® pro design für Adobe InDesign CS6 und CC generieren lassen oder, wenn ihr eine ältere InDesign-Version bis CS5 benutzt, könnt ihr euch einfach die passende InDesign-Vorlage in unseren Druckvorlagen herunterladen. Diese Vorlage öffnet ihr dann entweder direkt über das Add-On oder nach dem Entpacken in Adobe InDesign über den Menüpunkt Datei / Öffnen (alternativ mit dem Shortcut Strg+O) vom Speicherort.
Die Vorderseite vom Infoflyer
Step 2
Ihr zieht euch nun mit dem Rechteckwerkzeug (M) über die Seiten 5 und 6 ein dunkelblaues Rechteck (C=85 M=35 Y=10 K=15) ohne Rand über die gesamte Fläche inklusive des kompletten Anschnitt-Bereiches auf. Diese Vorgehensweise dient später dazu, ungewollte, weiße Blitzer zu vermeiden. Alle in diesem Tutorial zur Anwendung kommenden Farbfelder findet ihr auch als fertige Zusammenstellung in der ASE-Datei im Downloadpaket am Ende dieses Artikels. Um euch Arbeit beim Anlegen der Farbfelder zu ersparen, könnt ihr diese auch einfach laden und habt dann damit schnell alle Farben parat, die hier benötigt werden. Das zweite im Screenshot zu sehende, als Hintergrundrechteck bezeichnete, Objekt dient bei diesem Projekt später ausschließlich dazu, dass ihr auch in der Normal-Ansicht nicht ständig unsere Vorlagen-Ebene im Bild habt und sauber eure Textfelder erkennen könnt.
Step 3
Danach zieht ihr euch drei weitere Rechtecke auf, die alle 296 x 6 mm groß sind. Die Farben stuft ihr, wie unten in der Grafik zu sehen, ab. Dann gruppiert ihr diese vier Rechtecke, in dem ihr sie alle mit dem Auswahlwerkzeug (V) markiert und anschließend auf Objekt / Gruppieren (Strg+G) geht.
Step 4
Das gleiche wiederholt ihr nun für den unteren Rand von eurem Mehrbruchflyer, nur dass in diesem Fall die Rechtecke nicht sechs, sondern elf Millimeter hoch sind. Auch diese vier Rechtecke gruppiert ihr nun wieder über Objekt / Gruppieren.
Step 5
Wie ihr aus unserer Druckvorlage erkennen könnt, ist Seite 6 die Rückseite und Seite 5 wird bei der Wickelfalz eingeklappt. Diese Seite 5 offenbart sich dem Leser direkt nachdem er die Titelseite aufgeschlagen hat. Für unseren Info-Flyer der fiktiven Klimaschutzkonferenz habe ich an dieser Stelle das Grußwort der Schirmherrin vorgesehen. Auf der Rückseite des Folders werden dann abschließend die Kontaktdaten der Veranstaltung aufgeführt. Auf Seite 5 zieht ihr also zunächst einmal einen 30 x 30 mm großen Rechteckrahmen (F) ohne Flächen- und Konturfarbe auf. Über Datei / Platzieren (Strg+D) könnt ihr dann ein Foto (©Mari Smith, Flickr) platzieren.
Step 6
Daneben platziert ihr ein Textfeld (T), in welches ihr die wichtigsten Informationen zur Person platziert. Als Schriftart für den kompletten Mehrbruchflyer habe ich mich für Gravitiy (© Vincenzo Vuono, dafont) entschieden. Damit ihr später leichter auf dieses Zeichenformat zurückgreifen könnt, solltet ihr euch im Fenster Absatzformate ein neues Absatzformat anlegen. Hier könnt ihr für alle weiteren Textfelder auch gleich das dunkle Blau (C=85 M=35 Y=10 K=15) als Schriftfarbe festlegen.
Step 7
In diesem Schritt zieht ihr euch jetzt ein 124 x 96 mm großes Textfeld (T) auf und platziert darin euer eigentliches Grußwort.
Step 8
Auf Seite 6 könnt ihr nun ein großes Textfeld aufziehen und darin dann alle wichtigen Infos zu eurer Veranstaltung mit dem Textwerkzeug (T) platzieren. Dabei könnt ihr wieder auf das vorher definierte Absatzformat zurückgreifen, das ihr dann lediglich bei den obersten drei Zeilen noch etwas anpassen müsst. Auch mit dem Zeilenabstand und dem Zeichenabstand müsst ihr ein klein wenig herumprobieren.
Step 9
Wie ihr im vorangegangenen Bild erkennen konntet, sah dort die Zeile mit der Bankverbindung, über welche die geforderte Teilnahmegebühr zu überweisen ist, nicht sonderlich schön aus. Um das zu ändern, müsst ihr nun zwei Ausgleichs-Leerzeichen einfügen. Dazu markiert ihr zunächst die komplette Zeile mit dem Textwerkzeug (T) und setzt sie dann in den Blocksatz. Danach markiert ihr das Leerzeichen, das ausgeglichen werden soll, also das zwischen dem Namen der Bank und der BIC. Dann geht ihr auf Schrift / Leerräume einfügen / Ausgleichs-Leerzeichen. Das Gleiche wiederholt ihr dann für den Zwischenraum zwischen der BIC und der IBAN.
Step 10
Jetzt könnt ihr euch der Titelseite widmen. Dazu zieht ihr euch ein 150 x 214 mm großes Rechteck ohne Flächen- und Konturfarbe auf. Über Strg+D platziert ihr darin euer Titelbild, das ihr anschließend mit dem Auswahlwerkzeug (V) noch zurechtrücken könnt. Das für diesen Flyer verwendete Bild findet ihr bei iStock.
Step 11
Und was passt besser also Logo für eine Klimakonferenz als eine Schneeflocke? Diese findet ihr im Downloadpaket am Ende dieses Tutorials. Als Grundlage diente mir in diesem Fall ein Icon von Flaticon. Dieses platziert ihr über Datei / Platzieren in einem 22 x 22 mm großen Rechteckrahmen (F), den ihr anschließend mit dem Auswahlwerkzeug (V) verschieben könnt. Über die Schaltfläche Inhalt an Rahmen anpassen stellt ihr sicher, dass dieses Icon den Rahmen komplett ausfüllt.
Step 12
Neben dem Icon platziert ihr dann mit dem Textwerkzeug (T) ein 55 x 30 mm großes Textfeld. Darin schreibt ihr mit der Schriftart Gravitiy euren Text hinein. Die obere und untere Zeile in diesem Beispiel sind in der Ausprägung Light geschrieben, die Mittlere in Regular. Durch anpassen des Zeilenabstandes verteilt ihr anschließend die Zeilen gleichmäßig.
Step 13
Zur besseren Abgrenzung zwischen den Wörtern könnt ihr nun noch mit dem Linienzeichner-Werkzeug (<) eine 53 mm lange, 1 pt starke, orangefarbene Linie (C=0 M=70 Y=100 K=0) hinzu. Dann seid ihr schon mit den Arbeiten an den Seiten 1, 5 und 6 fertig. Damit es für euch nicht zu unübersichtlich wird, solltet ihr alle Elemente einer Seite gruppieren (Strg+G) und diese Gruppen sowie deren Elemente so bezeichnen, so dass ihr sie später leicht wiederfinden könnt.
Weiter geht’s mit der Rückseite
Step 14
Ihr wechselt nun über das Fenster Seiten zum 2. Druckbogen. Dann zoomt ihr aus dem Dokument heraus, schnappt euch das Auswahlwerkzeug (V), markiert die oberen Streifen von den Seiten 5 und 6 und zieht mit gedrückt gehaltener Alt-Taste eine Kopie dieser Streifen auf den zweiten Druckbogen. Dort platziert ihr die Streifen wieder oben und verbreitert diese ganze Gruppe auf 446 mm.
Step 15
Ihr zieht euch nun drei Rechteckrahmen (F) jeweils über die gesamte Breite der unteren Seiten inklusive Anschnitt auf. Bei der Höhe bleibt ihr generell bei 47 mm. Über Strg+D platziert ihr nun darin eure Beispielbilder. Die hier verwendeten Aufnahmen findet ihr erneut auf iStock:
Step 16
Ihr zieht euch nun einen weiteren 10 mm breiten Rechteckrahmen (F) auf. Bei der Farbe greift ihr auf das schon mehrfach verwendete, dunkle Blau (C=85 M=35 Y=10 K=15) zurück.
Step 17
Mit dem Rechteckrahmen (F) zieht ihr nun für die Seiten 3 und 4 zwei weitere 105 x 10 mm große Rechtecke auf. Ein drittes Rechteck, und zwar das auf Seite 2, ist wegen dem mit einzubeziehendem Anschnitt-Bereich um 2 mm breiter (107 mm). Als Farbe wählt ihr in diesem Fall das Blau mit den Spezifikationen C=80 M=30 Y=20 K=5.
Step 18
Damit habt ihr nun die Grundlagen für die Textgestaltung auf den drei Innenseiten geschaffen. Mit dem Textwerkzeug (T) könnt ihr nun die Daten und die Themen eintragen. In der ersten (C=85 M=35 Y=10 K=15) und dritten (C=35 M=0 Y=15 K=0) Zeile wendet ihr wieder Gravity Regular an. In der mittleren (C=0 M=0 Y=0 K=0) Zeile greift ihr auf Gravity Bold zurück.
Step 19
Nun braucht ihr den einzelnen Daten bloß noch ergänzende Erklärungen beizufügen. Dazu zieht ihr euch mit dem Textwerkzeug (T) drei 128 x 90 mm große Textfelder auf. Diese füllt ihr unter Verwendung der Gravity Regular mit eurem Text. Die Überschriften könnt ihr zwei Schriftgrößen größer schreiben und unterstreichen, damit sie sich besser vom Rest des Textes abheben.
Step 20
Die Gestaltung des Info-Flyers ist nun auch schon fast abgeschlossen. Nun noch alle Objekte der jeweiligen Seiten schön ordentlich gruppieren, die Ebene Vorlage ausblenden und alles als PDF (PDF/X1a oder PDF 1.3) abspeichern über Datei / Exportieren.
Fertig!
Wie immer bekommt ihr hier das komplette Tutorial und alle benötigten Dateien (bis auf die lizenzpflichtigen Fotos) noch einmal als Downloadpaket. Ich hoffe das Tutorial hat euch Spaß bereitet. Ich würde mich sehr über Feedback und gerne auch weitere Anregungen für neue Tutorials freuen.
5 Kommentare
Super Anleitung. Werde ich in der kommenden Woche unserer Praktikantin an die Hand geben und dann beurteilen ob alles funktioniert hat. Werde euch Feedback geben, ob ein Flyer oder eine Zeitung entstanden ist ;)
Hallo,
danke – schön, wenn das Tutorial so gut ankommt.
Viele Grüße, Thomas
[…] Hosentaschenformat daherkommen soll. Dies ließe sich bspw. mit einem DIN A6-Format umsetzen. Als Infoflyer, für eine Portfoliovorstellung oder die Verarbeitung von Bildmaterial mit Panoramaeffekt könnte […]
Lieber Thomas,
normalerweise lerne ich durch Tutorials in Videoformat. Deins ist jedoch so gut strukturiert, jeden Schritt hast du mit einem Screenshot festgehalten, dass es sich viel besser lohnt. Vielen dank!
Liebe Grüße,
Susan
Hallo Susan,
danke für deinen netten Kommentar und die motivierenden Worte.
Viele Grüße, Thomas