Tutorial: In Metall eingesetzter Ultra-Glossy-Text

Motivation / Intro

In diesem Tutorial wollen wir einen coolen Glanztext erzeugen. Wir verwenden dazu den Lichteffekte-Filter und werden noch viele Feinanpassungen am Text selbst vornehmen. Der finale Text ist in Metall versetzt dient als richtiger Hingucker ;) Das Tutorial ist für Beginner sehr schwierig nachzuvollziehen.

Tutorial details

  • Kategorie: Text-Effekte
  • Verfasst von
  • Erstellt am 27 Nov. 2008, zuletzt bearbeitet vor etwa einem Jahr
  • Benötigte Zeit: ≈45 Minuten Skill_3
  • Getestet mit GIMP 2.6.3
Creative Commons License
Dieses Werk von Bernhard Stockmann ist urheberrechtlich geschützt und wird unter den Bedingungen der Attribution-NonCommercial 3.0 Unported-Lizenz zur Verfügung gestellt.
  1. 1

    Legen wir eine neue Date an: 600×400px.

    - Färbt die HG-Ebene in #b3b3b3 ein.

    Schreibt in Schriftgröße 160 mit der Schrift Sans Bold einen kurzen Text. Ich habe GIMP geschrieben.

  2. 2

    Der Effekt kommt besser wenn der Text abgerundet ist. Die schnellen Schritte um spitze in runde kanten zu verwandeln sind:

    - Ebene / Ebene auf Bildgröße.
    - Filter / Wichzeichnen / Gaußscher Weichzeichner: 30px.
    - Farben / Kurven – stellt den Kanal links oben auf “Alpha” und schiebt die Regler zueinander – somit werden die halbtransparenten Stellen nach und nach entweder ganz oder garnicht durchsichtig.

    Am Screenshot seht ihr die Einstellungen des Farbkurven-Dialogs.

  3. 3

    Als nächstes wollen wir dem grauen Hintergrund die Form geben als wäre der GIMP-Text oben draufgesetzt. Ihr seht gleich was ich meine.

    Um das Metall in dieser Form zu erzeugen müssen wir einen Tiefenkanal anlegen der dann als Beleuchtungs-Bumpmap dient.

    - Rechtsklick im Ebenendialog: Auswahl aus Alphakanal.
    - Wechselt in den Kanäle-Reiter bzw Kanäledialog und legt unten einen neuen Kanal an: Aus Auswahl initialisieren anklicken und dann auf OK drücken. Nennt diesen Kanal “Tiefen”.

    - Speichert die Auswahl über Auswahl / Auswahl in Kanal speichern. Wir können sie dadurch später wiederverwenden.

  4. 4

    - Deaktiviert die Auswahl: Auswahl / Nichts auswählen.
    - Filter Weichzeichner / Gaußscher W. / Wert: 15px

    wiederholt den Weichzeichnungsschritt 2 weiter Male: einmal mit 7px, dann mit 2px.

  5. 5

    Wählt den Kanal in dem die Auswahl gespeichert wurde und klickt unten im Dialog auf “Die Auswahl durch diesen Kanal ersetzen”.

    - Klickt nun wieder auf den Tiefenkanal.
    - Stellt als VG oder HG-Farbe Weiß ein. Dann geht auf Bearbeiten / Mit VG/HG-Farbe füllen (je nachdem welche ihr für Weiß genommen habt).

    Hinweis: Das hat den Zweck, dass die Tiefenbelichtung im nächsten Schritt nur die Grautöne außerhalb des GIMP-Texts betrifft und nicht den Text selbst.

    - Farben / Invertieren.
    - Klickt die Sichtbarkeit des Kanals weg.

  6. 6

    Wechselt zu den Ebenen zurück und klickt die graue HG-Ebene an.

    Wählt Filter / Licht & Schatten / Lichteffekte…

    Downloaded meine Lichteinstellungen (Anfang des Tutorials) und ladet die Einstellungen unter der Registerkarte “Licht”.

    Unter Bumpmap wählt ihr den “Tiefen”-Kanal und stellt die max. Höhe auf 0,04.

    Unter Einstellungen stellt den Abstand auf 0,5.

    Unter Material stellt die Werte auf 0,8 | 0,2 | 0,1 | 20,00 – “Metallisch” nicht aktivieren.

    Klickt dann OK.

  7. 7

    Wählt nun Farben / Kurven und zieht die Kurve von der Mitte weg etwas nach rechts unten – das macht das Bild dunkler.

    Wählt die unsichtbare GIMP-Text-Ebene aus. Rechtsklickt auf die Ebene im Ebenendialog und wählt “Aauswahl aus Alphakanal”. (optional könnt ihr die Auswahl aus dem Kanal holen.)

    - Legt eine neue Ebene an und füllt die Auswahl dort mit dem Grauton: #939393. Nennt die Ebene “GrauerText”.

  8. 8

    - Wechselt zu den Kanälen, legt einen neuen an: Aus Auswahl initialisieren.

    - Auswahl / Nichts auswählen.
    - Filter Weichzeichner / Gaußscher W. Wert: 20px.
    - Nennt den Kanal “fuerText” und deaktiviert die Sichtbarkeit.

  9. 9

    Wechselt dann wieder zu den Ebenen und klickt auf die “GrauerText-Ebene”.

    Filter / Licht & Schatten / Lichteffekte.

    Lasst die Einstellungen unverändert. Ladet die Lichteinstellungen “singleLight” (im Download enthalten).

    Bei BumpMap wählt ihr den “fuerText”-Kanal aus.

    Dann OK drücken.

  10. 10

    Wählt Farben / Kurven und wendet diese Kurve an:

  11. 11

    Diese Ebene brauchen wir für später.

    - Wählt die Auswahl aus dem Kanal um die GIMP-Text-Auswahl zu erhalten.
    - Legt eine neue Ebene an
    - Nehmt das Verlaufswerkzeug (L) und stellt als VG-Farbe: 000d6d und HG: 45fff4 ein.

    Bei Form nehmt ihr: “Formangepasst (winkling)” und zieht kurz über das Bild – egal in welche Richtung.

  12. 12

    Wendet Farben / Kurven an: (s. Screenshot)

  13. 13

    Schiebt die Ebene unter die “Grauer-Text”-Ebene.

    - Wählt die Grauer-Text-Ebene aus.
    - Farbe / Farbe zu Transparenz: Klickt den Farbbalken an, Wählt mit dem Farbwähler rechts den mittleren Grauton im GrauenText.

  14. 14

    - Stellt den Ebenenmodus auf “Bildschirm”

    Nun wollen wir die HG-Ebene noch etwas abdunkeln, dann kommen die Farben noch etwas besser hervor ;)

    - Farben / Kurven: Zieht die Kurve dann etwas nach unten.

    Ihr könnt mittels Farben / Farbabgleich den HG noch ein bisschen einfärben wenn ihr wollt.

    Legt nun noch einen 1px breiten Schwarzen Rand an: – Neue Ebene
    - Kanal-Auswahl
    - Füllen mit Schwarz
    - Auswahl / Verkleinern: 1px.
    - ENTF drücken und den Ebenenmodus auf: Überlagern oder Faser mischen stellen. Oder ihr stellt die Deckkraft auf 50-70%. Je nachdem wies euch besser gefällt.

    Fertig!

    Unterhalb seht ihr einige Variationen ;) Ich hoffe euch gefällt das Resultat und ihr experimentiert auch selbst ein bisschen damit!

Kommentare

Hier kannst du Kommentare, Fragen und Anregungen loswerden. Der Autor und die anderen Benutzer können deinen Beitrag sehen und darauf antworten.

Natürlich kannst du auch im Chat fragen.

Abo-Verwaltung

Diese Funktion steht nur angemeldeten Benutzern zur Verfügung.

*

Als registrierter Benutzer kannst du Artikel und Kommentare bewerten, Bilder zu Kommentaren anhängen, dich bei Neuigkeiten benachrichten lassen usw... Außerdem werden keine CAPTCHAs mehr angezeigt.

*…optional

Artanis
vor mehr als einem Jahr

Im Schritt 4 sollte noch erwähnt werden, dass immer noch der Kanal "Tiefen" ausgewählt sein muss.

Chris
vor mehr als 2 Jahren

Lieber Norman!
Also du bist im Ebenendialog (Strg+L) und klickst dann mit der rechten MAustaste auf die aktuell verwendete Ebene. Dort findest du dann Auswahl aus Alphakanal ;-)

MfG Chris

Peppi92
vor etwa 3 Jahren

ich weiß gar nich wie man das mit dem HG und dem VG hinkriegt ... kann mir da mal jemand helfen ??

pätar
vor etwa 3 Jahren

gniarrr

Norman
vor etwa 3 Jahren

Ich komm da iwie nicht klar...

- Rechtsklick im Ebenendialog: Auswahl aus Alphakanal
Was soll das bedeuten? Unter Ebene gibts diesen Punkt nicht.

Pascal
vor etwa 3 Jahren

- Filter / Wichzeichnen / Gaußscher Weichzeichner: 30px.

30px sind doch viel zu hoch!
Bei mir ist das dann nur noch wischwasch...

SpEcIeS SpEcIeS Mitglied seit mehr als 3 Jahren
vor etwa 3 Jahren

noch ein tipp:
beim abdunkeln des HGs mit dem kurven-werkzeug entstehen feine linien in den graustufen. mit dem selektiven gauß.weichzeichner kann man die sehr gut entfernen

Mr-L Mr-L Mitglied seit etwa 3 Jahren
vor etwa 3 Jahren

Danke, devvv.
Endlich die Rettung
Klappt jetzt auch! (liegt am tutorial!!! Super)

myke myke Mitglied seit mehr als 4 Jahren
vor etwa 3 Jahren

wiedermal ein sehr ansehnliches Tutorial, weiter so! ;)

devvv devvv Mitglied seit mehr als 5 Jahren
vor etwa 3 Jahren

Mr.L, du musst die nirgends reinkopieren. Einfach auf den Desktop entpacken und wenn du den Dialog vom Lichteffekte-Filter offen hast klickst du auf öffnen und lädst die jeweilige einstellungsdatei!

hoffe das klappt nun

Mr-L Mr-L Mitglied seit etwa 3 Jahren
vor etwa 3 Jahren

Hi, kann mir mal jemand dass mit den Lichteinstellungen erklären, wo man das reintun muss?
Dank

Kloud
vor etwa 3 Jahren

total geil!! krass was man alles mit gimp machen kann, wenn ich solche dinge sehe bekomm ich gleich voll bock mein gimp anzuwerfen. danke an den admin des tuts!! du darfst niemals aufhören tutorials zu schrieben!!!

SpEcIeS SpEcIeS Mitglied seit mehr als 3 Jahren
vor etwa 3 Jahren

"- ENTF drücken und den Ebenenmodus auf:

Fertig!" <--den ebenenmodus kenn ich noch garnicht^^
ich glaube da fehlt noch ein wort hinter dem doppelpunkt ;)

Eraser Eraser Mitglied seit etwa 5 Jahren
vor etwa 3 Jahren

jaaa,

das ist doch was für mich ... thx! Das gefählt mir auch. Ich werd das natürlich auch super gebrauchen können...

Grüße,
E

devvv devvv Mitglied seit mehr als 5 Jahren
vor etwa 3 Jahren

hehe cool, na dann happy combining ;) die endversion hab ich schon ziemlich lang auf der platte (wie vieles anderes) - bin nie dazu gekommen das zu reproduzieren - hat übrigens ganz schön lang gedauert die korrekten lichteffekte-einstellung da zu finden *g*

Avarra
vor etwa 3 Jahren

Ha ha,

das ist ja komisch, fast die gleiche Idee hatte ich vor einigen Tagen auch ... sieht man am Datum meines postings hier:

http://www.gimp-werkstatt.de/werkstatt-forum/viewtopic.php?f=12&t=1198

Über 11 Stunden pures CSS-Wissen von den gimpusers.de-Machern zu Design und Layout. 3 komplette Websites (inkl. der Umsetzung des gimpusers.de-Portals). Viele Bonus-Themen zu Animationen, CSS3, Blog-Anpassung etc.

Willkommen!


Passwort vergessen?

Noch kein Mitglied? Hier registrieren!

Aktuelle Wettbewerbe

Destruction 3.0 – zerstört ein beliebiges Objekt
Status: Einsendungen werden angenommen
Zu den Einsendungen

Zufällige Tutorials | Neueste tutorials

  1. Lichtstrahlen hinter Text Lichtstrahlen hinter Text 88
  2. Vexelstyle auf Fotos simulieren Vexelstyle auf Fotos simulieren 18
  3. Ein Fadenkreuz (in mehreren Variationen) erstellen Ein Fadenkreuz (in mehreren Variationen) erstellen 23
  4. Einen gebogenen Streifen erzeugen Einen gebogenen Streifen erzeugen 24

Gerade kommentiert

Super Sache - habe ich schon in meinen Kreisen aufgenommen - freu ... (vor 2 Tagen zu GIMP gibts jetzt auf Google+!)

Hallo gnusefab - wie sicher ist dieser download? - auf der Gimp Org... (vor 2 Tagen zu Letzter GIMP 2.6-Stable-Release)

Dankeschön für das sehr gute Tut! Habe es vor mehreren Jahren sc... (vor 2 Tagen zu 3D-Logo erstellen)

Umfrage

Ist GIMP für euch ein Mittel um Print-Grafiken / Flyer / Werbungen zu gestalten?

Ergebnisse anzeigen

Mailing-Listen / Foren (englisch)

Fakten & Zahlen

gimpusers.de RSS-Feed

16 identi.ca-Abonnenten
160 Twitter-Abonnenten

powered by bitfire it services