All Articles Photoshop
Love The Sun Poster: Pfade kombinieren und 3D-Effekte Teil 1
Martin Perhiniak on Tue, April 23rd 0 comments
It feels like summer may almost be upon us here in Europe... and to celebrate, Martin Perhiniak shows how to use 2D and 3D techniques to design ornamental patterns for a poster in Photoshop. (Part 1).

Etwas Neues zu schaffen ist immer über die Kombination von Techniken, die in der Vergangenheit separat verwendet. Die Anzahl der Kombinationen in Photoshop ist endlos und das ist, warum man nie aufhören sollte zu erforschen und zu experimentieren. In diesem Tutorial werden wir 2D-und 3D-Design-Techniken kombinieren, um dekorative Elemente zu erstellen und machen sie realistisch aussehen. Wir werden mit einem Foto zu starten und fügen Art, Ornamente und Wirkungen zu. Die zeitaufwendige Teil dieses Tutorials ist die Zeichnung die Pfade für die Verzierungen, aber es ist auch eine gute Möglichkeit zu üben das Arbeiten mit Vektor-Formen und dem Zeichenstift-Werkzeug.


Schritt 1 - Wahl Schriftart und Zusammensetzung

Photo


Zunächst müssen wir entscheiden, was unsere Botschaft sein und wie sollte es auf unserer Design erscheinen. Ich entschied mich für die liebe Sonne, die Wärme und Fröhlichkeit des Fotos hervorheben. Ich entschied mich für Helvetica Neue Bold und erstellt eine rechteckige Form für meinen Titel zu machen, sich von den geschwungenen Verzierungen wir später an die Wand hinzufügen.

Pic 1


Schritt 2 - In 3D-Effekt auf Text

Wählen Sie die Textebene in der vorherigen Schritt erstellt, und wählen Sie aus dem Menü 3D

Pic 2


Schritt 3 - 3D-Text rastern

Nun, da Sie eine 3D-Text erstellt haben, müssen Sie, um es als Teil der gesamten Zusammensetzung arbeiten. Zunächst einmal müssen Sie rastern die 3D-Ebene mit der rechten Maustaste auf sie in der Ebenen-Palette und wählen Sie dann rastern 3d. Sobald Sie eine normale Ebene haben, müssen Sie die vor dem Text und den Seiten in zwei Schichten zu trennen, indem Sie das Zauberstab-Werkzeug. Klicken Sie auf der Vorderseite des ersten Zeichens und dann halten Sie auf den anderen Charakteren bei gedrückter Umschalttaste, um sie der Auswahl hinzuzufügen.

Pic 3


Schritt 4 - Separate Text in zwei Schichten

Sobald Sie die Vorderseite des Text ausgewählt haben, können Sie wählen, Schicht

Pic 4


Schritt 5 - In mehr Tiefe durch Einfärbung des Körpers des Textes

Um den 3D-Effekt mehr realistisch, sperren Sie die Transparenz für die Schicht mit dem Körper der Charaktere und füllen Sie es mit einer dunkelbraunen Farbe, die in der gesamten Zusammensetzung passt. Ich wähle R125, G55, B20. Ich habe auch einige Schattierungen mit dem Pinsel-Werkzeug auf einer separaten Ebene auf den Körper Schicht der Text abgeschnitten. Früher habe ich etwa 5-10% Deckkraft für den Pinsel und verwendet eine weiche Kante langsam fügen Sie einige dunklere Teile betont die Tiefe. Nehmen Sie eine Menge über das Ergebnis und die Schichten nebeneinander, um diese Schritte zu verstehen:

Pic 5


Schritt 6 - Kolorieren Worte mit Einstellungsebenen

Danach können Sie kolorieren die Worte Liebe und anders, um sie abheben. Um dies zu tun, stellen eine Auswahl um ein Wort und eine Farbton / Sättigung-Einstellungsebene mit blend-Modus auf Einfärben. Stellen Sie sicher, dass Sie auch die Einstellung Clip mit der Schicht mit dem vor dem Text. Legen Sie die Einstellung, die auf der Oberseite, wählen Sie es aus und drücken Sie Befehlstaste-Wahltaste-G (Mac) / Ctrl-Alt-G (PC).

Pic 6


Schritt 7 - Hinzufügen Highlights an den Rändern

Sie können auch eine separate Schicht und ziehen über die Kanten des Textes mit einem kleinen weißen Pinsel einige Akzente setzen und betonen den 3D-Effekt. Diese Schicht sollte auch auf der gleichen Schicht abgeschnitten werden, wie die anderen abgeschnitten Schichten zu gewährleisten, dass die Highlights sind nur sichtbar, auf der Vorderseite des Textes.

Pic 7


Schritt 8 - Erstellen von Schlagschatten

Last but not least, können wir eine Schatten-Effekt, aber wir müssen sicherstellen, dass es ist subtil genug. Der schnellste Weg, um den Schatten zu erzeugen, ist die Schicht mit der Front des Textes zu duplizieren und dann reduzieren Sie die Deckkraft auf etwa 30%, stellen die Füllmethode auf Multiplizieren und fügen Sie einen Gaußschen Weichzeichner aus dem Filter-Menü. Es muss nicht zu viel zu unscharf werden, nur um 2-3 Pixel Radius verwenden. Sobald die Wirkung ist bereit, Sie müssen es nur aus dem Text ein wenig versetzt. Es sei auf die Richtung der Lichtquelle, die in diesem Fall ist das Sonnenlicht erfolgen. Ich verlagerte den Schatten Schicht leicht nach rechts und unten:

Pic 8


Und dies ist, wie es bisher aussieht:

Pic 9


Schritt 9 - Planung der Dekoration

Nun, da die 3D-Suche Typ fertig ist, können wir anfangen, über die umliegenden Dekorationselemente. Ich stellte mir eine dynamische, funky und farbenfrohe Design, so dass ich viele Kurven verwenden und übernehmen einige abstrakte Sonne Symbole entschieden. In diesem Stadium ist es sinnvoll, ein paar Skizzen auf Papier zuerst tun, nur um eine Idee, bevor akribisch ziehen Pfade mit dem Zeichenstift-Werkzeug haben. Skizzieren und Freihandzeichnen hilft immer, um einen natürlichen Fluss für Ihr Design bekommen und halten es einzigartig. Sobald Sie ein paar gute schnelle Skizzen haben, können Sie sie für Ihr Design verwenden. Wir werden von diesem Schritt nächsten Zeit fortsetzen, aber bis dahin können wir einen Blick auf das endgültige Design:

Final


To be continued ...

Related Videos
Comments (0)

You must be logged in to comment.

Understanding Brushes, Vector Tools and Transforms
Photoshop CS6 103
Dream It. Do It.
Do you want to learn Understanding Brushes, Vector Tools and Transforms?
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: