Tutorials

Photoshop-Tutorial: Text eine Kontur hinzufügen (Outline-Effekt)

Melden

Eine Kontur (Outline) um deinen Text sorgt dafür, dass sich Schriften besser vom Hintergrund abheben, besser lesbar sind oder einfach moderner aussehen. In diesem Tutorial lernst du Schritt für Schritt, wie du in Adobe Photoshop ganz einfach eine Textkontur erstellst und anpasst.

Schritt 1: Text erstellen

  1. Öffne dein Projekt oder erstelle ein neues Dokument in Photoshop.
  2. Wähle in der Werkzeugleiste links das Text-Werkzeug aus (Tastenkürzel: T).
  3. Klicke auf deine Arbeitsfläche und schreibe deinen gewünschten Text.
  4. Wähle eine gut lesbare Schriftart und -größe. Bestätige die Texteingabe mit dem Häkchen in der oberen Optionenleiste oder über das Nummernblock-Enter.

Schritt 2: Ebenenstile öffnen

Es gibt zwei einfache Wege, um das Menü für die Kontur zu öffnen:

  • Weg A: Mache einen Doppelklick auf die Textebene im Ebenen-Bedienfeld (klicke dabei auf den freien Bereich neben dem Ebenennamen, nicht auf den Namen selbst).
  • Weg B: Wähle die Textebene aus, klicke unten im Ebenen-Bedienfeld auf das Symbol fx und wähle Kontur… aus.

Es öffnet sich das Fenster Ebenenstil.

Schritt 3: Kontur einstellen

Setze links im Menü ein Häkchen bei Kontur und klicke auf das Wort selbst, um die Einstellungen anzuzeigen.

Passe nun folgende Werte nach deinen Wünschen an:

  • Größe: Bestimmt, wie dick die Umrandung sein soll (Angabe in Pixeln).
  • Position: Dies ist die wichtigste Einstellung!
    • Außen: Die Kontur legt sich um die Buchstaben herum (empfohlen, da die Schrift lesbar bleibt).
    • Innen: Die Kontur wächst in die Buchstaben hinein (macht dünne Schriften oft unleserlich).
    • Mitte: Die Kontur liegt genau auf der Kante der Schrift.
  • Füllmethode: Belasse diese standardmäßig auf Normal.
  • Deckkraft: Bestimmt die Transparenz der Kontur (100 % = voll deckend).
  • Füllart: Wähle hier Farbe und klicke auf das Farbfeld, um die gewünschte Farbe für deine Kontur auszuwählen. (Alternativ kannst du auch Verlauf für mehrfarbige Konturen wählen).

Klicke auf OK, sobald du mit dem Ergebnis zufrieden bist.

Extra-Tipp 1: „Hohlen“ Text erstellen (Nur die Kontur sichtbar)

Ein sehr beliebter Design-Trend ist Text, der nur aus einer Kontur besteht und innen transparent ist:

  1. Erstelle die Kontur wie in den Schritten 1–3 beschrieben.
  2. Gehe nun in dein Ebenen-Bedienfeld.
  3. Reduziere den Wert bei Fläche (direkt unter „Deckkraft“) auf 0 %.
  4. Ergebnis: Die Füllfarbe des Textes verschwindet komplett, aber die Kontur bleibt sichtbar. Der Hintergrund scheint durch die Schrift hindurch.

Extra-Tipp 2: Mehrere Konturen hinzufügen

Du möchtest eine doppelte oder dreifache Kontur (z. B. für einen Retro- oder Sticker-Effekt)?

  1. Öffne wieder das Ebenenstil-Fenster über einen Doppelklick auf die Ebene.
  2. Klicke im Bereich Kontur auf das kleine Plus-Symbol (+) direkt neben dem Wort „Kontur“.
  3. Photoshop dupliziert den Effekt. Wähle die untere Kontur aus, wähle eine andere Farbe und mache die Größe etwas dicker als die der ersten Kontur.
0