Text-Effekte für Ihre Flyer

01.03.11, 9:08

So erreicht ihr mehr Aufmerksamkeit

Flyer leben auch von den Themen-basierten Inhalten. Die Grafiken müssen einfach zum Event passen. Als Ideengeber möchten wir euch in diesem Tutorial exemplarisch zeigen, wie ihr in Photoshop auch Themen-basierte Schriftzüge gestalten können.

Es bleiben nur wenige Sekunden, in denen ein Flyer seine Wirkung entfalten muss. Die Aufmerksamkeit des Betrachters muss auf einen Blick geweckt werden. Dabei helfen Überschriften, die etwas komplexer aufgebaut sind. Verschiedenste Texturen, wie etwa Holz, Glas oder glühende Drähte werden dazu eingesetzt. Die Möglichkeiten sind unbegrenzt und zu fast jedem Event werdet ihr ein Thema entdecken, das sich auch grafisch gestalten lässt.

Aus gutem Holz geschnitzt

In meinem ersten Beispiel könnten wir uns eine Messe aus dem Handwerk oder etwa für Spielwaren vorstellen. Ein Flyer für solch einen Event, könnte Themen-bezogen Schriftzüge zeigen, die wie aus Holzstücken zusammen geschraubt wirken.

Hintergrund gestalten

Öffne ein neues Dokument in der Größe 1900 x 1100 Pixel mit einem weißen Hintergrund und klicke die Hintergrundebene doppelt an, um eine Ebene 0 zu erhalten. Aktiviere über Ebene den Ebenenstil > Verlaufsüberlagerung und stelle die Farben des Verlaufes auf ein helles Grau zu einem dunkleren Grau ein. Klicke dazu den bestehenden Verlauf an und im Dialog zunächst auf die linke, dann auf die rechte Farbunterbrechung.

Über Farbe erreichst du den Farbwähler, wo der Wert #f5f5f5 eingegeben wird. Bei der zweiten Farbunterbrechung, auf der gegenüberliegenden Seite, gebe den Wert #d1d1d1 ein. Die Art stelle auf Radial, Skalieren auf 150%. Du erhältst so einen interessanteren Hintergrund als Basis. Bestätige mit OK.

Grundform: Holzstück

In der Optionsleiste, beim Abgerundetes-Rechteck-Werkzeug, wird der Radius auf 40 Pixel eingestellt. Die Farbe ist nicht so wichtig, da wir später noch mit Texturen arbeiten werden. Ich würde für den Moment #aa6633 empfehlen. Aktiviere nun den Ebenenstil > Abgeflachte Kante und Relief mit Abgeflachte Kante innen, Abrunden, Tiefe: 100%, Richtung: Nach oben, Größe: 5 Pixel und Weichzeichnen: 0 Pixel.

Bei Lichtermodus wird nun bei der Farbe ein heller Beige-Ton angegeben und im Tiefenmodus ein dunkler Braun-Ton. Aktiviere einen Ebenenstil > Schlagschatten mit Deckkraft: 30%, Abstand: 2 und Größe: 4 Pixel.


Holztextur erzeugen

Erstelle ein neues Dokument mit weißem Hintergrund und in der Größe 800 x 900 Pixel. Drücke D auf der Tastatur (für die Standardfarben Schwarz und Weiß) und wende den Filter > Renderfilter > Wolken an. Es folgt der Filter > Renderfilter > Fasern mit Varianz: 25 und Stärke: 5. Mit Bearbeiten > Verblassen: Fasern… und einem Wert von um die 10% bei der Deckkraft sorgst du für eine gute Grundlage der Textur.

Gehe im Menü auf Bild > Korrekturen > Tontrennung und gebe da einen Wert von 16 Stufen an. Kopiere die Ebene über Strg+J. Wende den Filter > Sonstige Filter > Hochpass mit einem Radius von 10 Pixeln an. Über einen Doppelklick auf die Hintergrundebene wird diese in eine Ebene 0 verwandelt. Mit gedrückter Strg-Taste wählst du beide Ebenen an und gibst nach Strg+T in der Optionsleiste bei Höhe 250% ein.

Erstelle eine neue Ebene und fülle diese über Bearbeiten > Fläche füllen mit einem Braunton, den du gerne bei einer Holztextur sehen möchtest. Verschiebe diese Ebene unter allen anderen Ebenen und ändere bei der obersten Ebene die Füllmethode auf Strahlendes Licht, bei der darunter liegenden auf Weiches Licht ab, wobei die Deckkraft bei dieser zweiten Ebene auch noch auf 30% reduziert wird. Gehe im Menü auf Ebene > Auf Hintergrundebene reduzieren.

Nach Strg+A, zum Auswählen des gesamten Dokumentes, gehe im Menü auf Bearbeiten > Muster festlegen und gebe dem Muster einen Namen, wie etwa „Holztextur“. Jetzt geht es zurück zum Dokument mit der Grundform des Holzstücks.

Textur überlagern

Aktiviere die Ebene mit dem Holzstück und gehe im Menü auf Ebene > Ebenenstil > Musterüberlagerung. Wähle das so eben erstellte Muster aus und ändere die Füllmethode von Normal auf Weiches Licht ab. Reduziere noch die Ebenendeckkraft auf 80%. Aktiviere einen Ebenenstil > Verlaufsüberlagerung mit Füllmethode: Weiches Licht, einem Verlauf von Schwarz zu Weiß und Deckkraft: 50%. Die Grundlage für den Schriftzug ist nun fertig.

Text formen

Mit dem Text-Werkzeug und schwarzer Farbe schreibe ein Wort, um eine Vorgabe für deine Holzstücke zu haben. Im Fenster > Zeichen stellst du dann die Laufweite so ein, dass sich die einzelnen Buchstaben zum Teil überdecken. Daran ausgerichtet wird der Text aus den Holzstückchen nachgebildet.

Mit dem Ellipse-Werkzeug und gedrückter Umschalt-Taste erzeugst du einen Kreis, der mit dem Ebenenstil > Abgeflachte Kante und Relief leicht in die dritte Dimension befördert wird. Darüber wird mit dem Text-Werkzeug ein Plus-Zeichen geschrieben, das mit einem Ebenenstil > Schatten nach innen ausgestattet wird.

Reduziere die beiden Ebenen der Schraube über Strg+E auf eine Ebene und aktiviere den Ebenenstil > Abgeflachte Kante und Relief mit Stil: Relief an allen Kanten. Platziere die Kopien dieser Schrauben überall da, wo sich zwei Holzstücke überschneiden.

Glühendes Leuchten

Der Nightclub oder auch ein Restaurant benötigen einen edlen Schriftzug, der die Stimmung der Nacht einfangen kann. In meinem zweiten Beispiel bringen wir Photoshop zum Glühen. Es wird also sehr heiß, besonders entlang den Pfaden.

Hintergrund gestalten

Erstelle über Datei > Neu ein Dokument mit den Maßen 800 x 800 Pixel. Mit dem Verlaufswerkzeug, das in den Optionen auf Vorder- zu Hintergrundfarbe und Radialverlauf gestellt wurde, soll nun der Hintergrund aufgezogen werden. Die Vordergrundfarbe stellst du auf #992200, die Hintergrundfarbe auf Schwarz. Jetzt wird der Verlauf wie im Beispiel zu sehen aufgezogen.

Kopiere die Ebene über Ebene > Neu > Ebene durch Kopie oder etwas schneller über Strg+J und ändere die Füllmethode von Normal auf Farbig abwedeln ab. Die Deckkraft wird auf etwa 50% reduziert. Erstelle eine neue Ebene und drücke D auf der Tastatur für die Standardfarben Schwarz und Weiß. Wende den Filter > Renderfilter > Wolken an und ändere die Füllmethode auf Ineinanderkopieren ab. Reduziere die Ebenendeckkraft auf etwa 60%.

Text einzeichnen

Mit dem Zeichenstift-Werkzeug schreibst du nun deinen Schriftzug. Bevorzuge dabei stark geschwungene Pfade. Ist der Text geschrieben, wähle für den Moment das Pinsel-Werkzeug an, um einige Einstellungen vorzunehmen. Stelle die Größe des Pinsels auf 2 Pixel, die Härte auf 0% ein. Nach Fenster > Pinsel klicke die Formeigenschaften an und überprüfe, ob bei Steuerung: Zeichenstift-Druck ausgewählt ist.

Aktiviere wieder das Zeichenstift-Werkzeug und klicke den Pfad mit der rechten Maustaste an, um Pfadkontur füllen auszuwählen. Bei Werkzeug sollte Pinsel stehen und auch Druck simulieren aktiviert sein. Nach dem Bestätigen steht die Grundlage für unser Leuchten.

Glühender Text

Für ein schönes Glühen können wir die Ebenenstile nutzen. Im Menü gehst du auf Ebene > Ebenenstil > Schein nach außen und änderst zunächst die Füllmethode auf Ineinanderkopieren ab. Die Deckkraft wird auf 100% erhöht und die Größe auf 8 Pixel eingestellt. Du könntest jetzt noch einen zweiten Schein nach außen erzeugen.

Indirekt ist das kein Problem. Aktiviere den Ebenenstil > Schlagschatten und stelle die Füllmethode auf Ineinanderkopieren, die Deckkraft auf 50%, Abstand: 0, Überfüllen: 20 und Größe: 40 Pixel ein. Und schon wurde zweimal ein Schein nach außen generiert. Es werden jetzt noch einige Kopien der Textebene in der Position variiert und schon sind einige glühende Drähte entstanden.

Zerbrochen

Geht es um ernstere Themen, so können auch diese mit einem Themen-bezogenen Textabschnitt grafisch unterstrichen werden. Sehr emotional wirken solche Überschriften. In diesem Beispiel zerbrechen wir einen Textblock.

Grundlage erzeugen

Erstelle ein neues Dokument in der Größe 1200 x 600 Pixel mit weißem Hintergrundinhalt. Drücke Strg+I auf der Tastatur, um die weiße Hintergrundfarbe in schwarze Farbe zu verwandeln, und schreibe in weißer Farbe ein Wort. Ich habe hier die Schriftart Myriad Pro, Bold und eine Größe von 280 Pixeln eingesetzt.

Text zerbrechen

Um den Text zerbrechen zu können, muss er gerastert werden. Dazu könntest du im Menü auf Ebene > Rastern > Text klicken, oder aber im Ebenenbedienfeld die Text-Ebene mit der rechten Maustaste anklicken, um aus der Liste Text rastern auszuwählen. Mit dem Polygon-Lasso-Werkzeug werden nun Bereiche der Buchstaben ausgewählt und mit dem Verschieben-Werkzeug neu positioniert.

Du musst die nur vorstellen, wie dieser Text zu Boden fliegt und dann etwas zerbricht. Genau so sollte das Ergebnis dann wirken. Dabei kannst du auch gerne mal Bearbeiten > Transformieren >Drehen anwenden. Um einige Risse einzuarbeiten, wählst du mit dem Polygon-Lasso im Zick-Zack—Kurs den kompletten Text aus und verschiebst ihn um nur einen Pixel.

3D-Effekt

Falls du die Extended-Variante von Photoshop verwendest, könntest du die Ebene mit dem Text mit einem Klick auf die Ebenenminiatur bei gedrückter Strg-Taste auswählen, um dann im Menü 3D > Repoussé > Aktuelle Auswahl auszuwählen. Über Extrudieren bestimmst du die Tiefe der 3D-Version und kannst dann mit dem voreingestellten Werkzeug Mesh drehen den Text in Position bringen. Ich habe hier die Tiefe nur leicht angedeutet. Die 3D-Ebene könntest du dann für die weitere Bearbeitung rastern.

Textur erstellen

Fülle eine neue Ebene mit einem dunklen Grau und wende den Filter > Rauschfilter > Rauschen hinzufügen mit Stärke: 20, Gleichmäßig und Monochromatisch an. Nach Ebene > Schnittmaske erstellen (übrigens: So eine Schnittmaske kannst du auch direkt in der Ebenenpalette mit gedrückter Alt-Taste und einem Klick auf die Ebenengrenze erzeugen), der Änderung der Füllmethode auf Multiplizieren und der Reduzierung der Ebenendeckkraft auf 50% wendest du den Filter > Weichzeichnungsfilter > Bewegungsunschärfe mit Winkel 0 Grad und Abstand 4 Pixel an. Lasse den Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner mit einem Pixel Stärke folgen.

Mehr Stimmung

Du könntest jetzt noch die Lichtstimmung auf der Textur beeinflussen. Drücke dazu Umschalt+Strg+N auf der Tastatur und gebe der Ebene einen Namen, ändere die Füllmethode auf Ineinanderkopieren ab und aktiviere „Mit neutraler Farbe“. Über das Menü und Ebene wird wieder eine Schnittmaske aktiviert. Jetzt kannst du auf dieser Ebene mit dem Abwedler- und Nachbelichter-Werkzeug arbeiten, um Bereiche aufzuhellen oder abzudunkeln.

Weitere Textur

Erstelle eine leere Ebene und fülle diese über Bearbeiten > Fläche füllen mit 50% Grau. Wende noch einmal den Filter > Rauschfilter > Rauschen hinzufügen, Weichzeichnungsfilter > Bewegungsunschärfe sowie den Weichzeichnungsfilter > Gaußscher Weichzeichner mit den zuvor beschriebenen Einstellungen an. Klicke auf Bild > Korrekturen > Farbton/Sättigung, aktiviere Färben und stelle die Sättigung auf 5 ein.

Nach Ebene > Ebenenmaske > Alle einblenden drückst du D auf der Tastatur, dann nutzt du den Filter > Renderfilter > Wolken und aktivierst noch eine Schnittmaske. Die Füllmethode dieser Ebene wird auf Ineinanderkopieren, die Ebenendeckkraft auf 70% umgestellt.

Glastextur einfügen

Der Schriftzug ist praktisch fertig. Du könntest noch eine Textur mit zerbrochenem Glas einfügen. Gut eignen sich dabei Aufnahmen vor schwarzem Hintergrund, da die Füllmethode dann nur noch auf Negativ multiplizieren umgestellt werden muss. Das Ergebnis spricht für sich.

Transparenter Text

Halbdurchsichtige Schriftzüge sind sehr praktisch, da sie auf den Untergrund reagieren. Wird der Flyer etwa im Grunge-Stil gestaltet und zeigt einen schmutzigen Hintergrund, so ist diese Überschrift passend, genau wie bei einem sauberen Verlauf, wie er hier eingesetzt wird. Dieser Texteffekt lebt übrigens durch seine zahlreichen Ebenenstile.

Hintergrund gestalten

Erstelle ein neues Dokument in der Größe 800 x 800 Pixel und weißem Hintergrund. Wähle das Verlaufswerkzeug an und klicke dann in der Optionsleiste auf den Verlauf. Die erste Verlaufsunterbrechung wird angeklickt und die Farbe in #335511 geändert. Die zweite Verlaufsunterbrechung stelle auf #000022 ein.

Über einen Klick in der Nähe des Verlaufes kannst du eine weitere Farbunterbrechung einfügen. Diese sollte etwa an Position: 55% stehen und die Farbe dabei auf #113333. Nach dem Bestätigen sollte in der Optionsleiste noch die Verlaufsart auf Radialverlauf umgestellt werden. Der Verlauf wird dann so aufgezogen, dass der grüne „Ball“ unten, rechts liegt.

Text aus Glas

Mit dem Text-Werkzeug schreibst du eine Überschrift oder wie hier zunächst nur einen Buchstaben in der Farbe #44aa99. Die Fläche (unterhalb der Deckkraft) wird von 100% auf 20% reduziert.

Aktiviere den Ebenenstil > Schlagschatten mit Füllmethode: Multiplizieren, Deckkraft: 60%, Abstand: 0 Pixel und Überfüllen: 0% sowie Größe: 25 Pixel. Es folgt ein Schatten nach innen mit Füllmethode: Negativ multiplizieren, der Farbe: #aaffee, Abstand: 0 Pixel und Unterfüllen: 0% sowie Größe: 10 Pixel.

Ein Schein nach außen, mit Füllmethode: Ineinanderkopieren, Deckkraft: 25%, der Farbe: #aaff88 Technik: Weicher und der Größe: 30 Pixel, sowie ein Schein nach innen, mit Füllmethode: Ineinanderkopieren, Deckkraft: 40%, der Farbe: #88cccc, Technik: Weicher, Quelle: Mitte, Unterfüllen: 25% und Größe: 12 Pixel sorgen für einen Glanz.

Hinzu kommt eine Abgeflachte Kante und Relief mit Stil: Abgeflachte Kante innen, Technik: Abrunden, Tiefe: 100%, Größe: 10 Pixel, Lichtermodus: Ineinanderkopieren, die Deckkraft bei Tiefenmodus: 0% und der Glanzstruktur: Kegel – Umgekehrt, sowie eine Abgeflachte Kante und Relief: Kontur mit 50% unter Bereich.

Etwas Glanz darf nicht fehlen. Die Füllmethode gleichen Namens sollte dabei auf Multiplizieren, die Farbe auf #002222, die Deckkraft auf 50%, der Winkel auf 20 Grad, der Abstand auf 10 und die Größe auf 15 Pixel stehen. Zuletzt wird noch eine Kontur aktiviert, mit Größe: 1 Pixel, Deckkraft 40% und in der Farbe: #99ffcc.

Text zum Glänzen bringen

Der Buchstabe soll jetzt noch etwas Glanz erhalten. Dazu wird die Ebenenminiatur mit gedrückter Strg-Taste angeklickt und eine neue Ebene erstellt. Strg+H blendet für den Moment die Auswahl aus. Mit dem Pinsel-Werkzeug und weißer Vordergrundfarbe wird nun, mit einer recht großen Werkzeugspitze von um die 600 Pixel, an einer Stelle ein Glanz eingezeichnet. Dabei sollte der Pinsel nicht direkt über den Text stehen. Die Füllmethode dieser Ebene wird noch auf Ineinanderkopieren umgestellt.

Erstelle eine weitere Ebene und wende das Verlaufswerkzeug mit einem Verlauf von der Vordergrundfarbe Weiß zu Transparent an. In der Optionsleiste wurde dazu Linearer Verlauf aktiviert. Die Deckkraft wird auf 40% reduziert und die Füllmethode auf Ineinanderkopieren umgestellt.

Ein paar Sterne, die das Licht stark reflektieren, dürfen nicht fehlen. Wähle das Polygon-Werkzeug an und stelle in der Optionsleiste die Seiten auf 5 ein. Links neben den Seiten ist ein kleiner Pfeil zu sehen. Dieser Pfeil wird nun angeklickt und Stern, mit Seiten einziehen um 99% aktiviert. Mit weißer Vordergrundfarbe entstehen nun die Sterne. Deren Füllmethode stelle auf Ineinanderkopieren geändert.

Die hier vorgestellten Beispiele sollen dir natürlich nur als Inspiration dienen. Sie werden vermutlich kaum genau zu deinem Projekt passen. Und doch sind es die Techniken, die als Grundlage für gänzlich unterschiedliche Ergebnisse genutzt werden können.

5 Antworten zu “Text-Effekte für Ihre Flyer”

  1. Maik E. sagt am 02. März 2011 um 10:33 Uhr Uhr

    Die Umsetzung des Broken-Textes gefällt mir sehr gut, im Beruf einsetzen kann ich aber nur den Glas-Text. Gut neschrieben. Danke!

  2. Michael sagt am 03. März 2011 um 8:55 Uhr Uhr

    Das ist doch mal ein Tutorial! Hier kommen ja Quantität und Qualität zusammen!

  3. Silke M. sagt am 03. März 2011 um 15:20 Uhr Uhr

    Vielen Dank! Gute beschrieben und schöne Ergebnisse!

  4. Waldmonster sagt am 04. März 2011 um 19:05 Uhr Uhr

    Da sagt man doch gerne DANKE und freut sich auf weitere solcher Tuts. Leider gibt es in Deutschland viel zu wenig Tutorials, die sich mal wirklich auf ein Thema konzentrieren (und meine Englischkenntnisse sidn leider nicht so gut, als das ich da weiter komme…).

  5. Gigo sagt am 05. März 2011 um 12:56 Uhr Uhr

    Ich schließe mich mal diesen Kommentaren an und freue mich über die coolen Text-Effekte. Jetzt gerne noch etwas zum Thema Fotografie/Bilder aufwerten! :)

Kommentar hinzufügen

Mit der Nutzung dieses Formulars erklärst du dich mit der Speicherung und Verarbeitung deiner Daten durch diese Website einverstanden.