• Kostenloser Versand
    Keine versteckten Kosten! Bei allen Produkten ist der Standard-Versand kostenlos!
  • inkl. Basis-Datencheck
    Für beste Druckergebnisse Ihre Druckdaten werden nach dem Upload immer kostenfrei auf Druckfähigkeit geprüft!

    Sie erhalten umgehend eine Rückmeldung, falls Optimierungen notwendig sind.
  • Unabhängiger Käuferschutz
    Geprüft und zertifiziert seit 2012 Unser Shop wird regelmäßig unabhängig geprüft und trägt seit 2012 das Trusted Shops Gütesiegel.

    Ihr Vorteil: Alle Aufträge sind bis 100€ kostenfrei abgesichert.

    Zusätzlich können Sie den erweiterten Käuferschutz von Trusted Shops nutzen und Einkäufe bis zu 20.000 € absichern.
  • Kauf auf Rechnung
    Einfach per Rechnung zahlen Unternehmen, Behörden und Vereine zahlen bei uns bequem per Rechnung.
    • Keine Gebühren
    • Keine Verzögerungen
    • Keine Umwege

    Wir produzieren sofort nach Dateneingang - Sie zahlen erst nach dem Erhalt Ihrer Ware.
  • Persönliche Fachberatung
    Freundlich und kompetent Wir helfen Ihnen gerne weiter!
    • Produktberatung
    • Unterstützung bei der Erstellung Ihrer Druckdaten
    • Auftragsmanagement
    Unsere kompetenten Druckexperten stehen Ihnen Mo - Fr. von 8 - 17 Uhr unter 0351 20 44 444 mit Rat und Tat zur Seite.

Lava Text-Effekt in Photoshop erstellen

Lave Text Effekt mit Photoshop
Robert Block
Achtung, jetzt wird es heiß. Gestaltet mit mir zusammen einen Lava Text-Effekt und adaptiert die spektakuläre Atmosphäre eines Vulkanausbruches in die nächste Headline. Magma bzw. Lava simulierend, erstellen wir einen glühenden und schmelzenden Schriftzug, so als wären die Buchstaben soeben aus einem Vulkan geschleudert worden. Alles, was ihr für den Lava Text-Effekt benötigt, ist Adobe Photoshop und 45 Minuten eurer Zeit.
Vor etwa 11000 Jahren war das Ulmener Maar das jüngste Zeugnis des Vulkanismus in Deutschland. Erst am 18.09.2013 wurden jedoch die Bürger der japanischen Stadt Kagoshima Zeuge einer 5000 Meter hohen Aschewolke über dem Sakurajima-Vulkan. Zu einem größeren Magmaausbruch kam es bei der Vulkaneruption glücklicherweise nicht, jedoch sorgten die Rauchwolken für einen Regen von Staubpartikeln.
Der Unterschied zwischen Magma und Lava liegt im Übrigen einzig und allein am Ort des Vorkommens. Befindet sich das flüssige Gestein unter der Erdoberfläche, so sprechen wir von Magma. Im Falle einer Eruption an die Erdoberfläche bezeichnet man die Gesteinsschmelze als Lava. Nun aber wollen wir endlich loslegen und starten unser geliebtes Photoshop.

Step 1

Zuerst laden wir uns eine dunkle Hintergrundtextur herunter. Diese öffnen wir in Photoshop und reduzieren die Bildgröße (ALT + STRG + I) anschließend auf eine Höhe von 1024px. Nun setzen wir unseren Text (T). Ich habe hierfür den Molot-Font in 500pt verwendet. Natürlich lassen sich für den Lava-Effekt auch andere schwergewichtige Schriften verwenden.
Lava Text effect Phtotoshop 1

Step 2

Um die Abstände zwischen allen Buchstaben zu vereinheitlichen, markieren wir die Buchstaben „AVA“ und setzten die Laufweite (Kernig) auf -90.
Lava Text effect Phtotoshop 2

Jetzt Flyer bei SAXOPRINT drucken

Step 3

Nun rufen wir mit einem Doppelklick auf die Textebene die Ebenenstile auf und editieren diese wie folgt.
Lava Text effect Phtotoshop 3 step 1
Lava Text effect Phtotoshop 3 step 2
Lava Text effect Phtotoshop 3 step 4
Lava Text effect Phtotoshop 3 step 5
Lava Text effect Phtotoshop 3 step 5
Lava Text effect Phtotoshop 3 step 6
Lava Text effect Phtotoshop 3 step 7
Lava Text effect Phtotoshop 3 step 8
Lava Text effect Phtotoshop 3 step 9
Lava Text effect Phtotoshop 3 step 10
Das Muster für die abgeflachte Kante und Relief erstellen wir uns, indem wir die Lava-Textur öffnen und über Bearbeiten -> Muster festlegen… das Muster in die Palette speichern.
Lava Text effect Phtotoshop 3 step 11
Lava Text effect Phtotoshop 3 step 12

Step 4

Wir duplizieren uns nun die Texteben „LAVA“ (STRG + J) und löschen in der Kopie mit einem Rechtsklick auf die Ebene (Ebenenfenster) den Ebenenstil. Auf diese Weise haben wir eine identisch platzierte und blanke Kopie der Textebene erstellt. Auch hier erstellen wir wieder einige Effekte.
Lava Text effect Phtotoshop 4 step 1
Lava Text effect Phtotoshop 4 step 2
Lava Text effect Phtotoshop 4 step 3
Lava Text effect Phtotoshop 4 step 4
Lava Text effect Phtotoshop 4 step 5
Lava Text effect Phtotoshop 4 step 6
Lava Text effect Phtotoshop 4 step 7
Lava Text effect Phtotoshop 4 step 8
Lava Text effect Phtotoshop 4 step 9

Topseller Poster drucken lassen

Step 5

Im nächsten Schritt platzieren wir die Datei der Lava-Textur in unserem Dokument direkt zwischen Hintergrund und dem Lava-Text. Dann wenden wir eine Verlaufsumsetzung auf die Ebene Lava-Textur an. Hierfür öffnen wir Fenster -> Korrekturen und wählen die Verlaufsumsetzung. Die Einstellungen lauten dann wie folgt.
Lava Text effect Phtotoshop 5

Step 6

Die Ebene der Lava-Textur und die darüberliegende Einstellungsebene der Verlaufsumsetzung reduzieren wir nun auf eine Ebene und fügen dieser dann eine Ebenenmaske hinzu. Nachdem wir die Füllmethode auf Linear abwedeln (Hinzufügen) gestellt haben, malen wir die Maske mit einem großen (ca. 200px) und weichen (Härte 0%) Pinsel (B) so aus, dass lediglich an den Kanten/Rändern der Buchstaben etwas von dieser Textur sichtbar bleibt. Der Bereich um die Buchstaben ist nun etwas heller und sorgt für einen plastischeren Eindruck. Die Deckkraft der Ebene reduzieren wir nun noch auf 36%.
Lava Text effect Phtotoshop 6

Step 7

Nun markieren wir beide Textebenen und wandeln beide mit einem Rechtsklick im Ebenenfenster in ein Smartobjekt um. Damit der Text noch etwas mehr Kontrast erhält, fügen wir im Ebenenfenster noch eine Einstellungsebene hinzu und erhöhen hier den Kontrast auf den Wert 90. Damit Helligkeit/Kontrast nur auf den Text angewendet wird, klicken wir mit gedrückter ALT-Taste genau zwischen beide Ebenen. So oder mit ALT + STRG + G wenden wir auf den Lava-Text eine Schnittmaske an.
Lava Text effect Phtotoshop 7

Step 8

Wir erstellen uns die neue Ebene „Schatten“ unter dem Text und fügen hier mit einem großen (280px) und weichen (Härte 0%) Pinsel in Schwarz etwas Schatten direkt unter dem Text ein.
Lava Text effect Phtotoshop 8

Step 9

Auf der neuen Ebene „Highlights Orange“ malen wir mit einem weichen Pinsel und einem grellen Orange (#ff4e00) ein paar Lichter dort hin, wo die Lava-Buchstaben an den Kanten besonders leuchten. Anschließend werden die Lichter mit dem Gauchen Weichzeichner (ca. 25%) weichgezeichnet und die Ebene wird auf „Linear Abwedeln (Hinzufügen)“ sowie 45% Deckkraft gestellt. Dieser Schritt lädt zum herumprobieren ein, je nachdem was realistisch aussieht.
Lava Text effect Photoshop 9

Step 10

Die Ebene „Lava-Text“ wandeln wir nun zusammen mit der Einstellungsebene „Helligkeit/Kontrast“ mit einem Rechtsklick in ein Smartobjekt um, welches wir im Anschluss duplizieren und die Kopie in „Lava-Text verwischt“ umbenennen. Diese Kopie rastern wir nun (Ebenfalls Rechtsklick -> Ebene rastern).
Mit dem Wischfinger-Werkzeug ( R) bearbeiten wir nun die Kanten der Buchstaben und lassen sie wie geschmolzen/glühend aussehen. Wo der Text heiß ist und brennt, verwenden wir einen 30px großen Wischfinger mit einem Schwellenwert von 30%. Für die übrigen Kanten genügt ein feiner Wischfinger mit einer Größe von 15px.
Lava Text effect Photoshop 10

Step 11

Im elften Schritt verwischen wir die glühende Lava noch ein wenig weiter. Mit einem 20px großen und weichen Wischfinger (Schwellenwert noch immer 30%) verdeutlichen wir weiter die Hitze der orangen Ränder und verwischen die glühende Lava im Text mit dessen Kanten. Zum Schluß sorgen wir mit einer Einstellungsebene erneut mit Hilfe der Gradationskurven für etwas mehr Kontrast.
Lava Text effect Photoshop 11

Plakate online bestellen

Step 12

Nun sorgen wir mit der Ebene „Schattierung“ noch für etwas Detail. Mit einem schwarzen und weichen Pinsel zeichnen wir diese auf den Text. Die Deckkraft der Ebene reduzieren wir anschließend auf 40%.
Lava Text effect Photoshop 12

Step 13

Ähnlich wie eben, setzen wir auf der Ebene „Lichter Orange“ ein paar Highlights. Hierfür verwenden wir erneut ein grelles Orange und einen weichen Pinsel. Die Pinselstriche zeichnen wir dann mit dem Gaußschen Weichzeichner (18%) weich und stellen die Ebene anschließend auf „Negativ multiplizieren“ mit einer Deckkraft von 50%.
Lava Text effect Photoshop 13

Step 14

Für ein paar helle Lichter sorgen wir mit einigen weichen und weißen Pinselstrichen. Die Ebene „Lichter Weiß“ erhält die Füllmethode „Ineinanderkopieren“.
Damit Schatten und Lichter nicht über den Text hinausragen, versehen wir alle drei noch mit einer Schnittmaske zur Textebene.
Lava Text effect Photoshop 14

Step 15

Nun platzieren wir die Rauch-Textur in unserem Dokument. Nachdem wir die Ebene gerastert haben, können wir ihr die Farbe entziehen. Dies machen wir über Bild -> Korrekturen -> Sättigung verringern oder einfach SHIFT + STRG + U. Sehr wichtig ist es, die Ebene dann auf „Negativ multiplizieren“ zu stellen.
Den Rauch wenden wir auf den Lava-Text an, indem wir unnötige Bereiche hier und dort wegradieren, etwas hinzufügen oder die Ebene einfach durch Transformation/Verkrümmung (STRG + T) in die richtige Form bringen. Mit der Tonwertkorrektur lässt sich der Rauch final noch etwas im Kontrast anpassen.
Lava Text effect Photoshop 15 step 1
Lava Text effect Photoshop 15 step 2
Lava Text effect Photoshop 15 step 3

Step 16

Als letztes Element fügen wir einen Funkenflug in unser Dokument über die Lava ein.
Lava Text effect Photoshop 16

Step 17

Wir verleihen der Funken-Textur eine Ebenenmaske, stellen die Füllmethode auf „Farbig abwedeln“ und die Deckkraft auf 80%. Nun verdecken wir in der Maske alle überflüssigen Elemente, vor allem die außerhalb der Buchstaben. Dort benötigen wir fast keine Funken.
Lava Text effect Photoshop 17

Step 18

Zum Ende erstellen wir noch eine Vignette mit Hilfe einer weichen, ovalen Auswahl für die Ebenenmaske einer schwarzen Fläche.
Lava Text effect Photoshop 18

Fertig

Wir sind fertig, unser Lava-Text mit Photoshop glüht nun fleißig vor sich hin und versprüht ein bisschen vulkanische Atmosphäre. Damit Ihr die vergangenen Schritte noch besser nachvollziehen könnt, stelle ich Euch die offene PSD-Datei des Lava-Textes zum Download zur Verfügung. Viel Spaß beim Nachbauen und bis zum nächsten Tutorial.

Lava Text effect Photoshop ende Version
Im Übrigen möchte ich an dieser Stelle noch auf das hervorragende Tutorial von Gianluca Giacoppo auf Psdtuts+ verweisen, welches mir als Inspiration galt.