Entwerfen einer druckfertigen Broschüre in Photoshop

German (Deutsch) translation by Władysław Łucyszyn (you can also view the original English article)

Final product image — What You'll Be Creating

Dieses Mal helfe ich Ihnen, eine druckfertige Dreifachbroschüre von Grund auf nur mit Photoshop zu erstellen. Dieses Tutorial ist ideal für Anfänger und für Leute, die mehr über Druckdesign erfahren möchten. Lassen Sie uns loslegen!

Dies ist eine praktische Anleitung zum Erstellen einer einfachen Broschüre von Grund auf nur mit Photoshop. Ich mache es ohne InDesign-Vorlagen oder Illustrator zu verwenden, da es viele Leute gibt, die diese Software nicht haben oder nicht wissen, wie man sie benutzt. Wenn Sie als Student eine Broschüre mit Ihrem Tintenstrahldrucker drucken möchten, ist dies möglicherweise das richtige Tutorial für Sie.

Teil 1: Einrichten des Arbeitsdokuments

Schritt 1 - Wählen Sie den Falttyp

Es gibt mehrere Dinge, die wir berücksichtigen müssen, bevor wir mit der Gestaltung einer Broschüre beginnen: die Größe, Form und Faltart neben dem Konzept selbst. Generell sollten wir mit Stift und Papier beginnen - buchstäblich. Es ist eine gute Idee, sich ein Blatt Papier zu schnappen und nach der besten Methode zu suchen, es zu falten. Am Ende haben Sie sowieso nur zwei bedruckbare Seiten, d. h. zwei Photoshop-Dokumente, eine für die Vorderseite und eine für die Vorderseite die Rückseite.

Diesmal zeige ich Ihnen, wie Sie eine dreifache Broschüre gestalten. Unten ist ein kurzer Entwurf der Faltanleitung. Von hier an benennen wir jeden Druckbereich als "Face", also haben wir "Face 1", "Face 2", "Face 3"... bis "Face 6".

Schritt 2 - Zeichnen

Es ist nicht schwer, sich ein Design vorzustellen, sobald die Faltart ausgewählt ist. Wenn Sie Ihr Blatt Papier gefaltet haben, zeichnen Sie etwas darüber und sehen Sie, wie es aussieht. Dies ist der kreativste Schritt, also fühlen Sie sich frei, zu tun, was Sie wollen.

Im folgenden Beispiel habe ich mein Tablet benutzt, um etwas für Sie zu zeichnen (hatte das gleiche auf Papier tatsächlich getan). Dies bildet die grundlegenden Richtlinien des Designs und einige der grafischen Ideen. Das Zeichnen hilft Ihnen zu sehen, wo Sie den Inhalt Ihrer Broschüre platzieren und ob das Layout dem Leser hilft, die Informationen schnell zu finden, außerdem ist es eine gute Möglichkeit, Ihre Informationen geordnet zu halten. Z.B. In meinem Entwurf können Sie sehen, wie ich den Text "Kontakt" in Feld Nummer 2 platziert habe (siehe vorherige Grafik), damit der Leser den Titel der Broschüre und die Kontaktinformationen auch dann lesen kann, wenn die Broschüre gefaltet bleibt als schnelle Referenz.

Seite I

Schritt 3 - Einrichten des Arbeitsdokuments

Lassen Sie das Design beginnen! Dieses Mal arbeite ich mit einem Standarddokument von 11 x 8,5 Zoll. Öffnen Sie Photoshop und drücken Sie Befehl + N, um ein neues Dokument zu erstellen. Für die Druckgestaltung sind die Dokumenteinstellungen sehr wichtig, achten Sie also auf die folgenden Werte. Setzen Sie den Auflösungswert auf 300 Pixel pro Zoll, den Farbmodus auf CMYK-Farbe. Es ist eine gute Idee, bevor Sie anfangen, etwas zu entwerfen, um Ihre Monitorfarbe mit der Druckerfarbe zu kalibrieren, aber das ist ein anderes Thema, also können Sie das Farbprofil unverändert lassen.

Sobald Sie das Dokument erstellt haben (Sie können es "Broschüre - Vorderseite" nennen), zeigen Sie die Lineale an, indem Sie zu Ansicht > Lineale gehen oder Befehl + R drücken. Stellen Sie auch die Linealeinheiten als Zoll ein, indem Sie die Alt-Taste über das Lineal klicken und wählen Sie Zoll im Optionsmenü. Sie müssen die Optionen zum Anzeigen von Hilfslinien aktivieren, indem Sie zu Ansicht > Anzeigen > Hilfslinien gehen oder die Standardkombination Befehl + Semikolon-Taste drücken.

Schritt 4 - Hauptbereichsgrenzen

Wir müssen die Grenzen unseres gültigen Druckbereichs oder "Hauptbereichs" definieren, dh 8,5 x 11 Zoll. Zeichnen Sie dazu einfach vier Hilfslinien auf jede der Dokumentseiten. Diese Guides sind keine druckbaren Linien, sondern nur Referenzen, damit Sie Ihr Design in Ordnung halten können.

Sie können sie jederzeit anzeigen und ausblenden, indem Sie auf Ansicht > Anzeigen > Hilfslinien gehen. Um eine Hilfslinie zu zeichnen, klicken Sie einfach auf das Lineal, entweder horizontal oder vertikal, und ziehen Sie die Hilfslinie und platzieren Sie sie an der gewünschten Stelle.

Schritt 5 - Erhöhen Sie die Dokumentgröße

Sobald Sie die vier Hilfslinien platziert haben, gehen Sie zu Bild > Leinwandgröße und fügen Sie sowohl den Breiten- als auch den Höhenwerten einen Zoll hinzu, dh 12 x 9,5 Zoll. Überprüfen Sie außerdem, ob sich der Ankerpunkt genau in der Mitte befindet. Klicken Sie auf OK und Sie werden sehen, dass der weiße Hintergrund auf jeder Seite 0,5 Zoll größer ist.

Schritt 6 - Entlüften

Jetzt fügen wir einen 0,25 Zoll Anschnitt hinzu. Zeichnen Sie 4 Führungen über 1/4 Zoll vor den vorherigen Führungen. Dies ist sehr wichtig, da jedes Hintergrundbild oder jede Farbe innerhalb der Blutungsgrenzen gezeichnet werden muss.

Schritt 7 - Sicherheitsgrenze

Auch wenn unser Schneideprozess perfekt ist, müssen wir noch einen kleinen Bereich ohne wichtigen Text oder Bild innerhalb des bedruckbaren Bereichs lassen. Wir fügen einen Sicherheitsrand, einen Rand ohne Element oder einen Abstand zwischen dem Rand und dem Design hinzu. Sie können es Padding nennen, wenn Sie mit Webdesign vertrauter sind.

Ziehen Sie vier Hilfslinien 1/4 Zoll nach den Hilfslinien "Hauptbereich" auf jeder Seite des Dokuments, dies ist nur ein Vorschlag. Sie können es größer oder kleiner machen, es liegt an Ihnen. Am Ende müssen Sie so etwas wie das letzte der folgenden Bilder haben.

Schritt 8 – Erstellen von Spaltenhilfslinien

Jetzt müssen wir die Spaltenleitlinien erstellen, da diese Broschüre drei gleiche Spalten hat, die drei Inhaltsbereiche bilden. Es gibt mehrere Möglichkeiten, diese Hilfslinien hinzuzufügen. Eine davon besteht darin, den Taschenrechner zu greifen und die Breite des Papiers durch drei zu teilen (11 / 3 = 3.6666), ziemlich hart, oder? Einer meiner Lieblingstricks, um mehrere Spalten mit der gleichen Breite sowohl im Web- als auch im Printdesign zu erstellen, besteht darin, einige Zeitformen zu verwenden.

Beginnen Sie mit dem Zeichnen eines Rechtecks (U), verwenden Sie die Hilfslinien, beginnen Sie oben links in der Ecke des Schnittpunkts der Hilfslinien "Hauptbereich" und ziehen Sie das Rechteck, bis Sie die untere Hilfslinie "Hauptbereich" erreichen.

Die Breite dieser zeitlichen Form ist nicht wichtig, versuchen Sie einfach, sie etwas schmaler zu gestalten. Ändern Sie dann das Werkzeug in das Verschieben-Werkzeug (V) und wählen Sie das erste Rechteck aus, stellen Sie sicher, dass die Option Transformationssteuerelemente anzeigen im Optionsfenster aktiviert ist, und duplizieren Sie dann das Rechteck; Sie können dies tun, indem Sie die Alt-Taste drücken, während Sie die ausgewählte Vektorform ziehen.

Platzieren Sie die Kopie direkt neben dem vorherigen Rechteck, wobei die rechte Seite des ersten Rechtecks die linke Seite des zweiten Rechtecks berührt. Es ist eigentlich ganz einfach. Ich ändere die Farbe der Kopie für grafische Zwecke (siehe Bild unten).

Duplizieren Sie ein drittes Rechteck und platzieren Sie es wie abgebildet neben dem zweiten. Sobald Sie die drei Rechtecke fertig haben, stellen Sie sicher, dass kein Platz dazwischen ist und sich keine Überlappungen befinden. Wählen Sie die drei Rechtecke aus, dann in der Ebenenpalette (Halten Sie die Umschalttaste gedrückt und klicken Sie auf jede Ebenenminiatur).

Dieser Transformationsprozess erweitert jedes Rechteck im gleichen Verhältnis. Als nächstes wählen Sie einfach das mittlere Rechteck mit dem Verschieben-Werkzeug aus und verwenden die Transformationsgrenzen als Grenze für zwei neue Hilfslinien für die Spalten. Löschen Sie abschließend die Rechtecke.

Schritt 9 - Faltung des Sicherheitsrandes

Fügen Sie als letzten Schritt des Hilfslinienprozesses die 1/4-Zoll-Sicherheitsrandführung neben den Säulenführungen hinzu. Dies ist sehr wichtig, da die Faltung immer 2-3 Millimeter des Druckbereichs beansprucht und es wichtig ist, dass sich auf diesem Bereich kein grafisches Objekt befindet.

An diesem Punkt müssen Sie einen perfekten Haufen von Anleitungen haben, in denen Sie arbeiten können. Es ist eine großartige Zeit, Ihre Arbeit zu speichern, Sie können sie auch als Vorlage für weitere Projekte speichern.

Schritt 10 - Hintergrund

Fügen wir eine Hintergrundfarbe hinzu. Natürlich müssen Sie CMYK-Werte verwenden, um die perfekte Farbe zu finden. Doppelklicken Sie in der Werkzeugleiste auf die Vordergrundfarbe und wählen Sie Ihre Hintergrundfarbe aus.

Ich verwende eine subtile Kombination aus Yellow 15% und Plain Black 10%. Zeichnen Sie nun ein Rechteck von der oberen linken Ecke zur unteren rechten Ecke der Anschnitthilfslinien. Standardmäßig ist die Füllung dieses Vektorrechtecks die Vordergrundfarbe. Es ist sehr wichtig, den Hintergrund einschließlich des Anschnitts hinzuzufügen.

Schritt 11 - Hilfslinien trimmen

Jetzt fügen wir einige benutzerdefinierte Schnittführungen hinzu, um uns mitzuteilen, wo wir schneiden und wo wir falten müssen. Wählen Sie dazu die Vordergrundfarbe als 100 % schwarze Farbe aus. Wählen Sie das Linienwerkzeug (Klicken und halten Sie über das Rechteck-Werkzeug, bis Sie mehr Optionen haben, wählen Sie dort das Linien-Werkzeug).

Zeichnen Sie einige Linien direkt über den Hilfslinien "Hauptbereich". Zeichnen Sie eine gerade Linie, bis Sie den Anschnittrand erreichen (siehe Bilder unten), halten Sie einfach die Umschalttaste gedrückt, während Sie die Linie zeichnen. Zeichnen Sie diese Schnittlinien über die vier Ecken und über die Säulenführungen. Sie können die Hilfslinien beliebig oft ein- und ausblenden, indem Sie auf Befehl + Semikolon-Taste klicken.

Schritt 12

Fügen Sie alle Schnittlinien in eine Gruppe mit dem Namen "Trim Guides" ein.

Teil 2: Design

Schritt 13 - Fügen Sie einen Texturhintergrund hinzu

Da wir in Photoshop entwerfen, warum nicht Texturen? Die coole Funktion, Texturen einfach hinzuzufügen und Ebenen zu mischen, ist eine der Stärken von Photoshop. Wir verwenden dieses Bild als Hintergrundtextur, um diesem Design einen schmutzigen und alten Stil zu verleihen.

Fügen Sie das Bild in das Dokument in eine neue Ebene mit dem Namen "BG Texture" ein und platzieren Sie es mit dem Verschieben-Werkzeug (V) und den freien Transformationsoptionen genau wie das Rechteck der vorherigen Schritte innerhalb der Anschnitthilfslinien. Nachdem Sie es platziert haben, verwenden Sie das Klonwerkzeug, um die Unvollkommenheiten wie die blauen Tintenlinien des Archivbilds zu beheben. Ändern Sie schließlich den Mischmodus der Textur auf Multiplizieren und seine Deckkraft auf 40%.

WICHTIG: Das Ändern des Mischmodus der Ebene ist bei CMYK-Farben anders als bei RGB-Farben. Die RGB-Farbe verwendet das Licht, um die Ebenen zu mischen, der CMYK-Modus verwendet den Tintenprozentsatz, um sie zu mischen. Die beliebten Mischmodi wie Multiply basieren auf der Lichtmischung mit mathematischen Formeln über dem RGB-Farbcode. Das Ergebnis wird sich je nach Farbmodus stark unterscheiden.

Unten sehen Sie ein Beispiel für einen einfachen Multiplizieren-Mischmodus für RGB- und CMYK-Farbmodi. Auch wenn es bei Cyan, Magenta und Gelb fast keine Veränderung gibt, zeigen die Farben Rot, Blau und Grün einen großen Unterschied zu den RGB-Farben. Wie auch immer, es gibt keine satten schwarzen Farben, die aus dem Mischmodus bei CMYK resultieren, wie dies bei RGB der Fall ist.

Eine einfache Möglichkeit, dieses Problem zu beheben, besteht darin, Ihre komplexe Mischmodus-Bearbeitung an einem RGB-Dokument zu bearbeiten. Wenn Sie damit fertig sind, konvertieren Sie den Farbmodus in CMYK, indem Sie zu Bild > Modus > CMYK-Farbe gehen und alle Ebenen glätten, aber das nicht perfekt ist, werden Sie wahrscheinlich immer noch einen Verlust an Sättigung und Helligkeit haben, wenn Sie den Modus ändern.

Schritt 14 - Fügen Sie einen langen Streifen hinzu

Jetzt beginnen wir mit dem Design selbst. Basierend auf meiner Skizze beginne ich, ein langes Rechteck über die ganze Seite zu zeichnen. Verwenden Sie eine beliebige Vordergrundfarbe, da wir mehrere Ebeneneffekte hinzufügen, damit sie gut aussieht.

Beginnen Sie mit dem Hinzufügen einer Verlaufsüberlagerung mit den unten beschriebenen Farben (dunkelrot bis rot). Sie können entweder den Farbwähler verwenden, eine Pantone-Farbe verwenden oder die Werte direkt in die CMYK-Felder eingeben. Ich schlage Ihnen die letzte Option vor.
Fügen Sie einen helleren roten 10px-Stroke hinzu.
Und schließlich ein großer Schlagschatten. Schlagschatten verwendet im CMYK-Modus standardmäßig die Farbe Normalschwarz, das heißt C=0%, M=0%, Y=0% und K=100%.

Klicken Sie auf OK und sehen Sie, wie es aussieht.

Schritt 15 - Texturieren des Streifens

Drücken Sie Befehl + A, um alles auszuwählen, wählen Sie in der Ebenenpalette die Ebene "BG Texture" aus und kopieren Sie (Befehl + C) die Auswahl. Fügen Sie es in eine neue Ebene über der Ebene "Stripe" des vorherigen Schritts ein und transformieren Sie die Textur ein wenig, indem Sie ihre Höhe dehnen. Benennen Sie die Ebene "Stripe Texture".

Klicken Sie bei gedrückter Befehlstaste auf die Miniatur der Vektormaske "Stripe" und gehen Sie zu Auswählen > Invertieren, um die Auswahl umzukehren. Löschen Sie dann die zusätzliche Textur und lassen Sie nur ein Stück über dem Streifen. Als nächstes ändern Sie den Mischmodus "Stripe Texture" in Linear Burn. Wie Sie sehen, haben wir eine schöne Textur über dem Streifen. Gruppieren Sie jetzt die Ebenen "Stripe" und "Stripe Texture" in einen Ordner mit dem Namen "Stripe".

Schritt 16 - Drehen Sie den Streifen

Ich habe mich entschieden, nicht die standardmäßige vertikale 90°-Ausrichtung zu verwenden, sondern zwei kleine Variationswinkel von 15° und 5° zu erstellen und die Broschürenobjekte entsprechend diesen Winkeln zu drehen.

Nehmen Sie zuerst das Verschieben-Werkzeug (V) und wählen Sie den Ordner "Stripe". Drehen Sie nun das Design mit den Free Transform-Steuerelementen auf -15°. Sie können die Umschalttaste gedrückt halten, um den Drehwinkel in Intervallen von 15 Grad zu erhöhen/zu verringern.

Drücken Sie nach der Einrichtung die Eingabetaste, um die Transformation zu bestätigen und den Stripe an einer beliebigen Stelle zu platzieren. Ich verwende einen Referenzschnittpunkt zwischen dem unteren Rand des Streifens und der rechten Hilfslinie "Hauptbereich". Außerdem habe ich eine Hilfslinie direkt in der vertikalen Mitte erstellt.

Schließlich fügen wir ein benutzerdefiniertes Detail hinzu. Da ich den Winkel des Streifens gedreht habe (wenn Sie sich den Winkel des Verlaufs-Overlays auf den Ebenenstilen "Stripe" ansehen), bleibt er bei 90º; Deshalb sieht die linke Seite dunkler aus als die rechte Seite des Streifens. Sie können diesen Winkel vergrößern oder verkleinern, damit der Farbverlauf gut aussieht. Ich stelle den Gradient Overlay-Winkel auf 100º ein.

Schritt 17 - Fügen Sie einen zweiten Streifen hinzu

Wählen Sie den "Stripe Folder" mit dem Verschieben-Werkzeug aus. Ziehen Sie bei gedrückter Alt-Taste den Ordner, um ihn zu duplizieren. Drehen Sie dann den neuen Ordner, um ihn wieder horizontal zu machen.

Wir müssen diesen Streifenverlauf dunkler machen, also ändern Sie die Farben des Verlaufsüberlagerungseffekts wie unten gezeigt. Dehnen Sie auch die Höhe des neuen Ordners ein wenig.

Schritt 18 - Drehen Sie den zweiten Streifen

Drehen Sie die "Stripe copy" ein wenig auf -5º. Sie können den Winkelwert in das Winkelfeld im Eigenschaftenfenster des Transformationswerkzeugs eingeben. Nachdem Sie den Streifen gedreht haben, platzieren Sie ihn nur wenige Millimeter unter dem ersten (siehe Bild unten). Begehen Sie alle Transformationen und gehen Sie voran.

Mitte ausrichten (optional)

Da ich mit diesen Streifen auf der Rückseite einen Wickeleffekt hinzufügen möchte, ist es sehr wichtig, sie horizontal mittig auszurichten. Es ist eigentlich ganz einfach, drücken Sie einfach Befehl + A, um alles auszuwählen, wählen Sie das Verschieben-Werkzeug (V) und klicken Sie dann auf den Ordner "Stripe" in der Ebenenpalette.

Sie sehen die Ausrichtungsoptionen im Werkzeugoptionen-Bedienfeld. Klicken Sie auf Horizontale Mitte ausrichten. Drücken Sie Befehl + D, um die vorherige Auswahl aufzuheben. Wiederholen Sie diesen Vorgang mit dem Ordner "Stripe copy".

Schritt 19 - Das Band

Jetzt fügen wir ein gelbes Band hinzu, um ein beeindruckendes grafisches Detail auf der Vorderseite der Broschüre zu haben. Erstellen Sie eine neue Gruppe zwischen den Ordnern "Stripe" und "Stripe copy" und nennen Sie sie "Ribbon". Erstellen Sie darin ein neues gelbes Vektorrechteck, das nicht viel breiter ist, wie unten gezeigt. Die Farbe ist jetzt nicht wichtig.

Um das Band zu erstellen, zeichnen Sie eine temporäre vertikale Hilfslinie in der Mitte des Rechtecks. Wählen Sie die Vektormaske in der Ebenenpalette aus und wählen Sie in der Werkzeugleiste das Ankerpunkt hinzufügen-Werkzeug. Klicken Sie auf die Schaltfläche Zeichenstift-Werkzeug und halten Sie sie gedrückt. Klicken Sie mit diesem Werkzeug einmal unten in der Mitte, um einen kleinen Ankerpunkt auf dem Rechteck zu erstellen.

Wechseln Sie nun das Werkzeug zum Punkt konvertieren-Werkzeug (klicken und halten Sie die Schaltfläche Zeichenstift-Werkzeug) und klicken Sie einmal über den vorherigen Ankerpunkt, um die Kurvengriffe zu löschen. Wählen Sie als Nächstes aus der Symbolleiste das Direktauswahl-Werkzeug aus (klicken und halten Sie über dem Pfadauswahl-Werkzeug) und wählen Sie den neuen Ankerpunkt aus. Verwenden Sie nun den Cursor, um den Punkt einige Millimeter nach oben zu verschieben. Jetzt hast du ein Band. Achten Sie darauf, dass sich das Farbband innerhalb der Begrenzungen von Vorderseite 1 der Broschüre befindet, einschließlich des Sicherheitsfalzrands.

Schritt 20 - Ribbon Layer Styles

Fügen Sie als Nächstes einen Verlaufsüberlagerungsstil (dunkelgelb bis gelb) zur Ebene "Ribbon" hinzu, indem Sie die unten gezeigten Werte verwenden. Fügen Sie außerdem einen 5-Pixel-Stroke in der unten gezeigten Farbe hinzu.

Schritt 21 - Bandschatten

Wir fügen dem Band einen Schatten hinzu; Sie können es mit einem einfachen Schlagschatten anheben, wenn Sie möchten, aber dieses Mal füge ich einen erweiterten Schatten hinzu, da ich das Band verzerre, damit es platzt.

Duplizieren Sie die Ribbon-Ebene und rastern Sie die Ebene. Sie können dies schnell tun, indem Sie eine neue leere Ebene über oder unter der Kopie erstellen, beide auswählen und Befehl + E drücken, um sie zusammenzuführen und die resultierende Ebene "Ribbon Shadow" zu benennen.

Verschieben Sie die Schattenebene einige Millimeter nach rechts. Wenden Sie dann einen einfachen schwarzen Farbüberlagerungsebenenstil auf den Schatten an. Gehen Sie anschließend zu Filter > Blur > Gaußian Blur und stellen Sie den Radius auf 10 Pixel ein und klicken Sie auf OK. Sie werden sehen, dass die verschwommene Ebene nicht gut aussieht, also ändern Sie den Mischmodus "Ribbon Shadow" auf Overlay und die Deckkraft auf 75%.

Schritt 22 - Fertigstellen des Bandes

Um unserem Menüband die letzten Details hinzuzufügen, müssen wir es ein wenig verzerren. Verwenden Sie das Verschieben-Werkzeug, um die Multifunktionsleiste auszuwählen, und aktivieren Sie die Steuerelemente für die freie Transformation im Optionsmenü. Suchen Sie nach der Schaltfläche Warp und klicken Sie darauf.

Verwenden Sie den Cursor, um das Band ein wenig zu verformen, wie unten gezeigt. Drücken Sie die Eingabetaste, um das Warping auszuführen. Verwenden Sie schließlich die gleiche Technik wie in Schritt 15, um das Band zu texturieren. Der einzige Unterschied besteht darin, den Mischmodus "Ribbon texture" auf Multiplizieren und Deckkraft auf 50% zu ändern.

Schritt 23 - Der Titel

Jetzt ist ein guter Moment, um den Titel der Broschüre hinzuzufügen. Basierend auf meiner Skizze schreibe ich das Wort "PSD" über den großen Streifen und "TUTS+" über den kleinen. Wählen Sie das Textwerkzeug (T), klicken Sie irgendwo auf den großen Streifen und geben Sie die Wörter ein. Gehen Sie nun zu Fenster > Zeichen, um das kleine Zeichenfenster anzuzeigen, um die Texteigenschaften anzupassen. Weitere Informationen zur Verwendung dieses Tools finden Sie in meiner umfassenden Einführung in das Textwerkzeug.

Für das erste Wort verwende ich Helvetica-Black mit einem Gewicht von Black, Sie können Arial Black verwenden, da es auch gut aussieht. Sobald Sie die Textebene erstellt haben, wechseln Sie zum Verschieben-Werkzeug (V), um die Textebene um -15° zu drehen, damit sie dem Streifendrehwinkel entspricht.

Um schließlich einen Buchdruck-Effekt zu erzeugen, fügen Sie der Textebene einen dunkelroten Farbüberlagerungsstil, ein weiches rotes äußeres Glühen und einen einfarbigen schwarzen inneren Schatten von 65% Deckkraft hinzu (sehen Sie die Werte in der Abbildung unten).

Schritt 24 - Der Titel

Beenden wir den Titel. Wiederholen Sie den vorherigen Schritt, aber mit einer kleineren Schriftart und platzieren Sie sie über dem kleinen Streifen. Wenden Sie auch den gleichen Ebenenstil an. Drehen Sie dann die Textebene nur um -5 Grad. Als kleine Anpassung ändern Sie die Farbüberlagerung in eine andere, um sie etwas dunkler zu machen. Gruppieren Sie schließlich beide Textebenen in einen Ordner namens "Title". Denken Sie daran, dass sich Ihre Textebenen innerhalb der Begrenzungslinien des Sicherheitsrands befinden müssen.

Schritt 25 - Ein kleiner 3D-Schatten

Da der Drop Shadow-Stil nicht der zuverlässigste Weg ist, um einen realistischen Schatten zu erhalten, füge ich einen weiteren Schatten direkt unter dem Ordner "Stripe" hinzu, um einen schönen Effekt zu erzielen.

Erstellen Sie unterhalb des Ordners "Stripe" eine neue Ebene mit dem Namen "Shadow". Erstellen und dehnen Sie auf dieser Ebene eine Ellipse (Sie können entweder das Elliptical Marquee Tool oder das Ellipse Tool verwenden). Füllen Sie die Form mit schlichtem Schwarz (100% K) und gehen Sie zu Filter > Blur > Gaußian Blur, stellen Sie dann den Radius auf 20 Pixel ein und klicken Sie auf OK. Als nächstes drehen Sie die Schattenebene um -15º. Ändern Sie schließlich den Mischmodus auf Multiplizieren und die Deckkraft auf 50%.

Schritt 26 - Inhaltstext

Das Hinzufügen des Inhaltstextes ist ziemlich einfach, aber Sie müssen Ihr ganzes typografisches Wissen anwenden, damit es gut aussieht. Im folgenden Beispiel erstelle ich eine Absatztextebene mit etwas Dummy-Text für den Text "Face 2".

Arial Black wird diesmal meine Wahl sein. Ich füge auch eine Textebene mit zwei Punkten hinzu, um auffällige Titel zu erstellen. Ein weiterer wichtiger Punkt ist die Rotation. Nachdem Sie Ihre Textebenen erstellt haben, müssen Sie sie um -15 Grad drehen, wenn sich die Textebenen oberhalb des großen Streifens befinden, oder um -5 Grad, wenn sich die Textebenen am unteren Rand des kleinen Streifens befinden. Der Rotationseffekt verleiht unserem Design eine ganz besondere Note. Denken Sie noch einmal daran, innerhalb der Sicherheitsmarge zu entwerfen.

Schritt 27 - Gruppeninhalt

Ich füge weitere Textebenen mit Dummy-Inhalten hinzu. Natürlich müssen Sie Ihre eigenen hinzufügen. Beachten Sie, dass der Text "Contact Us" um -5° gedreht ist, da er unter dem kleinen Streifen liegt. Sie können die Ebenen in Ordnern nach dem Gesicht gruppieren, zu dem sie gehören, "Face 1", "Face 2" oder "Face 3".

Ende der Seite I

An diesem Punkt haben wir die erste Seite unseres Designs fertig. Denken Sie daran, Ihre Arbeit mit einem aussagekräftigen Titel wie "Broschüre - Vorderseite" zu speichern. Speichern Sie dann das Dokument als "Broschüre - zurück" und fahren Sie fort.

Seite II

Schritt 28 - Einrichten des inneren Seitenlayouts

Wir arbeiten an der Rückseite des Druckpapiers. Offensichtlich sind die Seite, der Rand, die Führungen genau die gleichen wie die Vorderseite. Aber um mit den Streifen einen Wickeleffekt zu erzielen, müssen wir sie umdrehen.

Löschen (oder verbergen) Sie zunächst alle Inhaltsebenen ("Face 1,", "Face2" und "Face 3") und lassen Sie nur die Streifen und das Band. Sie können drei Ordner namens "Face 4", "Face 5" und "Face 6" erstellen, um den Inhalt hinzuzufügen.

Schritt 29 - Flip die Streifen

Jetzt drehen wir die Streifen um. Wählen Sie den Ordner "Stripe Copy" aus und gehen Sie zu Bearbeiten > Transformieren > Horizontal spiegeln. Machen Sie dasselbe mit dem Ordner "Stripe". Verschieben Sie schließlich das Menüband wie abgebildet auf die linke Seite des Dokuments.

Schritt 30 - Mehr Text hinzufügen

Es ist nicht schwer, Inhalte auf der Rückseite hinzuzufügen, wiederholen Sie einfach, was wir in Schritt 26 gemacht haben, aber diesmal muss der Drehwinkel positiv sein. In diesem Fall beträgt der Drehwinkel 15°. Ich habe die Dienstelistensymbole mit einer der standardmäßigen benutzerdefinierten Formen von Photoshop erstellt. Denken Sie daran: Überschreiten Sie nicht die Grenzen der Sicherheitsmarge.

Schritt 31 – Fügen Sie ein benutzerdefiniertes Support-Image hinzu

Extrahieren Sie dieses Bild aus seinem Hintergrund und fügen Sie es in eine neue Ebene namens "Polaroid" im Ordner "Face 5" ein. Fügen Sie nun ein beliebiges Bild in das dunkle Polaroid-Rechteck ein (Sie müssen mit der Auswahl des Auswahlrahmens spielen oder eine Ebenenmaske hinzufügen). Fügen Sie es in eine Ebene über der Ebene "Polaroid" mit dem Namen "Picture" ein. Dieses Bild verwende ich übrigens. Ändern Sie schließlich den Mischmodus der Ebene "Picture" in Überlagerung.

Schritt 32

Verschmelzen Sie die Ebenen "Picture" und "Polaroid" zu einer Ebene mit dem Namen "Polaroid", passen Sie dann den Farbton / die Sättigung an (Befehl + U) und stellen Sie die unten gezeigten Werte ein.

Schritt 33 - Bildschatten

Erstellen Sie ein neues Rechteck (100%K) hinter der Ebene "Polaroid" und nennen Sie es "Shadow". Drücken Sie Befehl + F, um den letzten Gaussian Blur-Filter erneut anzuwenden. Ändern Sie dann den Mischmodus der Ebene auf Multiplizieren und die Deckkraft auf 60%. Als nächstes drehen Sie die Ebene "Shadow" ein paar Grad nach rechts.

Schritt 34 - Letzter Schliff

Drehen Sie den gesamten Ordner "Face 5" ein paar Grad nach rechts. Und nur weil wir es können, wählen Sie das Brennwerkzeug und brennen Sie einige Bereiche des Polaroid-Bildes, um es grungiger zu machen.

Schritt 35 - Ende der Seite II

Und das ist das Ergebnis für die Rückseite.

Abschluss

Und das war's, jetzt können Sie das Dokument in Ihrem bevorzugten Format exportieren, indem Sie auf Datei > Speichern unter klicken und einen Dateityp auswählen (Photoshop PDF ist eine gute Wahl).

Außerdem können Sie die Beschnitthilfslinien entfernen und eine .TIFF-Datei nach InDesign oder Illustrator exportieren. Es gibt viele Möglichkeiten, diese Dateien an den Druckdienst zu senden. Außerdem können Sie eine Mock-up-Vorlage von Graphic River kaufen oder eine von Grund auf neu erstellen und eine coole Vorschau Ihrer Broschüre erhalten.

Zusätzliche Ressourcen

Wenn Sie Hilfe bei Ihrem Broschürendesign benötigen, bietet Envato Studio eine großartige Sammlung von Druckdesignern, die Sie vielleicht erkunden möchten.