Textumrandung in Photoshop erstellen

Text ist ein fundamentales Element vieler Designs in Adobe Photoshop. Oft reicht es nicht aus, nur die Schrift an sich zu platzieren. Um Text hervorzuheben, ihn besser lesbar zu machen oder einfach nur einen besonderen visuellen Effekt zu erzielen, ist eine Umrandung – auch Kontur genannt – ein beliebtes und mächtiges Werkzeug. Eine gut gewählte Umrandung kann die Lesbarkeit eines Textes auf komplexen Hintergründen verbessern oder einfach nur einen stilistischen Akzent setzen, der das gesamte Design aufwertet.

Grundlagen der Textumrandung in Photoshop

Das Umranden von Text in Photoshop ist glücklicherweise kein komplizierter Prozess. Die gängigste und flexibelste Methode verwendet die sogenannten Ebenenstile. Ebenenstile sind Effekte, die Sie auf eine Ebene anwenden können, ohne die ursprünglichen Pixel der Ebene dauerhaft zu verändern. Das bedeutet, dass Sie die Umrandung (oder andere Stile) jederzeit bearbeiten, deaktivieren oder entfernen können, was sie unglaublich praktisch für nicht-destruktives Arbeiten macht.

Innerhalb der Ebenenstile gibt es verschiedene Optionen, aber für das Erstellen einer Textumrandung ist der Stil Kontur derjenige, den wir hauptsächlich verwenden werden. Dieser Stil ermöglicht es Ihnen, eine Linie entlang der Kanten des Inhalts auf einer Ebene zu zeichnen – in unserem Fall entlang der Buchstabenformen des Textes.

Die Hauptmethode: Text mit Ebenenstilen umranden (Kontur)

Dies ist der Standardweg und bietet die meiste Flexibilität. Befolgen Sie diese Schritte:

Schritt 1: Text erstellen oder auswählen

Beginnen Sie, indem Sie das Textwerkzeug (T) auswählen und Ihren gewünschten Text in Ihrem Dokument eingeben. Oder wählen Sie eine bereits vorhandene Textebene in der Ebenenpalette aus.

Schritt 2: Ebenenstile öffnen

Es gibt mehrere Wege, die Ebenenstile für die ausgewählte Textebene zu öffnen:

• Doppelklicken Sie auf den leeren Bereich rechts neben dem Ebenennamen in der Ebenenpalette.
• Klicken Sie unten in der Ebenenpalette auf das Symbol "fx" (Ebenenstil hinzufügen) und wählen Sie "Kontur...".
• Gehen Sie im Menü zu Ebene > Ebenenstil > Kontur....

Dadurch öffnet sich das Dialogfeld "Ebenenstil".

Schritt 3: Den Stil "Kontur" aktivieren und konfigurieren

Im Dialogfeld "Ebenenstil" sehen Sie auf der linken Seite eine Liste der verfügbaren Stile. Klicken Sie auf das Kästchen neben Kontur, um den Stil zu aktivieren. Klicken Sie dann auf den Namen Kontur selbst (nicht nur das Kästchen), um die spezifischen Optionen für die Kontur anzuzeigen und zu bearbeiten.

Optionen des Kontur-Stils im Detail

Nachdem Sie "Kontur" ausgewählt haben, sehen Sie eine Reihe von Einstellungen:

Struktur

• Größe: Dies bestimmt die Dicke der Umrandung in Pixeln. Ein kleiner Wert ergibt eine dünne Linie, ein großer Wert eine dicke. Die Dicke wird von der Kante des Textes aus gemessen, abhängig von der gewählten Position. Experimentieren Sie mit diesem Wert, um die gewünschte Dicke zu finden. Bedenken Sie, dass eine zu dicke Kontur die Buchstabenformen verzerren kann, insbesondere bei kleinen Schriften oder feinen Schriftarten.
• Position: Dies ist eine sehr wichtige Einstellung, die festlegt, wo die Kontur in Bezug auf die Kante des Textes gezeichnet wird. Sie haben drei Optionen:
  • Außen: Die Kontur wird außerhalb der Textkante gezeichnet. Dies vergrößert die Gesamtbreite und Höhe des Textblocks, behält aber die ursprüngliche Form der Buchstaben am besten bei.
  • Innen: Die Kontur wird innerhalb der Textkante gezeichnet. Dies reduziert die sichtbare Größe der Buchstaben und kann bei dicken Konturen die inneren Bereiche der Buchstaben (wie das Loch in einem 'O' oder 'A') kleiner machen oder ganz schließen.
  • Mitte: Die Kontur wird zur Hälfte innerhalb und zur Hälfte außerhalb der Textkante gezeichnet. Dies ist ein Kompromiss zwischen den beiden anderen Positionen.

  Die Wahl der Position hängt stark vom gewünschten Effekt und der Dicke der Kontur ab. Für die meisten Anwendungen, bei denen die ursprüngliche Textform erhalten bleiben soll, ist "Außen" oft die beste Wahl.

• Mischmodus: Ähnlich wie bei Ebenen-Mischmodi bestimmt dieser, wie die Kontur mit den Pixeln der Ebene (dem Text) und den Ebenen darunter interagiert. Der Standardwert ist "Normal" und ist in den meisten Fällen passend. Andere Mischmodi wie "Multiplizieren", "Ineinanderkopieren" oder "Farbig abwedeln" können spezielle Effekte erzeugen, sind aber für eine einfache Umrandung selten notwendig.
• Deckkraft: Steuert die Transparenz der Kontur. Ein Wert von 100% bedeutet, dass die Kontur vollständig undurchsichtig ist, während ein niedrigerer Wert sie teilweise transparent macht, sodass der Hintergrund oder andere Ebenen durchscheinen können.
• Überfüllen: Diese Option ist eher für den Druckbereich relevant, insbesondere bei Separationen, um sicherzustellen, dass sich Farben leicht überlappen, um Lücken zu vermeiden. Für digitale Designs oder allgemeine Zwecke ist diese Option normalerweise nicht relevant und kann ignoriert werden (Standard ist 0%).

Füllart

Hier legen Sie fest, wie die Kontur mit Farbe gefüllt wird. Sie haben drei Optionen:

• Farbe: Dies ist die einfachste Option. Sie wählen eine einzelne Farbe für die gesamte Kontur. Klicken Sie auf das Farbfeld, um den Farbwähler zu öffnen und Ihre gewünschte Farbe auszuwählen.
• Verlauf: Ermöglicht das Füllen der Kontur mit einem Farbverlauf. Klicken Sie auf das Verlaufsvorschaufeld, um den Verlaufseditor zu öffnen und einen vorhandenen Verlauf auszuwählen oder einen eigenen zu erstellen. Sie können auch den Winkel, den Stil (Linear, Radial, Winkel, Reflektiert, Raute) und die Skalierung des Verlaufs einstellen.
• Muster: Ermöglicht das Füllen der Kontur mit einem Muster. Wählen Sie ein Muster aus der Liste der verfügbaren Muster aus. Sie können auch die Skalierung des Musters und die Verknüpfung mit der Ebene einstellen.

Für eine klassische Umrandung wird meist die Füllart Farbe verwendet.

Schritt 4: Einstellungen bestätigen

Nachdem Sie alle Einstellungen für die Kontur nach Ihren Wünschen angepasst haben, klicken Sie auf "OK" im Dialogfeld "Ebenenstil". Die Umrandung wird sofort auf Ihren Text angewendet.

In der Ebenenpalette sehen Sie nun unter dem Namen der Textebene den Eintrag "Effekte" und darunter "Kontur". Sie können diesen Eintrag jederzeit doppelklicken, um das Dialogfeld "Ebenenstil" erneut zu öffnen und die Einstellungen zu ändern.

Weitere Möglichkeiten und fortgeschrittene Techniken

Obwohl Ebenenstile die Standardmethode sind, gibt es andere Wege, Text in Photoshop zu umranden, die für spezielle Zwecke nützlich sein können:

Text in Form umwandeln und Kontur anwenden

Sie können eine Textebene in eine Formebene umwandeln (Ebene > Schrift > In Form umwandeln). Sobald der Text eine Form ist, können Sie die Formwerkzeug-Optionen in der Optionsleiste verwenden. Hier können Sie eine Füllung (keine Füllung für nur Umrandung) und eine Kontur (Strich) definieren. Diese Methode bietet andere Möglichkeiten zur Anpassung der Kontur, z. B. gestrichelte Linien oder komplexe Strichprofile. Der Nachteil ist, dass der Text nicht mehr editierbar ist, d.h. Sie können den Textinhalt nicht mehr einfach ändern.

Textauswahl erstellen und Umrandung als neue Ebene füllen

Eine ältere Methode, die aber immer noch funktioniert und manchmal für spezifische Effekte nützlich ist:

1. Wählen Sie die Textebene aus.
2. Halten Sie die Strg-Taste (Cmd auf Mac) gedrückt und klicken Sie auf die Miniaturansicht der Textebene in der Ebenenpalette. Dies erstellt eine Auswahl basierend auf den Pixeln des Textes.
3. Gehen Sie im Menü zu Auswahl > Ändern > Kontur.... Geben Sie hier die Breite der Kontur in Pixeln ein und wählen Sie die Position (Innen, Mitte, Außen). Klicken Sie auf OK.
4. Erstellen Sie eine neue leere Ebene (Ebene > Neu > Ebene... oder das Plus-Symbol in der Ebenenpalette).
5. Stellen Sie Ihre gewünschte Vordergrundfarbe ein.
6. Gehen Sie im Menü zu Bearbeiten > Fläche füllen... oder Bearbeiten > Kontur füllen... (je nach genauer Vorgehensweise, oft füllt man die Auswahlkontur mit der Vordergrundfarbe). Alternativ können Sie Bearbeiten > Kontur füllen... verwenden, um direkt eine Kontur in der Auswahl zu zeichnen. Bei Bearbeiten > Fläche füllen... füllen Sie die erweiterte Auswahl. Die Methode Bearbeiten > Kontur füllen... ist hier passender, da sie eine Linie entlang der Auswahlkante zeichnet. Geben Sie die Breite an und wählen Sie die Position und den Mischmodus/Deckkraft.
7. Heben Sie die Auswahl auf (Auswahl > Auswahl aufheben oder Strg+D / Cmd+D).

Diese Methode erstellt eine Umrandung als separate Pixel auf einer neuen Ebene. Sie ist nicht so flexibel wie Ebenenstile, da die Umrandung nicht einfach bearbeitet werden kann. Sie müssten die Schritte wiederholen, um sie zu ändern.

Vergleich der Methoden

Hier ist eine kurze Vergleichstabelle der gängigsten Methoden:

Tipps für eine gelungene Textumrandung

• Kontrast: Stellen Sie sicher, dass die Farbe der Umrandung einen ausreichenden Kontrast sowohl zum Text selbst als auch zum Hintergrund hat, damit der Text gut lesbar bleibt.
• Dicke: Wählen Sie die Dicke (Größe) sorgfältig. Eine zu dicke Umrandung kann den Text unleserlich machen oder die Buchstaben zu stark verändern. Eine zu dünne Umrandung kann auf bestimmten Hintergründen kaum sichtbar sein.
• Position: Die Position "Außen" erhält in der Regel die ursprüngliche Form der Buchstaben am besten, während "Innen" oder "Mitte" den Text visuell verkleinern oder verdicken können.
• Mehrere Konturen: Möchten Sie eine Umrandung mit mehreren Farben oder Dicken? Sie können dies erreichen, indem Sie den Ebenenstil "Kontur" mehrmals hinzufügen (in neueren Photoshop-Versionen möglich) oder indem Sie die Textebene duplizieren und auf jeder Ebene unterschiedliche Kontur-Stile anwenden.
• Füllung auf 0%: Wenn Sie nur die Umrandung sehen möchten und der Text selbst keine Füllfarbe haben soll, setzen Sie die Fläche (nicht die Deckkraft!) der Textebene in der Ebenenpalette auf 0%. Die Ebenenstile (wie die Kontur) bleiben dabei sichtbar, während die Füllung des Textes transparent wird.
• Skalieren: Wenn Sie die Größe des Textes oder der Ebene ändern, wird der Ebenenstil (einschließlich der Kontur) standardmäßig mitskaliert. Stellen Sie sicher, dass die Option "Effekte skalieren" im Dialogfeld "Ebenenstil" aktiv ist, wenn Sie die Größe der Ebene ändern (Rechtsklick auf die Ebene > Effekte skalieren).

Häufig gestellte Fragen (FAQ)

F: Mein Text hat eine Umrandung, aber ich möchte auch die Füllung transparent machen. Wie geht das?

A: Wählen Sie die Textebene aus. In der Ebenenpalette finden Sie oben die Einstellung "Fläche". Stellen Sie diesen Wert auf 0% ein. Die Umrandung (Ebenenstil) bleibt sichtbar, aber die eigentliche Textfüllung wird unsichtbar.

F: Wie kann ich die Farbe oder Dicke der Umrandung ändern?

A: Doppelklicken Sie in der Ebenenpalette auf den Eintrag "Kontur" unter den Effekten der Textebene. Das Dialogfeld "Ebenenstil" öffnet sich erneut, und Sie können die Einstellungen für Größe, Farbe usw. anpassen.

F: Die Umrandung sieht pixelig oder unscharf aus. Was mache ich falsch?

A: Stellen Sie sicher, dass Sie die Position der Kontur auf "Außen" oder "Mitte" setzen. Eine Umrandung mit Position "Innen" kann bei zu geringer Dicke oder Auflösung pixelig erscheinen, da sie versucht, innerhalb der Pixelkante zu zeichnen. Stellen Sie auch sicher, dass Ihr Dokument eine angemessene Auflösung (z. B. 72 DPI für Web, 300 DPI für Druck) für die geplante Ausgabegröße hat.

F: Kann ich einen Verlauf für die Umrandung verwenden?

A: Ja. Im Dialogfeld "Ebenenstil" unter den Optionen für "Kontur" gibt es die Einstellung "Füllart". Wählen Sie hier "Verlauf" und konfigurieren Sie den gewünschten Farbverlauf.

F: Ich möchte eine gestrichelte Umrandung. Geht das mit Ebenenstilen?

A: Mit dem Standard-Ebenenstil "Kontur" ist das direkt nicht möglich. Für gestrichelte oder gepunktete Umrandungen müssten Sie den Text entweder in eine Form umwandeln (Ebene > Schrift > In Form umwandeln) und dann die Konturoptionen für Formen verwenden, oder eine andere Methode wie das Erstellen einer Auswahl und Anwenden eines Strich-Effekts auf einer separaten Ebene in Betracht ziehen, wobei dies komplexer und weniger flexibel ist als die Formmethode.

F: Kann ich eine Umrandung auf mehrere Textebenen gleichzeitig anwenden?

A: Ja. Sie können den Ebenenstil (die Kontur) von einer Ebene kopieren und auf andere Ebenen einfügen. Rechtsklicken Sie auf die Ebene mit dem gewünschten Ebenenstil, wählen Sie "Ebenenstil kopieren". Wählen Sie dann die Ziel-Ebenen (oder eine Gruppe von Ebenen) aus, rechtsklicken Sie und wählen Sie "Ebenenstil einfügen". Alternativ können Sie die Ebenenstile auch in der Ebenenpalette per Drag & Drop von einer Ebene auf eine andere ziehen (halten Sie die Alt-Taste gedrückt, um den Stil zu kopieren).

F: Warum sehe ich die Umrandung nicht, obwohl ich den Ebenenstil angewendet habe?

A: Überprüfen Sie folgende Punkte:

• Ist der Ebenenstil "Kontur" im Dialogfeld aktiviert (Häkchen gesetzt)?
• Ist die Größe der Kontur größer als 0 Pixel?
• Ist die Deckkraft der Kontur größer als 0%?
• Hat die gewählte Füllart (Farbe, Verlauf, Muster) eine sichtbare Einstellung (z. B. keine transparente Farbe gewählt)?
• Ist die Ebene, auf die der Stil angewendet wurde, sichtbar (Augensymbol in der Ebenenpalette)?
• Befindet sich die Ebene mit dem Text und der Umrandung über dem Hintergrund oder anderen Elementen, über denen sie sichtbar sein soll?

Fazit

Das Umranden von Text in Photoshop, primär durch die Verwendung des Kontur-Ebenenstils, ist eine grundlegende Technik, die Ihren Text hervorheben und visuell ansprechender gestalten kann. Die Flexibilität der Ebenenstile erlaubt es Ihnen, Dicke, Farbe, Position und Deckkraft der Umrandung schnell anzupassen, ohne den ursprünglichen Text zu verändern. Während es auch andere Methoden gibt, wie die Umwandlung in Formen, bietet der Ebenenstil für die meisten Anwendungsfälle die effektivste und benutzerfreundlichste Lösung. Experimentieren Sie mit den verschiedenen Einstellungen und entdecken Sie, wie eine einfache Umrandung die Wirkung Ihres Textes und Ihres gesamten Designs in Photoshop verändern kann.

Hat dich der Artikel Textumrandung in Photoshop erstellen interessiert? Schau auch in die Kategorie Ogólny rein – dort findest du mehr ähnliche Inhalte!