Share
Was Sie erstellen werdenPhotoshop ist ein hervorragendes Werkzeug für das Grafikdesign, insbesondere für digitale Grafiken, die nur auf Bildschirmen angezeigt werden, zusätzlich zu den gleichnamigen Aufgaben des Fotografierens. Aber das ist nicht alles, wozu es gut ist. Mit richtigem Wissen und Denken kann man Photoshop verwenden, um auch beeindruckende Druckdesigns zu erstellen.
In diesem Lernprogramm werden Sie durch die grundlegenden Schritte zum Erstellen des auffälligen Flyers geführt, der direkt aus Photoshop in druckfertigen CMYK-Farben gedruckt werden kann. Sie können diesem Tutorial folgen, um diesen genauen Flyer zu erstellen, oder Sie können die Schritte mit dem Inhalt und den Farben anpassen, die Sie mit den gleichen Methoden erhalten möchten.
Wenn Sie es jedoch eilig haben und nach einer qualitativ hochwertigen Lösung suchen, können Sie eine Reihe von Flyer-Vorlagen auf GraphicRiver erwerben, wie zum Beispiel: Flyer-Paket, Business-Flyer-Vorlage oder Vintage-Flyer-Vorlage.
Oder Sie können mit einem benutzerdefinierten Flyer-Designer in Envato Studio arbeiten. Zum Beispiel wird der beliebte kanadische Designer Fragonard für nur 40 US-Dollar ein einzigartiges Flyer-Design entwerfen.
Ansonsten zeigt Ihnen dieses Tutorial einen professionellen Workflow. Lass uns anfangen!
In diesem Tutorial werden lizenzfreie Bilder von Envato zusammen mit einigen benutzerdefinierten Vektor-Icons verwendet, die ich in Illustrator speziell für dieses Projekt erstellt habe. Sie finden jede von ihnen zusammen mit einer vollständigen PSD-Datei, die Sie zum Vergleich mit Ihrer Arbeit verwenden können, im Download auf der Sidebar dieses Tutorials.
In diesem Lernprogramm wird auch die Proxima Nova-Schriftfamilie verwendet, die mit einem Typekit- oder Adobe Creative Cloud-Abonnement geliefert wird. Sie können diese Schriftart mit Ihrem Computer synchronisieren und mit diesem Lernprogramm verwenden oder eine andere, ähnliche Schriftart verwenden.
Richten Sie zunächst ein Dokument mit dem richtigen Format und den richtigen Einstellungen für den Druck ein. Erstellen Sie ein neues Dokument in Photoshop und legen Sie die Abmessungen auf fest 216 x 154 mm. Diese Abmessungen entsprechen dem A5-Papierformat mit 3 mm Beschnittzugabe an jeder Kante. Da wir Artwork für den Druck erstellen werden, setzen Sie Farbmodus zu CMYK und Auflösung zu 300 Pixel / Zoll.
Erstellen Sie neue Hilfslinien, die den Anschnittbereich darstellen. In Illustrator und InDesign ist diese Funktion bereits integriert. In Photoshop müssen wir sie jedoch selbst erstellen. Verwenden Sie die Werkzeug bewegen (V) und das Verschiebung SchlüsselErstellen Sie eine horizontale Hilfslinie, indem Sie den Cursor vom oberen Lineal ziehen. Stellen Sie sicher, dass sich die Führung befindet 3 mm auf der Y-Achse.
Wiederholen Sie den gleichen Vorgang, um entlang jeder Kante des Dokuments Hilfslinien zu erstellen. Stellen Sie sicher, dass jeder Leitfaden ist Einsatz 3 mm von seiner entsprechenden Kante.
Drücken Sie Shift-Cmd-N ein neues erstellen Schicht. Fülle es mit Weiß als Vordergrundfarbe (Alt-Rücktaste). Stellen Sie sicher, dass Sie die haben CMYK-Schieberegler eingeschaltet, so dass Sie Druckfarben verwenden.
Erstelle eine neue Verlaufsüberlagerung. In dem Ebenenstil-Panel, Bearbeiten Sie den Farbverlauf. Stellen Sie den weißen Schieberegler ein Ort zu 30%. Ändern Sie die Farbe des schwarzen Schiebereglers in Hellgelb (C = 9 M = 6 Y = 14 K = 0).
Fügen Sie eine Verlaufsüberlagerung aus der hinzu fxSchaltfläche im Ebenenbereich… 
… Und dann den Verlauf anpassen… 
… Mit den gewünschten Farben für das DokumentVerwenden Sie die Rechteckwerkzeug (U) ein neues Rechteck erstellen. Set seine Größe zu 216 mm durch 56 mm.
Ausrichten das Rechteck in der linken oberen Ecke des Dokuments. Fülle es mit Dunkelbraun (C = 49 M = 74 Y = 80 K = 70).
Verwenden Sie die Stiftwerkzeug (P) um einen neuen Ankerpunkt am unteren Rand des Rechtecks hinzuzufügen.
Mit dem Direktauswahl-Tool (A), Spielen Sie mit den Ankergriffen, um eine schöne Bezier-Kurve zu erzeugen.
Führen Sie die gleichen Schritte aus, um das Rechteck in der unten gezeigten Form anzupassen.
Gehe zu Datei> Eingebettet platzieren… , dann wählen Sie die Menschen-1.jpg Bild aus dem Resource Pack.
Verwenden Sie die Werkzeug bewegen (V) um das Foto im Dokument zu verschieben. Legen Sie es wie oben gezeigt in die obere obere Ecke.
Erstellen Sie ein neues Rechteck mit der Rechteckwerkzeug (U). Set seine Größe zu 216 mm durch 100 mm.
Verwenden Sie die Direktauswahl-Tool (A) Platzieren Sie das Rechteck direkt über dem Foto in der oberen linken Ecke.
In dem Rechteckige Werkzeugleiste Optionen auswählen Maske. Dadurch wird eine Vektormaske erstellt, die auf die Ebene mit dem Foto angewendet wird.
Fügen Sie der Maske einen neuen Ankerpunkt mit hinzu Stiftwerkzeug (P). Erstellen Sie eine kurvige Bezier-Kurve mit der Direkte Auswahlwerkzeug (A).
Mit den gleichen Werkzeugen, die Stiftwerkzeug und das Direktauswahlwerkzeug, Versuchen Sie, die Maske in der unten gezeigten Form anzupassen. Beachten Sie die Position der Ankerpunkte und die Einfachheit der Form. Je weniger Ankerpunkte Sie verwenden, desto glatter erscheint die letzte Maske.
Gehe zu Filter> Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 6.
Wähle aus Intelligente Filter Maske. Verwenden Sie die Verlaufswerkzeug (G) die Maske von links nach rechts ausblenden.
Stellen Sie die Farbverlaufsrichtung von links nach rechts ein, um das Bild nach rechts zu verwischenErstelle eine neue Ebenenmaske. Verwenden Sie die Pinselwerkzeug (B) Treppen auf dem Foto verblassen. Verwenden Sie ein bisschen Instinkt und Kreativität.
Erstellen Sie eine neue Helligkeit / einen neuen Kontrast Einstellungsebene Klicken Sie auf das Sonnensymbol im Anpassungsfenster. einstellen Helligkeit zu 40 und Kontrast bis 10.
Klicken Sie mit der rechten Maustaste auf die Einstellungsebene und wählen Sie aus Schnittmaske erstellen. Dadurch werden die neuen Helligkeitseinstellungen nur auf das Foto unten angewendet.
Erstelle eine neue Einfarbig. Legen Sie die Farbfüllung auf fest Brown (C = 30 M = 80 Y = 100 K = 30).
Klicken Sie in der Fotoebene auf die Vektormaske. Halte das Alt Taste und ziehen Sie die Maske über die braune Farbe füllen. Diese Aktion dupliziert die ausgewählte Maske.
Verwenden Sie die Direktauswahl-Tool (A) und ziehen Sie den oberen rechten Ankerpunkt in die obere rechte Ecke.
Verwenden Sie die Pinselwerkzeug (B) um einige Bereiche des Fotos unter der braunen Füllung sichtbar zu machen. Stellen Sie das ein Deckkraft der Ebene zu 75%.
Zeichnen Sie ein neues Rechteck mit Rechteckwerkzeug (U).
Fülle das Rechteck mit Hellbraune Farbe (C = 10 M = 65 Y = 100 K = 0).
Platzieren Sie die Ebene mit dem hellbraunen Rechteck unter dem dunkelbraunen Rechteck.
Verwenden Sie die Stiftwerkzeug (P) mit dem Direktauswahl-Tool (A) um das Rechteck in eine gekrümmte Form zu bringen, wie unten gezeigt.
Erstelle eine neue Ellipse (U). Stellen Sie die Abmessungen auf 248 px durch 248 px. Fülle es mit Braune Farbe (C = 30 M = 80) Y = 100 K = 30).
Ergänzen Sie die Schlagschatten bewirken. einstellen Opazität zu 14%, Entfernung zu 5 px, und Größe zu fünfzehn px.
Fügen Sie der Ebene einen Schatten von der hinzu fx Schaltfläche im Ebenenbereich
Passen Sie Ihren Schatten mit diesen Einstellungen anErstelle eine neue Ellipse (U). Stellen Sie die Abmessungen auf 400 px durch 400 px. Fülle es mit Dunkelblaue Farbe (C = 100 M = 80 Y = 45 K = 50).
Verwenden Sie dasselbe Schlagschatten bewirken und auf die Ellipse anwenden. Sie können entweder den Schatten neu erstellen oder mit der rechten Maustaste klicken und auswählen Ebenenstil kopieren Fügen Sie dann den Ebenenstil auf der anderen Ellipse ein. Legen Sie die Ebene mit der dunkelblauen Ellipse unter die mit der braunen Ellipse.
Fügen Sie Text mit hinzu Schreibwerkzeug (T). Dieses Tutorial verwendet die Proxima Nova Familie. Das Top Title Size ist 17 pt. Fügen Sie den Rest des Textes hinzu, wobei sich jeder in einer separaten Ebene befindet. Verwenden Sie die Werkzeug bewegen (V) um jede Zeile entsprechend zu platzieren, wie in der Abbildung unten dargestellt.
Wiederholen Sie den Vorgang, um neuen Text hinzuzufügen. Stellen Sie das ein Größe der ersten Zeile zu 31 pt.
Erstellen Sie einen neuen Titel mit Schreibwerkzeug (T). Stellen Sie das ein font zu Proxima Nova Light und das Größe zu 18 pt.
Fügen Sie den Untertitel erneut mit der Schreibwerkzeug (T). Stellen Sie das ein SIze zu 36 pt. Einstellen Zeichenverfolgung zu -10.
Wählen Sie beide Textebenen aus. Halten Sie die Alt Schlüssel und ziehen der Text, um beide Zeilen darunter zu kopieren.
Verwenden Sie erneut die Schreibwerkzeug (T) um den Text gemäß dem unten gezeigten Bild umzuschreiben. Positionieren Sie den Text mit Werkzeug bewegen (V).
Gehe zu Datei> Eingebettet platzieren und platzieren Sie das Vektor-Logo acme-travel-logo.ai in das Dokument.
Verkleinern Sie das Vektorlogo und positionieren Sie es in der oberen rechten Ecke.
Ergänzen Sie die Schlagschatten bewirken. In dem Ebenenstil-Panel, einstellen Opazität zu 11%, Entfernung zu 3 px, und Größe zu 16 px.
Erstelle eine neue Rechteck (U). Set seine sIze bis 60 px durch 28 px.
Wählen Sie die Rechteckform mit Direktauswahl-Tool (A). Legen Sie im Ausrichtungsfeld die Option fest Horizontal Zentren.
Gehe zu Datei> Eingebettet platzieren und platziere die Menschen-11.jpg Foto aus dem Resource Pack.
Verkleinern Sie das Bild und platzieren Sie es direkt im Rechteck.
Aktivieren Sie das Rechteckwerkzeug (U), Klicken Sie im Optionsfeld auf Maske. Diese Aktion erstellt eine Vektormaske aus dem Rechteck und wendet sie auf das Foto an.
Halten Sie bei ausgewählter Fotoebene gedrückt Alt-Shift und ziehen Sie das Foto, um es zu kopieren.
Gehe zu Datei> Eingebettet platzieren. Wähle aus Stadt-5.jpg Foto aus Resource Pack und fügen Sie es dem Dokument hinzu.
Verkleinern Sie das Bild und platzieren Sie es mit dem Mädchen über dem duplizierten Foto.
Nimm die Maske aus dem duplizierten Foto mit dem Mädchen und füge sie in das neue Bild einlöschen Sie das Menschen-11-Kopie Schicht.
Wiederholen Sie die Schritte 7 bis 9, um den Karten-Screenshot in das Dokument einzufügen. Platzieren Sie dieses Mal das Kartenbild.
Wähle aus Karten-Screenshot schichten und hinzufügen Schlaganfall über die Effekte-Schaltfläche im Ebenenbereich.
einstellen Stroke SIze zu 2 px. Einstellen Position zu Innerhalb und setzen Farbe zu Brown (C = 30 M = 80 Y = 100 K = 30).
Verwenden Sie die Schreibwerkzeug (T) um eine neue Instanz von Text zu erstellen. Set seine sIze zu 11 pt und sein Farbe zu Hellbraun (C = 10 M = 65 Y = 100 K = 0).
Fügen Sie weitere Zeilen hinzu. einstellen SIze zu 9 pt, einstellen Führend zu 13 pt, und ändern Farbe zu Grau (K = 90).
Gehen Sie genauso vor, um einen neuen Textblock zu erstellen. Platziere sie unter dem Foto mit dem Mädchen und dem Karten-Screenshot.
Gehe zu Datei> Eingebettet platzieren… Wählen icons.ai um die Icons in das Dokument zu importieren. Ein neues Kontextfenster wird angezeigt. Wähle aus Kalendersymbol und klicken Sie auf OK.
Verkleinern Sie das Symbol und platzieren Sie es mit Zeitinformationen in der ersten Zeile.
Wiederholen Sie den Vorgang, um die restlichen Symbole zu importieren, und platzieren Sie sie entsprechend neben jeder Zeile.
Verwenden Sie die Schreibwerkzeug (T) um neuen Text hinzuzufügen. Platzieren Sie es über dem Karten-Screenshot. einstellen SIze zu 13 pt, einstellen Führend zu 11 pt, und ändern Farbe zu Hellbraun (C = 10 M = 65 Y = 100 K = 0).
Folgen Sie dem gleichen Vorgang, um neue Textzeilen für die Adresse hinzuzufügen. einstellen SIze zu 9 pt und ändern Farbe zu Grau (K = 90).
Gehe zu Datei> Eingebettet platzieren… , wählen icons.ai wieder und importiere die Globus-Vektor-Symbol in das Dokument.
Verkleinern Sie das Symbol und platzieren Sie es neben der Webadresse.
Aktivieren Sie das Stiftwerkzeug (P) Erstellen Sie eine Vektorform, die die Richtung auf der Karte darstellt.
In dem Optionsfeld, einstellen Schlaganfall zu Gestrichelt und Farbe zu Hellbraun (C = 10 M = 65 Y = 100 K = 0).Einstellen Schlaganfall Width zu 1,5 pt.
Gehe zu Schlaganfall-Optionen> Weitere Optionen… , und setzen Kappen zu Runden und einstellen Dein Schuppen Line: Strich zu 3 und Spalt zu 3.
Erstelle eine neue Ellipse (U). einstellen Farbe zu Brown (C = 30 M = 80 Y = 100 K = 30).
Aktivieren Sie das Stiftwerkzeug (P). Halte das Alt Schlüssel und klicken Sie auf den unteren Ankerpunkt. Dadurch wird der Ankerpunkt von glatt in Ecke umgewandelt.
Mit dem Direktauswahl-Tool (A), Bewegen Sie den konvertierten Ankerpunkt nach unten.
Ergänzen Sie die Schlagschatten Effekt auf den Stift. Verwenden Sie die unten gezeigten Einstellungen, um es subtil zu machen.
Erstellen Sie wieder ein neues Ellipse (U) und Fschlechte Farbe mit Weiß. Setzen Sie die Ellipse in die Mitte des Pins. Und das ist der letzte Schliff für unser Flyer-Design.
Herzliche Glückwünsche! Wenn Sie dem Tutorial bis zu diesem Punkt gefolgt sind, sollten Sie ein schönes Design eines Werbeflyers erstellt haben.
Denken Sie daran: Jedes Mal, wenn Sie Bilder für den Digitaldruck entwerfen, müssen Sie in CMYK-Farben denken, um die besten Ergebnisse zu erzielen. Vergessen Sie nicht, der Leinwand einen Beschnitt hinzuzufügen (mindestens 3 mm von jeder Kante entfernt). Wenn Sie sich bezüglich einiger technischer Parameter nicht sicher sind, sollten Sie sich direkt an die Druckerei wenden, um Fehler oder Probleme zu vermeiden.
Wenn Sie eine Komplettlösung benötigen, können Sie sich eine unserer Flyer-Vorlagen von GraphicRiver besorgen. Wir haben eine Menge kreativer Möglichkeiten, wie etwa Flyer Bundle, Business Flyer Template oder Vintage Flyer Template.
Im nächsten Tutorial dieser Serie wird beschrieben, wie Sie diesen Flyer in InDesign einführen und ein PDF in Druckqualität erstellen. Wenn Sie Fragen zum Erstellen eines Druckdesigns in Photoshop haben, schreiben Sie unten einen Kommentar, und wir helfen Ihnen gerne weiter.
Accentsconagua