Comic-style Schriftzug mit Pseudo 3D

von Andreas Braun | 0 | 4128 Aufrufe

Anzeige Hier werben

So wird das Ergebnis aussehen:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Benutzte Software: Adobe Photoshop CC

Verwendete Schriftart: Badaboom BB

Arbeitszeit: 20 Minuten

Schwierigkeitsgrad: Einfach/Medium

Vorwort:

In diesem Tutorial möchte ich euch zeigen, wie man einen stylischen Texteffekt und eine Hintergrundtextur erstellt, die vom Stil her sehr gut zu Comics passt. Am Ende des Tutorials habe ich auch noch ein kleines Beispielbild von mir gepostet.

Schritt 1 : Leder mit Filtern:

  • Erstellt ein neues Photoshop Dokument mit diesen Einstellungen
Bild zu Comic-style Schriftzug mit Pseudo 3D
  • Doppelklick auf „Hintergrund“ im Ebenenfenster macht daraus Ebene 0
Bild zu Comic-style Schriftzug mit Pseudo 3D
  • Wählt als Vordergrundfarbe Schwarz und Hintergrundfarbe Weiß
Bild zu Comic-style Schriftzug mit Pseudo 3D
  • Über Filter-Filtergalerie-Buntglasmosaik legen wir die Struktur an
Bild zu Comic-style Schriftzug mit Pseudo 3D

Für mehr Struktur überlagern wir das Buntglas noch mit einem Rauschen über Filter-Rauschfilter-Rauschen hinzufügen…

Bild zu Comic-style Schriftzug mit Pseudo 3D

Für den nächsten Schritt brauchen wir eine Alphamaske dieser Ebene

  • Wählt den Inhalt der Ebene mit STRG-A und kopiert ihn mit STRG-C
  • Klickt nun auf „Neuen Kanal erstellen“ im Kanäle-Fenster wie auf dem Bild unten
  • Mit STRG-V füllt ihr die kopierten Werte ein
Bild zu Comic-style Schriftzug mit Pseudo 3D
  • Zum Schluss wählt im Kanäle Fenster wieder den RGB Kanal.
  • Füllt Ebene0 mit einer dunklen Farbe. Keine Angst, die Buntglas Textur ist ja im Alphakanal gespeichert.
  • Wählt Bearbeiten-Fläche füllen-Verweden:Farbe (Farbwert: RGB: 11,7,3)
Bild zu Comic-style Schriftzug mit Pseudo 3D
  • Die Beleuchtung steht an. Wählt Filter-Beleuchtungseffekte

In Photoshop CC hat sich das Beleuchtungseffekte Fenster sehr verändert.

Bild zu Comic-style Schriftzug mit Pseudo 3D

Mit diesen Einstellungen:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Erhalten wir eine Ledertextur, die so aussieht:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Spielt ein wenig mit den Einstellungen um ein anderes Ergebnis zu erhalten, das euch am besten gefällt.

Doppelklick auf die Ebene öffnet das Stilfenster

Bild zu Comic-style Schriftzug mit Pseudo 3D

Hier veredeln wir die Textur noch mit folgenden Einstellungen:

Schein nach innen:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Farbverlaufswerte:

#1 : EFf8D31

#2: FAC696

Farbüberlagerung:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Farbwert: ff3300

Verlaufsüberlagerung

Bild zu Comic-style Schriftzug mit Pseudo 3D

Farbverlaufswerte:

Bild zu Comic-style Schriftzug mit Pseudo 3D
#996633 weiß #996633

Das Ergebnis:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Durch die Filter haben wir viel von der Struktur verloren, daher sollten wir mit den Gradiationskurven (Bild-Korrekturen-Gradiationskurven...) etwas herumspielen bis wir ein Ergebnis erhalten, das uns gefällt.

Schritt 2 : Der Schriftzug

Mit dem Text Werkzeug und diesen Einstellungen erstellen wir den Schriftzug. Wählt als Textfarbe „Schwarz“.

Bild zu Comic-style Schriftzug mit Pseudo 3D

Doppelklick auf die Text Ebene im Ebenenfenster. Nehmt hier nun diese Einstellungen vor:

Abgeflachte Kante und Relief:

Bild zu Comic-style Schriftzug mit Pseudo 3D
Die Zahlen in Rot sind die Hex-Werte der Farben / die zu verwendende Farbe

Abgeflachte Kante und Relief - Kontur:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Kontur:

Bild zu Comic-style Schriftzug mit Pseudo 3D
Bild zu Comic-style Schriftzug mit Pseudo 3D

Glanz:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Farbe:Schwarz

Farbüberlagerung:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Verlaufsüberlagerung:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Schein nach außen:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Mit diesen Einstellungen solltet ihr ein Ergebnis wie das hier erzielen:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Schritt 3: Pseudo 3D Effekt:

  • Dupliziert die Text Ebene über Ebene-Duplizieren
  • Löscht alle Ebenenstile (Ebene-Ebenenstil-Ebenenstil löschen)
  • Benutzt nun die Pfeiltasten um die Ebene etwas nach rechts und etwas nach oben zu schieben
Bild zu Comic-style Schriftzug mit Pseudo 3D
  • Wie im Schritt vorher nehmen wir nun einige Einstellungen an dieser neuen Ebene vor.
  • Öffnet wieder das Ebenenfenster

Abgeflachte Kante und Relief

Bild zu Comic-style Schriftzug mit Pseudo 3D

Abgeflachte Kante und Relief: Kontur

Bild zu Comic-style Schriftzug mit Pseudo 3D

Kontur:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Schatten nach Innen

Bild zu Comic-style Schriftzug mit Pseudo 3D

Schein nach Innen

Bild zu Comic-style Schriftzug mit Pseudo 3D

Farbüberlagerung

Bild zu Comic-style Schriftzug mit Pseudo 3D

Verlaufsüberlagerung

Bild zu Comic-style Schriftzug mit Pseudo 3D

Musterüberlagerung

Bild zu Comic-style Schriftzug mit Pseudo 3D
Als Muster habe ich hier eines der Standard Muster von Photoshop genommen

Ergebnis

Bild zu Comic-style Schriftzug mit Pseudo 3D

Anregung


Hier noch eine kleine Anregung, was man mit den erstellten Ebenenstilen gestalten kann:

Bild zu Comic-style Schriftzug mit Pseudo 3D

Ich hoffe ich konnte euch mit diesem Tutorial gut unterhalten und ihr habt auch noch was dabei gelernt. Viel Spass beim rumtüfteln, und ich würde mich freuen, Werke von euch zu dem Thema zu sehen.

Über den Autor: Andreas Braun
hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.
Profilseite betrachten