myGully.com

myGully.com (https://mygully.com/index.php)
-   Tutorials (https://mygully.com/forumdisplay.php?f=76)
-   -   [Photoshop] Perspektivischer 3D-Text (https://mygully.com/showthread.php?t=2022637)

deparanoid 05.04.10 22:00

Perspektivischer 3D-Text
 
Hallo zu einem eher Anfänger-Tutorial! :T Die Technik ist wirklich sehr einfach. Mal sehen wie gut es ankommt... (Begiffe mit * werden unten im Glossar erklärt)

Das ist das spätere Ergebnis:
http://www.abload.de/img/finalshxp.jpg

Nun zum Tutorial:

1. Schritt:
Gestaltet euren Hintergrund nach Belieben.
Für meinen Hintergrund habe ich erst mit dem Verlaufstool* einen linearen Verlauf über das ganze Bild gezogen mit den Farben hellblau --> weiß.


Hier die Farbcodes* für das Hellblau:


Danach habe ich ein Bild eines Sternenhimmels... (Klick für Download)

...mit Hilfe des Modus "Negativ Multiplizieren*" über das Bild gesetzt, um nur die Sterne auf dem Bild zu sehen.


2. Schritt:
Kreiert einen Text nach Belieben...

...und rastert* ihn mit einem Rechtsklick auf die Ebene.


3. Schritt:
STRG + T drücken, um die Ebene frei transformieren* zu können.


Rechtsklick in den "Kasten" um den Text, dann auf "Perspektivisch".


Jetzt können wir, indem wir eine der beiden oberen Ecken ziehen, den Text perspektivisch verkrümmen.


4. Schritt:
Jetzt wählt ihr den Text aus und drückt mehrmals ALT + STRG + SHIFT + LINKE PFEILTASTE bzw. RECHTE PFEILTASTE, wenn ihr den Text an der rechten Seite verkrümmt habt. So erstellt ihr mehrere Kopien und bewegt diese automatisch ein paar Pixel nach links bzw. rechts. Je mehr Kopien, desto dicker wird der Text. In meinem Fall sind schon 3 Kopien eine gute Anzahl. Somit habe ich jetzt 4 Textebenen hintereinander.


5. Schritt:
Wählt alle Textebenen bis auf die oberste Kopie aus und drückt STRG + E, um alle ausgewählten Ebenen auf eine zu reduzieren.


6. Schritt:
Jetzt könnt ihr den hinteren Teil des Textes verändern. In meinem Beispiel wähle ich Rechte Maustaste auf die untere Ebene: "Fülloptionen"....

...und wähle dann "Verlafusüberlagerung"* von mittel-/ bis dunkelgrau und ansonsten mit den Standardwerten.


So sieht der Text bis jetzt aus (nachdem ich die hinteren Ebenen noch einzeln bewegt habe, um Lücken zwischen den Ebenen zu verhindern):


7. Schritt: (optional)
Jetzt können wir noch die "Deckplatte" unseres Textes verschönern. Entweder mit einer Farbüberlagerung* (ebenfalls in den Fülloptionen) oder mit zusätzlichen Effekten. In meinem Beispiel habe ich dem ganzen einen glänzenden Look gegeben. Hier ist die Anleitung:

Wählt die oberste Textebene aus. Zeichnet mit dem Zeichenstiftwerkzeug* einen welligen Pfad über die Ebene...

...und konvertiert de geschlossenen Pfad* in eine Auswahl*.


Dupliziert die oberste Textebene...

...und macht eine Farbüberlagerung in den Fülloptionen auf diese Kopie (verwendet ein mittel-/ bis dunkelgrau).


Jetzt nur noch STRG + SHIFT + I um alles außerhalb der Auswahl auszuwählen und ENTF.



Somit entsteht (mit dem richtigen Grauton) die Illusion einer reflektiven, glänzenden Oberfläche.

Als letzten Feinschliff noch die beiden neuen Ebenen mi STRG + E auf eine reduzieren, "Abgeflachte Kanten und Relief"* mit folgenden Werten hinzufügen...


...FERTIG! :T

Puh, da ist das Tutorial doch ziemlich lang geworden :confused: Aber ich habe die Schritte extra klein geschnibbelt, damit es auch für jeden verständlich ist. Ich hoffe ich konnte helfen! ;)

Hier ist noch eine zweite Art, das Ganze umzusetzen:
http://www.abload.de/img/final2bvmw.jpg
Das Selbe in grün...oder...naja, mehr beige. :p Wer dazu ein Tutorial haben will, sagt Bescheid, gibt dann nochmal ein Quick-Tutorial für diese Methode als neuen Post.



GLOSSAR (A-Z):

---A---
Abgeflachte Kanten und Relief = Ein Ebenenstil, bei dem an der Kante eines Objekts eine Abrundung in 3D simuliert wird.

Auswahl = Ein Bereich eines Bilds der mithilfe eines der zahlreichen Auswahltools oder mithilfe des Zeichenstiftwerkzeuges (siehe "Zeichenstiftwerkzeug") abgesteckt wird, um somit nur diesen Bereich des Bildes zu beeinflussen.


---F---
Farbcode = Ein Code, aus Zahlen und Buchstaben bestehend, der angibt, wie viel der Grundfarben Rot, Blau und Grün genutzt werden, um eine bestimmte Farbe zu "mischen".

Farbüberlagerung = Ein Ebenenstil, bei dem alle sichtbaren Pixel mit einer bestimmten Farbe "übermalt" werden.

Frei Transformieren = Ein Modus, in dem ein Objekt frei bewegt, verzerrt, verkrümmt und skaliert werden kann.

---N---
Negativ Muliplizieren = Ein Ebenenstil, der bewirkt, dass alle Farben auf den unter der betreffenden Ebene liegenden Ebenen, die heller als schwarz sind, durchscheinen. Oft wird der Modus genutzt, um einen reinen schwarzen Hintergrund verschwinden zu lassen.

---P---
Pfade = Linien, die mit dem Zeichenstift-Werkzeug (s. "Zeichenstiftwerkzeug") gezogen werden, um entweder eine Auswahl zu erstellen oder diese Linien zum erstellen neuer Objekte z.B. mit Hilfe der Konturfüllung zu erstellen

---T---
Text rastern = Ein Vorgang, bei dem eine auf Vektoren basierende Textebene zu einer Pixel-basierten Ebene konvertiert wird.

---V---
Verlaufstool = Ein Tool, das über die betreffende Ebene einen Verlauf von 2 oder mehr Farben mit einem flüssigen Übergang "malt".

Verlaufsüberlagerung = Ein Ebenenstil, bei dem alle sichtbaren Pixel mit einem fließenden Verlauf von 2 oder mehr Farben "übermalt" werden.

---Z---
Zeichenstift-Werkzeug = Ein Tool, mit dem man sogenannte "Pfade" (siehe "Pfade") auf Ebenen malen kann. Die Konturen dieser Pfade kann man dann z.B. füllen oder in eine Auswahl umwandeln (siehe "Auswahl").

care 05.04.10 22:04

Bestes Bild Tutorial das ich je gesehen habe!
Ausführlich, super Bilder, das sollte echt jeder Idiot verstehen! :T

Super!

deparanoid 05.04.10 22:05

Oh Danke! Fühle mich geehrt! :unibrow:

_Gojira 08.04.10 18:26

Zitat:

Zitat von care (Beitrag 20648856)
Bestes Bild Tutorial das ich je gesehen habe!
Ausführlich, super Bilder, das sollte echt jeder Idiot verstehen! :T

Super!

Kann ich mich nur anschliessen!

kaisaha 10.04.10 14:01

So muss ein Tutorial aussehen!
Nur weiter so :T

Benni1000 17.09.10 23:13

Help wenn ich Negativ Multipliziere bleibt der Rest vom himmel auch da da passiert nix?
Kann es daran liegen das ich CS4 Portable habe?

Ricky90 26.08.11 20:13

echt gut erklärt und dargestellt :T

dagobertduck01 24.09.11 12:22

Kann jemand die Bilder wieder uppen - anscheinend ist der Hoster nicht nicht mehr eraubt?!

ichc 24.09.11 12:54

Kannst du nicht einen anderen Hoster verwenden?


Alle Zeitangaben in WEZ +1. Es ist jetzt 17:31 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.