Photoshop Tutorial: 3D Schrift Montage
Freitag, 02. Oktober 2009
Schrift ist nicht gleich Schrift. Vor allem wenn man weiß, welche Möglichkeiten einem die Funktionen von Photoshop bieten eine Schrift zu verändern. Eine 3D Schrift zu erstellen kann in Photoshop sehr einfach sein. Ich möchte euch in diesem Tutorial eine schnelle Variante vorstellen und wie Ihr daraus eine ansprechende Montage erstellen könnt.
Das Tutorial behandelt die Themen: Einstellungebenen, Ebenenmasken, 3D-Effekt durch Vervielfältigung, Transformation, Licht und Schatten erzeugen, Formen und Vektorobjekte
Ergebnis des Tutorials
Schritt 1
Als erstes legen wir ein neue Datei mit den Maßen 3000x1000px an und füllen die Hintergrundebene mit einem Verlauf von Grün (#7ed707) nach Gelb (#bcc803).
Schritt 2
Nun erstellen wir den Schriftzug, den wir weiter bearbeiten wollen. Dazu wählen ihr eine Schrift, die das Thema eurer Meinung nach gut wiedergibt (ihr habt keine passende Schrift gefunden? Dann werden mal einen Blick auf die Links unter Resources). Diesen färben wir ein und transformieren ihn, bis er eine gute Größe hat.
Schritt 3
Auf die Schrift wenden wir nun einen Ebeneneffekt an, um Räumlichkeit zu erzeugen. Dazu setzen wir den Stil Abgeflachte Kante und Relief auf Tiefe 361%, Größe 10px, Weichzeichnen 10px.
Bei den Schattierungen wähle wir einen Winkel von 129° bei einer Höhe von 58°.
Schritt 4
Damit die Schrift an Räumlichkeit gewinnt müssen wir die Ebene der Schrift mehrfach duplizieren und verschieben. Hierfür wählen wir die Ebene aus und drücken bei aktivem Verschieben-Werkzeug [V] die [ALT+Pfeiltaste nach rechts] anschließend noch einmal die [Pfeiltaste nach oben] alleine. Diesen Vorgang wiederholen wir so oft, bis die Wunschdicke erreicht ist.
Schritt 5
Die Bearbeitung der Schrift beenden wir nun, indem wie die oberste Kopie der Schriftebenen auswählen und erneut die Ebeneneffektepalette öffnen. Dort stellen wir die Werte auf Tiefe 291%, Größe 188px, Weichzeichnen 14px. Unter der Rubrik ändern wir nun die Deckkraft des Lichtes auf 100% und die der Tiefen auf 36%.
Schritt 6
Da die Schrift momentan noch in der Luft fliegt erzeugen wir einen Schatten. Den erhalten wir, wenn wir von allen Schriftebenen eine Kopie anfertigen, diese zusammenfassen [Alle markieren+ CMD+E], eine neue Ebene erzeugen, diese mit Schwarz füllen, eine Schnittmaske mit der Schriftebene erstellen und diese beiden Ebenen wieder zusammenfassen und unter die Schrifteben verschieben.
Schritt 7
Soweit so gut. Allerdings sieht man den Schatten noch nicht wirklich. Das ändern wir nun, indem wir die Schattenebene markieren und diese transformieren [CMD + T]. Wenn wir nun mit gedrückter [ALT-Taste] auf die Ecken der Transformationsbox klicken, können wir diese perspektivisch verzerren. Sind wir mit der Verzerrung zufrieden drücken wir auf [Enter], erstellen eine Ebenenmaske und füllen diese mit einem S/W Verlauf um den Schatten nach hinten auszublenden.
Schritt 8
Bei den Buchstaben p und g ergeben sich allerdings Probleme da sie Unterlängen besitzen. Deshalb müssen wir hier noch einmal manuell eingreifen. Über [CMD + T] können wir mit rechter Maustaste -> Verzerren Feinheiten korrigieren.
Schritt 9
Als nächstes staffeln wir die Farben des Hintergrundes um die Farben zu korrigieren und die Räumlichkeit zu verstärken.
Über unsere Hintergrund-Verlaufs-Ebene legen wir eine neue, schwarze Ebene mit einer Deckkraft von 2%. Darüber wird eine Ebene mit einem Verlauf von #e7c400 nach #eaff00 eingefügt und die Deckkraft auf etwa 60% verringert. Zu guter Letzt legen wir noch einen S/W Verlauf über unsere anderen Ebenen und setzen die Deckkraft auf ca. 20%. Die Ebenen werden wir im folgenden Bild mit Ebenenmasken belegt.
Schritt 10
Damit der Schatten der Schrift seine Berechtigung hat, müssen wir eine Lichtquelle simulieren. Dazu erstellen wir eine neue Ebene über allen anderen Ebenen und füllen die diese mit Weiß. Nun wenden wir Filter -> Renderfilter -> Beleuchtungseffekte an. Die Einstellung sollten so gewählt werden, dass das Licht von links bis mittig auf die Schrift fällt. Die Deckkraft der Ebene muss nachher ggf angepas
Schritt 11
Nun wird der Hintergrund gefüllt. Unter den Formen, die mit Photoshop mitgeliefert werden sind einige schöne Motive dabei (sollte nur eine kleine Auswahl verfügbar sein, kann über den kleinen Pfeil am rechten Rand die gesamte Formen-Bibliothek eingeblendet werden. Ich verwende hier "Blume 5" in schwarz mit einer Deckkraft von 5%. Mittels Ebenenmaske habe ich den unteren Teil ausgeblendet.
Schritt 12
An den oberen beiden Ecken platzieren wir jetzt ein paar Punkte in unterschiedlicher Größe. Die Deckkraft und Farbe sollte wie in Schritt 11 gewählt werden.
Schritt 13
Für die "Strahlen", die ich unter der Schrift platziert habe verweise ich auf mein Tutorial Glimmering Colors. Den Ebenenmodus dieser Ebene habe ich auf Ineinanderkopieren gestellt.
Schritt 14
Nun werden die Vektoren in unser Dokument eingefügt. Diese müssen zuvor in Photoshop oder Illustrator gezeichnet werden und können anschließend dupliziert und verzerrt werden. Alternativ können auch Vektor Stocks und Pinsel verwendet werden. Zusätzlich habe ich verschiedene Blumen in verschiedenen Farben aus der Formensammlung von Photoshop verwendet. Die Planzen werden anschließend über die Ebeneneffekte angepasst.
Die Werte müssen ggf. für jede Pflanze angepasst werden
Schritt 15
Nachdem alle Pflanzen an die gewünschte Stelle gerückt worden sind, müssen wir noch Überlappungen erzeugen, um die Räumlichkeit zu verstärken. Hierzu duplizieren wir die Ebenen der entsprechenden Objekte und legen diese über die Ebene mit unserer Schrift. (Bei den kopierten Planzen habe ich den Ebeneneffekte nochmal deaktiviert um die Veränderung zu verdeutlichen)
Ergebnis:
Ich hoffe euch hat das Tutorial Spaß gemacht.
Über Kommentare freue ich mich! ;)
Comments