Share
In diesem Lernprogramm erstellen wir gezeichnete Elemente, verwenden Designpinsel, bringen sie in Photoshop ein und fügen sie zu einer einzigartigen Poster-Komposition zusammen, die sich handgefertigt, stilistisch vereinigt und individuell anfühlt. Die Techniken hier konzentrieren sich auf eine originelle künstlerische Illustration. Mal sehen, wie dieser Plakatentwurf entstand.
Bevor wir beginnen, werfen wir einen Blick auf das Bild, das wir erstellen. Die mehrschichtige Photoshop-Datei ist wie immer über unsere Psdtuts + Plus-Mitgliedschaft verfügbar. Sie können die endgültige Bildvorschau unten anzeigen oder eine größere Version hier anzeigen.
Ich habe in letzter Zeit viel Zeit damit verbracht, einen Stil und eine Technik für mich zu entwickeln, und möchte sie gerne mit Ihnen teilen. Sie können alle Designs in meinem Behance-Portfolio sehen. Wir werden lernen, wie man die erste erstellt, indem wir einige Kunst- und Photoshop-Techniken verwenden. Aber anstatt Sie zu ermutigen, meine Arbeit zu reproduzieren, fordere ich Sie auf, Ihr persönliches Talent zu verbessern und Originalität innerhalb Ihres Designs zu entwickeln.
Der Name des Spiels ist hier Experimentieren. Und um etwas in diesem Stil schaffen zu können, müssen auch Sie einen Weg finden, um mit Ihren eigenen Ressourcen dorthin zu gelangen. Verwenden Sie dieses Tutorial als Referenz, um etwas zu erstellen, das Sie und Ihren Stil repräsentiert. Sie können auch mehr über das Erstellen von Originalität in Ihrer Entwurfs- und Illustrationsarbeit erfahren.
Als Erstes sollten Sie die aktuellen Trends anerkennen, die Sie bewundern und die Sie inspirieren. Lesezeichen Sie alles und beginnen Sie mit der Analyse. Ich habe mich auf das Kritzeln konzentriert, eine unterhaltsame und aufregende Art zu zeichnen. Ich empfehle Doodlage als großartigen und lustigen Ort, um Inspiration in diesem Bereich zu suchen. Eine Übersicht über Doodlage und ein Interview mit den Redakteuren der Website finden Sie im Beitrag Inspiration - Doodlage. Sobald ich wusste, was ich wollte, suchte ich nach Pinseln und schnitt alle äußeren Inspirationsquellen ab, als ich anfing zu experimentieren. Vielleicht möchten Sie einen Blick auf den Beitrag werfen, der zeigt, mit was andere Mitglieder der Psdtuts + auch experimentieren. Es zeigt auch einige meiner älteren Kritzeleien.
Beginnen wir mit dem Erstellen dieses "Draw" -Posters. Dann planen wir zuerst die Größe, den Inhalt und die Farben. Ich habe meins für ein A3-Poster gemacht, das 420 mm mal 297 mm oder 4961 x 3508 px ist und auf 300 ppi eingestellt ist. Der Vorteil bei der Erstellung eines großen Formats besteht darin, dass es später an bedruckbare Poster in voller Größe, Zeitschriftenillustrationen, Designkleidung wie T-Shirts oder Webdesign-Inhalte angepasst werden kann. Für welche Größe Sie sich auch entscheiden, ich werde Ihnen Anweisungen geben, die auf einer A3-Leinwand mit 300 ppi basieren.
Der Inhalt konzentriert sich auf das Thema Zeichnen und verwendet verschiedene Techniken: Wasserfarbe, Kritzeleien und Tintenstiftillustration. Wir zeichnen die Kritzeleien mit einem normalen Marker und Papier, und machen Sie sich keine Sorgen, wenn Ihre Zeichnungsfähigkeiten nicht trainiert werden. Ich erkläre Ihnen den Vorgang. Der Tintenstift-Look wird hauptsächlich durch die tintenähnliche violette Farbe und Farbspritzer erreicht.
Als Farbschema habe ich zunächst eine neutrale Hintergrundfarbe gewählt: e4c99f. Als nächstes erscheint die dunklere lila Farbe, die dem Design Tiefe und Kontrast verleihen kann: 2d3043. Die zweite Hauptfarbe tauchte aus dem Hintergrund auf: e49549. Warum also zwei Orangetöne und Purpur? Nun, Sie benötigen im Allgemeinen eine dunkle Farbe, die als chromatischer Anker wirkt. Ich habe Purpur gewählt, nur weil es Tinte ähnelt. Es gibt viele Farben, die Sie mit Lila auswählen können, wie z. B. Limettengrün oder Gelb, aber ich wollte etwas, das Wärme hinzufügt.
Nun, genug Geschwätz, lasst uns unsere Hände schmutzig machen! Erstellen Sie Ihre Leinwand mit einer A3-Größe von 300 dpi. Füllen Sie die Hintergrundfarbe mit dieser Farbe: e4c99f. Ich habe ein einfaches Layout mit dunklen Linien erstellt.
Das erste Element, das wir erstellen, ist ein Skizzenbuch. Es wird kaum wahrnehmbar und nur andeutungsweise sein. Für die Erstellung benötigen Sie die beiden inneren Abdeckungen dieser Bittbox-Freebie. Verwenden Sie Nummer 3 und 10 in der Downloadliste. Gehen Sie nach dem Einfügen in Photoshop auf Filter> Extrahieren und malen Sie es entsprechend, um es auszuschneiden. Verwenden Sie eine ausreichend große Pinselgröße, um die Fäden zu erhalten.
Drücken Sie nach dem Extrahieren die Tastenkombination Befehlstaste + T, um sie in eine neue Position umzuwandeln.
Doppelklicken Sie auf die Ebene, um einen Ebenenstil hinzuzufügen. Fügen Sie eine Farbüberlagerung hinzu und wählen Sie einen violetten Farbton aus.
Duplizieren Sie die Ebene (Befehl + J) und verschieben Sie sie leicht, um die Deckungsstärke zu erhalten. Ändern Sie die Farbe der Hintergrundfarbe.
Wiederholen Sie den Vorgang mit dem zweiten Foto, ändern Sie jedoch die Farbe der äußeren Umhüllung in Orange.
Es ist Zeit für ein paar Kritzeleien 101. Unten ist ein Bild davon, wie ich die Bäume erstellt habe. Mein persönlicher Tipp ist, mit kleinen Schritten zu beginnen. Erstellen Sie einfache Formen und beobachten Sie, welche Funktionen Sie mögen oder nicht mögen. Ich habe von Anfang an entschieden, dass meine Bäume unten zu kompliziert und oben komplex sein sollten und dass sie einfach eine Illustration und keine Repräsentation sein würden. Es ist mehr eine Karikatur eines Baums als eine tatsächliche Skizze.
Machen Sie sich also einen Stift und ein Stück Papier. Ich habe einen Ultra Fine Point Sharpie Marker verwendet, der auf Xerox-Standardpapier hervorragend funktioniert. Ich habe kein raues Papier verwendet, weil ich wollte, dass die Linienkanten weich sind. Möglicherweise möchten Sie auch dies tun. Sobald Sie Ihre Bäume erstellt haben, scannen Sie sie und fügen Sie sie in ein separates Photoshop-Projekt ein.
Hinweis: Beachten Sie beim Zeichnen die Tatsache, dass die Größe der Elemente proportional sein muss.
Setzen Sie den neuen Baum auf die oberste Ebene in Ihrer Datei und erstellen Sie einen weißen Hintergrund darunter. Sobald Sie den gescannten Baum in einer Ebene haben, duplizieren Sie ihn (Befehl + J) und stellen Sie den Füllmodus der Ebene auf Multiplizieren. Das wird es dunkler machen.
Gehen Sie zu Auswählen> Farbbereich und wählen Sie im Dropdown-Menü Schatten aus. Dadurch wird nur das Schwarz aus dem Bild ausgewählt.
Klicken Sie nach der Auswahl mit der rechten Maustaste in die Leinwand, während das Auswahlwerkzeug aktiv ist, und wählen Sie dann Arbeitspfad erstellen aus. Geben Sie im folgenden Menü 1,5 Pixel ein. Weniger Pixel erzielen ein härteres Ergebnis, und mehr Linien glätten und glätten die Linien. Versuchen Sie, ein Gleichgewicht zu finden, da zu viele Pixel die Grafik zu geometrisch machen.
Gehen Sie zu Ebene> Neue Füllungsebene> Volltonfarbe und füllen Sie die Auswahl mit unserem Violett.
Ich habe oft angefangen, etwas mit dem Stiftwerkzeug nachzuverfolgen, wobei ich dachte, ich würde eine Form erstellen, obwohl ich eigentlich im Pfadmodus war. Falls Ihnen das passiert, gibt es einen Weg, um herauszukommen. Beenden Sie die Verfolgung und gehen Sie zu Ebene> Neue Füllungsebene> Volltonfarbe. Wählen Sie eine Farbe und Sie haben eine Vektorform. Wenn Sie jedoch versuchen, das Objekt zu füllen, füllt Photoshop die Außenseite und nicht die Innenseite.
Um dies zu korrigieren, klicken Sie nach der Verfolgung im Pfadmodus mit der rechten Maustaste in die Leinwand, während das Auswahlwerkzeug ausgewählt ist, und gehen Sie zu "Auswahl erstellen". Sie werden feststellen, dass die Auswahl invertiert ist. Drücken Sie also einfach die Befehlstaste + Umschalttaste + I, um die Auswahl umzukehren. Danach verwandeln Sie ihn wieder in einen Pfad und füllen ihn.
Kommen wir zu unserem Baum zurück. Wir müssen seinen Hintergrund schaffen. Jetzt haben wir nur noch die Gliederung. Holen Sie sich das "Stiftwerkzeug" und beginnen Sie, einen Hintergrund dafür zu erstellen. Wegen des Stils wäre ich nicht zu vorsichtig, wenn ich ihn genau nachverfolgte. Füllen Sie es in Ihrem Projekt mit der hellorangen Hintergrundfarbe. Das ist es.
Nun, da Sie die Technik kennen, können Sie einen anderen Baum (oder mehr) und einige Wolken erstellen. Spielen Sie mit dem Layout herum, aber versuchen Sie, Elemente, die nicht zusammengezogen wurden, nicht zu überlagern (berühren Sie sich in der eigentlichen Zeichnung). Und vermeiden Sie Unordnung. Halten Sie das Design so auf, dass genügend Platz vorhanden ist, damit Sie atmen können.
Hinweis: Halten Sie die Breite der Elemente ähnlich. Vergrößern oder verkleinern Sie Elemente proportional und zusammen, andernfalls erhalten Sie unterschiedliche Linienstärken. Sie möchten, dass alle dieselbe Linienstärke haben.
An dieser Stelle fügen wir den Text hinzu. Laden Sie diese Schriftart herunter: Refuse. Geben Sie den Buchstaben "D" in Ihr Projekt ein. Stellen Sie sicher, dass es sich auf der obersten Ebene befindet (über allem). Erstellen Sie unter dieser Ebene eine neue Ebene und füllen Sie die gesamte Leinwand mit Weiß.
Positionieren Sie die neu eingegebenen Buchstaben in Ihrem Design. Simulieren Sie die Tiefe, indem Sie mehrere Buchstaben vergrößern. Vermeiden Sie symmetrisches Pairing, indem Sie Buchstaben im 2-2- oder 3-3-Format gruppieren. Ich habe meine in 2-1-1, was ein dynamischeres Gefühl gibt. Leichte Schrägen sind willkommen, aber übertreiben Sie nicht - denken Sie daran, dass dies eine etwas stationäre Szene ist, also müssen die Buchstaben so aussehen, als würden sie schweben. Eine Anordnung von Buchstaben, die schnelle Bewegungen simuliert, finden Sie in der vierten Version meiner Behance-Serie "Draw" mit dem Titel "Color"..
Gehe zum Buchstaben "D" und Befehlstaste + Klicken Sie auf das Ebenensymbol, um es mit dem Auswahlwerkzeug auszuwählen. Gehen Sie anschließend zu Auswählen> Ändern> Vertrag. Das ist der knifflige Teil. Wir müssen die Dicke der Kontur ermitteln, um die Dicke der Baum- und Wolkenlinien anzupassen. Verkleinern Sie die Auswahl und denken Sie, dass der Laufrahmen, den Sie sehen, die tatsächliche Stärke der Kontur sein wird. Ich habe meinen um 10 Pixel verkleinert, weil ich ihn so an den Baum angepasst habe.
Klicken Sie mit der rechten Maustaste auf die Leinwand, während das Auswahlwerkzeug ausgewählt ist. Drücken Sie dann auf Arbeitspfad erstellen, und verwenden Sie 1,5 Pixel.
Bisher haben wir es in der gleichen Technik wie der Baum mit einer geringfügigen Anpassung der Dicke vektorisiert. Es ist Zeit, wieder etwas anderes zu machen. Verwenden Sie das Direktauswahl-Werkzeug (A), um Teile des neu erstellten Pfads zu löschen, die Löchern ähneln. Sie können einige auswählen, wenn Sie möchten, aber ich lösche die kleinen Löcher.
Sobald Sie den Pfad bereinigen, gehen Sie zu Ebene> Neue Füllungsebene> Einfarbig.
Schnappen Sie sich das Stiftwerkzeug und zeichnen Sie den Hintergrund des Buchstabens nach. Ändern Sie auch die Farbe der Kontur in blasses Orange und die neu gezeichnete Hintergrundform in Lila. Dies ergibt einen einzigartigeren Effekt, indem es invertiert wird. Seien Sie wieder absichtlich ungenau, aber übertreiben Sie nicht.
Wiederholen Sie den gleichen Vorgang für jeden Buchstaben, und passen Sie die Konturauswahl der Kontur ständig an die aktuelle Stärke der Bäume und Wolken an.
Jetzt ist es an der Zeit, mit den Freebie-Pinseln von Bittbox Spaß zu haben. Laden Sie diese Pinsel-Sets herunter: Aquarell, Aquarell II und Grunge-Aquarell. Beginnen Sie mit dem Hinzufügen des Hintergrundaquarells. Verwenden Sie unsere lila Farbe und behalten Sie Ihr Layout im Auge! (Erinnere dich an Schritt 1).
Fügen Sie noch etwas Purpur hinzu und beginnen Sie, Orange hinzuzufügen.
Fügen Sie weiter Orange hinzu und sogar einige Striche von dunklerem Orange: c6592e.
Jetzt fügen wir Spritzer hinzu. Laden Sie dieses Paket erneut aus der wunderschönen Bittbox-Freebie-Kollektion herunter: Splatters. Beginnen Sie mit der Illusion, dass die Tinte auf den Buchstaben auf die Leinwand gespritzt wird. Um dem Splatter Tiefe zu verleihen, platzieren Sie zuerst einen normalen Splatter auf einer Ebene. Duplizieren Sie es so, dass es eine stärkere Farbe und Deckkraft hat (wie oft nötig). Wählen Sie dann die erste Ebene aus, die Sie erstellt haben, und verkleinern Sie sie.
Fügen Sie den Splatter kreativ hinzu. Lass sie nach außen spritzen.
Mehr Splattering, diesmal aber mit der Hintergrundfarbe (hellorange) und von außen nach innen.
Fast dort! Das Bild braucht noch etwas mehr Tiefe. Wählen Sie das Purpur, das Sie als Vordergrundfarbe verwenden, und gehen Sie zu Auswählen> Farbbereich. Verwenden Sie nach Ihrem Ermessen Unschärfe oder folgen Sie meinem Betrag von 120 und drücken Sie die Eingabetaste. Sie sollten eine Auswahl des Lila im gesamten Bild erhalten.
Erstellen Sie eine neue Ebene und beginnen Sie mit dem Malen mit einem dunkleren Violettton: 1b1d30. Das sollte den notwendigen Kontrast und die Tiefe hinzufügen.
Zoomen Sie nach und suchen Sie nach Problemen. Achten Sie auf Spritzer, die außerhalb des Leinwandbereichs liegen und zu starke Akzente abmildern. Hier ist eine Nahaufnahme von mir. (Ecke des Buchstaben "D").
Nun, wir sind fertig! Hoffentlich haben Sie dieses Tutorial genossen und fanden es inspirierend und nützlich. Ich wünsche ihnen einen wunderbaren Tag! Sie können das endgültige Bild unten anzeigen oder eine größere Version hier anzeigen.
Accentsconagua