All Articles Photoshop
Entwerfen Sie eine Trifold Broschüre in InDesign und Photoshop, Teil 3
Martin Perhiniak on Wed, May 29th 0 comments
Continuing from Part 2 in this 3-part InDesign and Photoshop tutorial, Martin Perhiniak shows you how to create a beautiful trifold brochure and hone your design ninja skills.

In dieser dreiteiligen Tutorial werden wir einen trifold Broschüre für ein fiktives Reisebüro entwerfen

Bali brochure


Schritt 1 - Exportieren von JPEGs aus InDesign

Zunächst einmal müssen wir um die Falten der Broschüre gerettet aus InDesign, so dass wir mit ihnen in Photoshop arbeiten können. Der Plan ist es, die in Falten und die Vorderseite der Broschüre in der Mockup zeigen, so dass wir nur brauchen, um diese Seiten zu exportieren. Wenn Sie die vorherigen beiden Teile dieses Tutorials gefolgt, dann können Sie eröffnen die InDesign-Datei und gehen Sie zu Datei

Pic 1


Sie können die Seiten im Bereich Abschnitt, den Sie speichern möchten aus. Es ist wichtig zu Seiten statt Spreads im Export-Dialog gesetzt.


Schritt 2 - Laden Sie Dateien in Photoshop-Ebenen

Jetzt, da wir die Falten exportiert haben, können wir zu dem Ordner, in dem die Dateien in Bridge gehen. Sobald Sie ausgewählt alle vier Falten (Vorder-und drei in Falten) Sie Extras wählen

Pic 2


Schritt 3 - Erweiterung der Leinwand für die Mockup

Jetzt, da wir in Photoshop sind, haben wir auf die Leinwand vorbereiten zu können, um alles richtig zu passen. Im Moment ist die Leinwand die gleiche Größe wie eine Herde. Wir haben dem Bild wählen

Pic 3


Dies ist, wie das Dokument wie mit diesen Veränderungen aussehen:

Pic 4


Schritt 4 - Erstellen Sie die Hintergrundebene

Um das Mockup realistisch aussehen, müssen wir einen schönen Hintergrund mit Farbverlauf. Zunächst einmal müssen wir eine leere Ebene erstellen und platzieren Sie es an der Unterseite der Schichtstruktur. Als nächstes müssen wir darauf doppelklicken und fügen Sie ein Gradient Overlay Schicht Stil mit den folgenden Einstellungen:

Pic 5


Schritt 5 - Organisieren der Falten

Bevor wir die Arbeit mit den Falten beginnen, müssen wir sicherstellen, dass sie organisiert sind. Das beste ist, die 3 in Falten zusammen zu halten, um zu bewegen und die vordere Falte separat auf der Seite im Moment.

Pic 6


Schritt 6 - Erstellen von Smart Objects

Bevor wir jede Größenänderung der Falten zu beginnen, wäre es klug, um jede Schicht separat abbiegen in Smart Objects. Der Vorteil dabei ist, dass wir gewohnt Qualität der Bilder zu verlieren, während sie Größenänderung. Um dies zu tun, müssen Sie lediglich auf die Schicht mit der rechten Maustaste und wählen Sie Convert to Smart-Objekt. Wiederholen Sie diesen Schritt für alle fach Schichten.

Pic 7


Schritt 7 - Hinzufügen von Perspektive Falten

Dies ist wahrscheinlich der schwierigste Teil des Tutorials, wie es einige Übung und Verständnis der Perspektive benötigt. Was Sie tun müssen, vor allem ist es, die Schichten mit den in Falten auswählen und bearbeiten

Pic 8


Wenn Sie fertig sind, drücken Sie einfach die Eingabetaste, um die Änderungen zu übernehmen.


Schritt 8 - Drehen die Falten

Mit der gleichen Technik können wir mehr Tiefe der Falten hinzufügen, indem sie zu verzerren leicht nach oben. Stellen Sie sicher, dass Sie in diesem Fall verwenden Sie die Freie separat Transform auf der Innenseite Falte auf der linken und rechten Seite. Auch versuchen, alle Elemente, die zwischen Falten (wie das blaue Rechteck auf mein Design) überlappen auszurichten.

Pic 9


Pic 10


Schritt 9 - Hinzufügen von Schatten werfen

Um das Mockup mehr realistisch müssen wir auch Schattenwurf erstellen. Der einfachste Weg dies zu tun ist, um einen Schattenwurf Schicht Stil zu den Schichten hinzuzufügen. Sie können die folgenden Einstellungen:

Pic 11


Sie können entweder den Effekt auf eine Falte und dann Alt / Option ziehen Sie den fx-Symbol auf der rechten Seite der Schichten Name auf den beiden anderen Schichten, um die Auswirkungen zu kopieren, oder Sie können es auf die einfacheren Weg, indem sie die Schichten in einer Gruppe und Zugabe die Wirkung auf die Gruppe. Sie können dies nur tun, wenn Sie Photoshop CS6 oder später haben.

Was Sie tun müssen, ist es, alle drei Schichten und drücken Sie Befehl / Strg-G wählen, um sie in einem Layer-Gruppe zu verbinden und dann auf das Gruppen-Symbol doppelklicken, um den Effekt hinzuzufügen. Sie können die gleichen Einstellungen wie oben, aber in diesem Fall Ihre Schichtstruktur wird wie folgt aussehen:

Pic 12


Schritt 10 - Hinzufügen von Schattierung auf den Falten

Es ist nicht genug, um Schattenwurf für eine realistische Mockup haben, müssen wir auch Schattierungen auf den Falten sich. Für dies die beste Methode ist, um Gradient Overlay-Schicht-Stil auf den Falten hinzuzufügen. In diesem Fall könnte es einfacher sein, den Effekt steuern, wenn Sie separat an jeder Falte Schicht aufzubringen. Früher habe ich die folgenden Einstellungen für die Falte auf der linken Seite:

Pic 13


Wiederholen Sie diesen Schritt für die anderen Falten.


Schritt 11 - Anlegen und Anwenden von Effekten für die Vorder-fach

Last but not least, können Sie die vordere Falte und die gleichen Effekte, um es (Verzerrung, Schattenwurf und Schattierung).

Pic 14


Der große Vorteil dieses Mockup ist, dass man leicht zu aktualisieren, wenn Sie es speichern als PSD-Datei. Das nächste Mal, wenn Sie eine Broschüre erstellen mit dem gleichen oder sehr ähnliche Größe können Sie nur auf die Smart-Objekt-Schichten Thumbnails in der Ebenen-Palette doppelklicken Sie auf und ersetzen Sie die Bilder mit dem neuen Design. Sobald Sie diese speichern eingebettete Dokumente (Quellen der Smart Objects), werden Sie sehen, dass Ihre Mockup mit den neuen Falten aktualisieren.

Ich hoffe, Sie haben dieses Tutorial genossen Serie und haben Sie gelernt, ein paar neue Techniken von ihm. Viel Glück mit Ihrer zukünftigen Broschüre Projekte!


Entwerfen Sie eine Trifold Broschüre in InDesign und Photoshop, Teil 1

Entwerfen Sie eine Trifold Broschüre in InDesign und Photoshop, Teil 2

Entwerfen Sie eine Trifold Broschüre in InDesign und Photoshop, Teil 3

Related Videos
Comments (0)

You must be logged in to comment.

Working With Images
InDesign CC & CS6 105
Dream It. Do It.
Do you want to learn Working With Images?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: