Share
Dieses Tutorial ist inspiriert von Sheppard Faireys berühmter politischer Plakatserie für die Obama-Kampagne in den USA. Wir zeigen Ihnen, wie Sie diesen Designstil erstellen. Wir beginnen mit den grundlegenden Bildbearbeitungstechniken in Adobe Photoshop, um unsere Leitebenen einzurichten, und springen dann zu Adobe Illustrator. Dafür brauchen Sie keine ausgefallene Ausrüstung. Ich habe eine ältere Maus benutzt, die noch den Gummiball hat.
Anmerkung des Herausgebers: Vectortuts + befürwortet keinen besonderen politischen Glauben an die Veröffentlichung dieses Tutorials. Vielmehr konzentriert sich dieses Tutorial auf die Demonstration eines Workflows, um diesen interessanten ästhetischen Effekt zu erzeugen.
Tipp: Wenn Sie nach einer Verknüpfung suchen, können Sie den Poster-Effekt mit der Advance Iconic Posterization-Aktion schnell und einfach erstellen. Sie wählen einfach die gewünschten Optionen aus, klicken auf, um die Photoshop-Aktion zu starten, und erhalten ein Ergebnis wie dieses:
Mit der Advance Iconic Posterization Action erzeugter PosterisationseffektOder Sie könnten einen talentierten Illustrator bei Envato Studio beauftragen, um eine einzigartige Vektorillustration für Sie zu erstellen.
Angepasstes Vektor-Portrait auf Envato StudioWenn Sie den gesamten Prozess jedoch selbst durchlaufen möchten, lesen Sie die schrittweisen Anleitungen.
Für diesen Effekt ist es am besten, ein Portraitbild zu haben, vorzugsweise von einem Objekt, das zu denken scheint oder in die Ferne schaut. Ich habe dieses Foto von iStockphoto verwendet.
Sobald Sie Ihr Image haben, müssen Sie Öffnen es in Photoshop und Ernte es angemessen. Die Oberseite des Bildes sollte auf den Kopf des Motivs zugeschnitten sein und die Unterseite sollte etwas höher sein als die Brusthöhe. Die Ernte sollte etwa ein Verhältnis von 2: 1 haben.
Jetzt müssen wir Posterieren das Bild. Gehe zu Bild> Anpassungen> Posterize. Eine geeignete Posterisierungsstufe für den Look, den wir anstreben, ist 5.
Jetzt erstellen wir unsere Führungsebenen für die Verwendung in Illustrator. Beginnen Sie mit dem Duplizieren Ihrer posterized Ebene und benennen Sie diese neue Ebene als "Pattern Guide". Dann geh zu Bild> Anpassungen> Schwelle. Wir werden unsere gleiten Punkt bis wir etwas ähnliches wie unten erhalten. Wir möchten, dass es ziemlich dunkel ist, aber immer noch mit ein bisschen Detail. Auch bei der Verwendung Schwelle, Am besten verwenden Sie die Peaks dass du siehst.
sparen Diese neu erstellte Ebene als "patternguide.psd" oder ähnliches, wie Sie sie für Illustrator benötigen.
Wir müssen Schritt 4 und Schritt 5 noch dreimal wiederholen. Wenden Sie jedes Mal einen niedrigeren Schwellenwert an und speichern Sie jede neue Ebene. Nachfolgend sind die Einstellungen aufgeführt, die ich verwendet habe.
Bevor wir mit dem Glätten unserer Ebenen beginnen, müssen wir das horizontale blaue Linienmuster erstellen. Dazu erstellen Sie ein neues Illustrator dokumentieren. Gib es ein Höhe und Breite von 4px. Dann erstelle ein Rechteck mit unserer hellblauen Farbe (# 4F919F) und bedecken die obere Hälfte der Leinwand.
Bedecke die untere Hälfte mit einem mit Beige gefüllten Rechteck. Dann Wählen Sie Alle (Strg + A) und ziehen Sie es auf unser Farbfelder Panel. Herzlichen Glückwunsch, Sie haben ein Muster erstellt!
Jetzt müssen wir dieses Swatch-Set speichern, damit wir es in unserem Poster verwenden können, das wir gerade erstellen. In der unteren linken Ecke unseres Farbfelder Panel wählen wir aus Farbfelder speichern von dem Farbfeld-Bibliotheksmenü. 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.
Hier ist die Farbpalette, die wir für dieses Tutorial verwenden werden. Es gibt vier Farben und ein Muster. Wir verwenden eine Mischung aus Beige und Hellblau.
Nun, da wir unsere Referenzbilder und Muster erstellt haben, ist es Zeit, ein Neu Dokument in Illustrator. Ich habe eine Leinwandgröße von verwendet 700 x 850 px.
Wir beginnen mit unserer dunkelsten Leitebene, dies ist unsere Musterebene. Wir werden die Ebene mit der Gliederung umreißen Stiftwerkzeug (P). Also fangen wir an zu gehen Datei> Platzieren und wählen Sie unsere erste Referenzebene in Illustrator aus. Wenn Sie wörtlich befolgt haben, wird diese Datei als "patternguide.psd" bezeichnet..
Lassen Sie uns einen Moment innehalten und die korrekte Verwendung des Systems besprechen Stiftwerkzeug (P) in Illustrator. Dies ist ein Bereich, in dem Illustrator Photoshop übertrumpft, aber nur, wenn Sie es richtig 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 die Kurvenpunkte dann in Kurven umwandeln, nachdem Sie die gesamte Form ausgeführt haben. Um sie zu konvertieren, verwenden Sie die Direktauswahl-Tool (A) und klicken Sie auf die Ausgewählte Ankerpunkte in glatt umwandeln Symbol.
Bevor wir unsere erste Ebene skizzieren können, müssen wir unser Muster in die Farbfeld-Bibliothek. Wählen Sie dazu Andere Bibliothek von dem Farbfeld-Bibliothek Menü in der Farbfelder Panel.
Okay, zurück zu unserer ersten Schicht. Neue Ebene erstellen unter der gerade in Illustrator platzierten Datei. Diese Ebene wird unsere Kontur halten. Wir platzieren es unten, weil es einfacher ist zu sehen, was wir so umreißen.
Jetzt greifen wir unsere Stiftwerkzeug (P), Geben Sie ihm einen Strich Null und füllen Sie unser Muster. Beginnen Sie dann alle schwarzen Bereiche mit Stiftwerkzeug (P). Der Schlüssel ist, es zu mitteln und nicht zu sehr der Führungsebene zu folgen. Nur grobe Gliederung, und sorgen Sie sich nicht um unsere Kurven, da wir das beheben, nachdem wir unsere Gliederung erstellt haben.
Hinweis: Dies ist der langwierigste Teil des Prozesses.
Sie haben vielleicht bemerkt, dass es in der Mitte Teile gibt, die leichter sind, als wir gerade mit Umrissen gegangen sind. Nun, wir werden das korrigieren, indem wir diejenigen umreißen, die den gleichen Prozess verwenden. Füllen Sie diese mit unserer beige Farbe, wie unten gezeigt. Wir machen das auf einer neuen Ebene direkt über der Musterebene. Nachdem Sie das getan haben, sollten Sie etwas Ähnliches haben.
Jetzt glätten wir die soeben erstellten Formen. Wir möchten, dass die meisten Punkte glatt sind, aber ich finde, es sieht besser aus, wenn Sie einige so belassen, wie sie sind. Sehen Sie sich den Effekt unten an, um das Muster und die Beige-Ebene zu glätten.
Hinweis: Ich habe dieses Bild nicht in Ordnung gebracht und das Muster war falsch. Machen Sie sich keine Sorgen über den Farbunterschied.
Jetzt machen wir dasselbe für jede Schicht. Grob umreißen, dann die Highlights mit der Farbe direkt darunter umreißen und unsere Konturen glätten. Die nächste Schicht sollte durchgehend hellblau sein, gefolgt von Rot und schließlich unser Dunkelblau.
Okay, du solltest etwas wie das Folgende haben. Der langweilige Teil ist vorbei. Nun, damit es wie ein Poster aussieht. Zuerst setzen wir ein beige-gefülltes Rechteck unter alle diese Ebenen, dies wird als Hintergrund dienen.
Jetzt müssen wir unsere roten und hellblauen Hälften einsetzen. Dies tun wir direkt über der Ebene des beige Rechtecks. Verwenden Sie die Rechteckwerkzeug (M) um die zwei Rechtecke zu platzieren.
Unser Poster sieht ziemlich gut aus. Lassen Sie uns den Platz erstellen, der zum Hinzufügen des inspirierenden Textes am unteren Rand benötigt wird. Sie müssen wahrscheinlich Ihre Leinwandfläche vergrößern. Um dies zu tun, gehen Sie zu Datei> Dokument einrichten. Ich fügte hinzu 300px auf meine.
Erweitern Sie nun Ihr beiges Rechteck, sodass es die neue Länge Ihrer Leinwand abdeckt. Dann erstellen Sie ein neues Rechteck mit unserer dunkelblauen Farbe. Es sollte ein Viertel der Größe des Hauptfachs sein.
Zeit, unser inspirierendes Wort hinzuzufügen. Wir verwenden hellblau für die Schriftfarbe und möchten die Texteinstellungen so ändern, dass das Wort den größten Teil des dunkelblauen Rechtecks ausfüllt. Um den Abstand zwischen den Zeichen zu ändern, verwenden Sie die Charakter Panel. Dies steht uns zur Verfügung, wenn wir das verwenden Textwerkzeug (T). Ich habe die Schrift "Myriad Pro" verwendet.
Fast fertig, müssen wir unsere Grenzen ein wenig aufräumen. Wählen Sie zunächst jede Ebene, aber Ihre beige Ebene. Dann erstellen Sie eine Gruppe (Strg + G). Dann Vertikal und Horizontal ausrichten sie zur artboard.
Jetzt säubern wir die Ränder unseres Posters. Bedecken Sie die von uns gruppierten Ebenen in einem Rechteck mit einer beliebigen Farbe. Dann benutzen Sie die Pfadfinder und wählen Sie aus Form von Fläche abziehen.
Weiter so, wir sind fertig! Wir haben es geschafft, einen wirklich großartigen Effekt zu erzielen, ohne viel künstlerisches Können zu erfordern. Wir haben auch gelernt, wie Sie mit dem Stiftwerkzeug effizient arbeiten können, und eine gute Möglichkeit, Photoshop und Illustrator im Tandem zu verwenden. Dies 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 werde versuchen, so schnell wie möglich zu antworten. Vielen Dank!
Accentsconagua