Cyber Monday Sale Save up to 40% off unlimited courses, tutorials and creative assets. Cyber Monday Sale! Save Now
Advertisement
  1. Design & Illustration
  2. Illustration

Erstellen Sie ein inspirierendes Vektor-politisches Plakat

by
Difficulty:IntermediateLength:LongLanguages:

German (Deutsch) translation by Katharina Nevolina (you can also view the original English article)

Final product image
What You'll Be Creating

Dieses Tutorial ist inspiriert von Sheppard Fairey's berühmter politischer Posterserie für die Obama-Kampagne in den USA.  Wir zeigen Ihnen, wie Sie diesen Design-Stil erstellen können.  Wir beginnen mit den grundlegenden Bildbearbeitungstechniken in Adobe Photoshop, um unsere Guide-Ebenen einzurichten, und dann springen wir zu Adobe Illustrator.  Sie brauchen dazu keine ausgefallene Ausrüstung.  Ich benutzte eine ältere Maus, die noch den Gummiball hat.

Anmerkung des Herausgebers: Vectoruts + unterstützt keinen bestimmten politischen Glauben an die Veröffentlichung dieses Tutorials.  Vielmehr konzentriert sich dieses Tutorial auf die Demonstration eines Workflows zur Erstellung dieses interessanten ästhetischen Effekts.


1. Scheren und ändern Sie Ihr Stock-Bild

Schritt 1

Für diesen Effekt ist es am besten, ein Porträt-Stil-Bild zu haben, vorzugsweise von einem Subjekt, das zu denken scheint, oder in die Ferne zu schauen.  Ich habe dieses Foto von iStockphoto benutzt.

Political Poster Tutorial

Schritt 2

Sobald Sie Ihr Bild haben, müssen Sie es in Photoshop öffnen und es entsprechend beschneiden.  Der obere Teil des Bildes sollte auf den Kopf des Motivs zugeschnitten sein und der untere Teil sollte etwas höher sein als die Brusthöhe.  Die Ernte sollte ungefähr ein Verhältnis von 2: 1 haben.

Political Poster Tutorial

Schritt 3

Jetzt müssen wir das Bild Posterize.  Gehen Sie zu Image > Adjustments > Posterize.  Eine angemessene Posterisierungsebene für den Look, den wir anstreben, ist 5.

Political Poster Tutorial

Schritt 4

Jetzt werden wir unsere Guide-Ebenen für die Verwendung in Illustrator erstellen.  Beginnen Sie mit der Duplizierung Ihrer posterisierten Ebene und nennen Sie diese neue Ebene "Pattern Guide".  Dann gehen Sie zu Image > Adjustments > Threshold.  Wir werden unseren Punkt verschieben, bis wir etwas Ähnliches wie unten erhalten.  Wir wollen es ziemlich dunkel, aber immer noch mit einer kleinen Menge an Details.  Wenn Sie Threshold verwenden, empfiehlt es sich, die angezeigten Peaks zu verwenden.

Political Poster Tutorial

Schritt 5

Speichern Sie diese neu erstellte Ebene als "patternguide.psd" oder etwas Ähnliches, da Sie sie für Illustrator benötigen.

Political Poster Tutorial

Schritt 6

Wir müssen Schritt 4 und Schritt 5 noch dreimal wiederholen.  Verwenden Sie jedes Mal einen niedrigeren Schwellenwert und speichern Sie jede neue Ebene.  Unten sind die Einstellungen, die ich verwendet habe, wieder die Spitzen zu bemerken.

Political Poster Tutorial

2. Richten Sie Ihr Dokument und Ihre Paletten ein

Schritt 1

Bevor wir beginnen, unsere Ebenen zu skizzieren, müssen wir das horizontale blaue Linienmuster erstellen.  Erstellen Sie dazu ein neues Illustrator-Dokument.  Geben Sie ihm eine Höhe und Breite von 4px.  Dann erstellen Sie ein Rechteck, gefüllt mit unserer hellblauen Farbe (#4F919F), und decken Sie die obere Hälfte der Leinwand ab.

Political Poster Tutorial

Schritt 2

Bedecken Sie die untere Hälfte mit einem mit Beige gefüllten Rechteck.  Wählen Sie Select All (Control + A) und ziehen Sie es in unser Swatches-Bedienfeld.  Herzlichen Glückwunsch, Sie haben ein Muster gemacht!

Political Poster Tutorial

Schritt 3

Jetzt müssen wir dieses Swatch-Set speichern, damit wir es in unserem Poster verwenden können.  In der linken unteren Ecke unseres Swatches-Bedienfelds wählen Sie im Menü Swatches Library die Option Save Swatches aus.  Nennen Sie es, was Sie wollen, ich habe "Muster" verwendet.  Sie können dieses Dokument jetzt schließen, da wir es nicht mehr benötigen.

Political Poster Tutorial

Schritt 4

Hier ist die Farbpalette, die wir für dieses Tutorial verwenden werden.  Es gibt vier Farben und ein Muster.  Wir werden eine Mischung aus beigen und hellblauen Farben verwenden.

Political Poster Tutorial

3. Erstellen Sie Ihr Porträt

Schritt 1

Jetzt, da wir unsere Referenzbilder und -muster erstellt haben, ist es an der Zeit, ein neues Dokument in Illustrator zu erstellen.  Ich habe eine Leinwandgröße von 700 x 850 px verwendet.

Political Poster Tutorial

Schritt 2

Wir beginnen mit unserer dunkelsten Führungsschicht, dies wird unsere Musterschicht sein.  Wir werden die Ebene mit dem Pen-Werkzeug (P) umreißen.  Also gehen wir zunächst zu File > Place und wählen unsere erste Referenzebene in Illustrator aus.  Wenn Sie wortwörtlich gefolgt sind, wird diese Datei "patternguide.psd" genannt.

Political Poster Tutorial

Schritt 3

Lassen Sie uns für einen Moment anhalten und die ordnungsgemäße Verwendung des Pen-Werkzeugs (P) in Illustrator besprechen.  Das ist ein Bereich, in dem Illustrator Photoshop übertrifft, jedoch nur dann, wenn Sie es korrekt verwenden.

Für jede Kurve haben Sie grundsätzlich drei Klicks; Zwei sind Ankerpunkte, und der andere ist Ihr Kurvenpunkt.  Sie platzieren Ihren Kurvenpunkt am höchsten Punkt Ihrer Kurve.  Sie platzieren die Anker dort, wo die Kurve beginnt und endet.

Ein Klick genügt, wenn Sie eine Kurve erstellen.  Sie können dann die Kurvenpunkte in Kurven ändern, nachdem Sie die gesamte Form erstellt haben.  Um sie zu konvertieren, verwenden Sie das Direct Selection-Werkzeug (A) und klicken Sie auf das Symbol Convert Selected Anchor Points in Smooth umwandeln.

Political Poster Tutorial

Schritt 4

Bevor wir unsere erste Ebene skizzieren können, müssen wir unser Muster in die Swatches Library laden.  Wählen Sie dazu im Swatches Library-Menü im Swatches-Bedienfeld die Option Other Library.

Political Poster Tutorial

Schritt 5

Okay, also zurück zu unserer ersten Ebene.  Erstellen Sie eine neue Ebene unterhalb der Datei, die Sie gerade in Illustrator platziert haben.  Diese Ebene wird unseren Umriss halten.  Wir legen es unten, weil es einfacher ist zu sehen, was wir auf diese Weise skizzieren.

Jetzt greifen wir nach unserem Pen-Werkzeug (P), geben ihm einen Null-Strich und eine Füllung unseres Musters.  Dann fangen Sie an, alle schwarzen Bereiche mit dem Pen-Werkzeug (P) zu skizzieren.  Der Schlüssel ist, es zu mitteln, folgen Sie nicht zu nah an der Führungsschicht.  Skizzieren Sie nur grob, und machen Sie sich keine Sorgen um unsere Kurven, denn wir werden das beheben, nachdem wir unseren Entwurf erstellt haben.

Hinweis: Das ist der langweiligste Teil des Prozesses.

Political Poster Tutorial

Schritt 6

Sie haben vielleicht bemerkt, dass es Teile in der Mitte gibt, die leichter sind, als wir gerade mit Umrissen übergingen.  Nun, wir werden das beheben, indem wir diejenigen, die denselben Prozess verwenden, umreißen.  Füllen Sie diese mit unserer beige Farbe, wie unten gezeigt.  Wir tun dies auf einer neuen Ebene direkt über der Musterebene.  Nachdem Sie das getan haben, sollten Sie etwas ähnliches wie folgt haben.

Political Poster Tutorial

Schritt 7

Jetzt glätten wir die Formen, die wir gerade erstellt haben.  Wir möchten, dass die meisten unserer Punkte glatt sind, aber ich finde, es sieht besser aus, wenn Sie ein paar so lassen, wie sie sind.  Sehen Sie sich den folgenden Effekt an, indem Sie sowohl das Muster als auch die beige Ebene glätten.

Hinweis: Ich habe dieses Bild nicht in der richtigen Reihenfolge erstellt und das Muster stimmt nicht. Sorgen Sie sich nicht um den Farbunterschied.

Political Poster Tutorial

Schritt 8

Jetzt machen wir dasselbe für jede Ebene.  Grob skizzieren, dann die Highlights mit der Farbe unmittelbar darunter skizzieren und dann unsere Konturen glätten.  Die nächste Schicht sollte ein helles Blau haben, gefolgt von Rot und schließlich unserem Dunkelblau.

Political Poster Tutorial

Schritt 9

Okay, du solltest etwas wie das Folgende haben.  Der langweilige Teil ist vorbei.  Jetzt soll es wie ein Poster aussehen.  Zuerst legen wir ein beige gefülltes Rechteck unter all diese Ebenen, das wird als Hintergrund dienen.

Political Poster Tutorial

Schritt 10

Jetzt müssen wir unsere roten und hellblauen Hälften einfügen.  Wir werden das über der beigen Rechteckschicht machen.  Verwenden Sie das Rectangle-Werkzeug (M), um die zwei Rechtecke zu platzieren.

Political Poster Tutorial

Schritt 11

Unser Poster sieht ziemlich gut aus.  Lassen Sie uns den Platz schaffen, der benötigt wird, um den inspirierenden Text unten hinzuzufügen.  Wahrscheinlich müssen Sie Ihren Canvas-Bereich vergrößern.  Gehen Sie dazu zu File > Document Setup.  Ich habe 300px auf meine hinzugefügt.

Political Poster Tutorial

Schritt 12

Jetzt erweitern Sie Ihr beiges Rechteck, so dass es die neue Länge Ihrer Leinwand abdeckt.  Dann erstellen Sie ein neues Rechteck mit unserer dunkelblauen Farbe gefüllt.  Es sollte ein Viertel der Größe des Hauptthemas sein.

Political Poster Tutorial

Schritt 13

Zeit, unser inspirierendes Wort hinzuzufügen.  Wir verwenden hellblau für die Schriftfarbe, und wir möchten die Texteinstellungen so ändern, dass das Wort den größten Teil des dunkelblauen Rechtecks ausfüllt.  Verwenden Sie das Character-Bedienfeld, um den Abstand zwischen den Zeichen zu ändern.  Das steht uns zur Verfügung, wenn wir das Text-Werkzeug (T) verwenden.  Ich habe die Schriftart "Myriad Pro" benutzt.

Political Poster Tutorial

Schritt 14

Fast fertig, müssen wir unsere Grenzen ein bisschen aufräumen.  Wählen Sie zunächst jede Ebene, aber Ihre beigefarbene Ebene.  Dann erstellen Sie Group (Control + G).  Dann Vertically und Horizontaly Align an der Zeichenfläche.

Political Poster Tutorial

Schritt 15

Jetzt werden wir die Ränder unseres Posters aufräumen.  Bedecke die Ebenen, die wir gruppiert haben, in einem Rechteck mit beliebiger Farbe.  Verwenden Sie dann das Pathfinder-Feld und wählen Sie Subtract Shape From Area.

Political Poster Tutorial

Gute Arbeit! Sie sind jetzt fertig!

Weiter so, wir sind fertig!  Wir haben es geschafft, einen wirklich tollen Effekt zu kreieren, ohne eine Menge künstlerischer Fähigkeiten zu benötigen.  Wir haben auch gelernt, wie man das Pen-Werkzeug effizient einsetzt und wie man Photoshop und Illustrator zusammen verwendet.  Das ist mein erstes Tutorial, also bin ich sicher, dass es Fragen geben wird.  Fühlen Sie sich frei, in den Kommentaren zu fragen, und ich versuche und antworte so schnell wie ich kann. Vielen Dank!

Political Poster Tutorial
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.