33 Texteffekte für Flyer & Broschüren, welche dich zu einem besseren Photoshopper machen

07.08.13, 10:04

Überschriften und Subheadlines gestalten

Einen Schriftzug beeindruckend und präsent wirken zu lassen, dass ist mit Adobe Photoshop (PS) gar kein Problem. Einzig die Qual der Wahl, welcher Stil denn umgesetzt werden soll. Die hat man nach unserer Kollektion von zahlreichen Texteffekten für Flyer und Broschüren, welche dich zu einem besseren Photoshopper machen.

Photoshops Ebenenstile sind oftmals die Grundlage bei diesen Tutorials, Schritt für Schritt erklären die gelisteten Workshops, wie das Ziel erreicht werden kann. Lasse dich inspirieren und variiere Formen und Farben für eine ganz persönliche Variante einer Headline. Tipps und Tricks in Kurztutorials sind hier inklusive.

Bildergalerie und PS-Tutorials mit kreativen Texteffekten

How to Create Shiny Retro Text with Photoshop

Schwierigkeitsgrad: 4 von 5
Werkzeuge im Einsatz: Pinsel, Ebenenstile, Verläufe, Verformen, Zeichenstift
Website: photoshoptutorials.ws

Scrabble Tiles Text Effect

Schwierigkeitsgrad: 2 von 5
Werkzeuge im Einsatz: Füllwerkzeug, Abgerundetes-Rechteck-Werkzeug, Ebenenstile
Website: textuts.com

Maxon Cinema 4D tutorial: Create liquid 3D type

Schwierigkeitsgrad: 5 von 5
Werkzeuge im Einsatz: Cinema 4D, Verlaufswerkzeug, Pinsel, Auswahlellipse
Website: digitalartsonline.co.uk

Super Fast & Easy Way of Creating Fur (or Hair) Text In Photoshop

Schwierigkeitsgrad: 4 von 5
Werkzeuge im Einsatz: Textur, Masken, Pinsel, Zeichenstift, Ebenenstile
Website: photoshoptrainingchannel.com

Design-Tutorial: Text mit Schattenspiel

01 Die Ausgangslage erzeugen

Ein einfaches Beispiel zeigt, wie ein Schlagschatten einen Schriftzug hervorheben kann. Erstelle ein neues Dokument von 500 x 400 Pixel. Stelle die Vordergrundfarbe auf #bb9977 (RGB 187, 153, 119), die Hintergrundfarbe auf #332222 (RGB 51, 34, 34) ein. Wähle das Verlaufswerkzeug an und ziehe einen Linearen Verlauf von der linken, oberen in die rechte, untere Ecke des Dokumentes.

Du könntest zusätzlich eine Textur mit dem Hintergrund verrechnen lassen, etwa über die Füllmethode Multiplizieren. Stelle die Vordergrundfarbe auf #bbccdd (RGB 187, 204, 221) um und wähle das Text-Werkzeug an. Schreibe ein Wort.

02 Ebenenstile aktivieren

Stelle die Vordergrundfarbe auf Schwarz und aktiviere über Ebene den Ebenenstil > Verlaufsüberlagerung mit dem Verlauf Vordergrundfarbe zu Transparent. Die Füllmethode sollte auf Ineinanderkopieren stehen, der Winkel auf 120 Grad. Aktiviere zusätzlich den Ebenenstil > Schatten nach innen mit Füllmethode: Normal, weiße Farbe, Deckkraft: 100%, Abstand: 1 Pixel und Größe: 2 Pixel.

03 Grundlage des Schatten erzeugen

Klicke die Ebenenminiatur im Ebenenbedienfeld mit gedrückter Strg-Taste an. Eine Auswahl der Buchstaben wird geladen, die „Ameisen“ laufen. Gehe im Menü auf Ebene > Neu > Ebene und nenne diese Ebene „Schatten“. Nach dem Bestätigen über OK sollte eines der Auswahlwerkzeuge(!) aktiviert sein, um mit den Pfeiltasten die Auswahl etwas nach rechts unten zu bewegen.

Drücke D auf der Tastatur für die Standardfarben Schwarz und Weiß, dann Alt+Rückschritttaste. Drücke einmal die Pfeiltaste nach unten, einmal die Pfeiltaste nach rechts. Drücke wieder Alt+Rückschritttaste. Wiederhole diesen Schritt, bis der Schatten einen leichten 3D-Effekt zeigt. Hier wurde die Textfarbe noch etwas dezenter umgesetzt. Die Ebene mit dem Schatten sollte natürlich unterhalb der Textebene angeordnet werden.

04 Schatten weichzeichnen

Drücke Strg+D, um die Auswahl aufzuheben, und gehe im Menü auf Filter > Weichzeichnungsfilter > Bewegungsunschärfe. Stelle den Winkel auf -45 Grad, den Abstand auf 30 Pixel. Reduziere die Ebenendeckkraft auf 50% und stelle die Füllmethode auf Multiplizieren um. Wähle das Verschiebenwerkzeug an, halte die Umschalttaste gedrückt und drücke die Pfeiltaste nach unten, dann die Pfeiltaste nach rechts.

Die Umschalttaste sorgt dafür, dass statt einem Pixel Photoshop gleich 10 Pixel bei der Bewegung umsetzt. Wähle das Radiergummi-Werkzeug an und lösche den Schatten, der auf der linken Seite neben dem ersten Buchstaben zu sehen ist.

05 Zweiten Schatten anlegen

Drücke Strg+J, zum Kopieren der Ebene, wähle das Verschieben-Werkzeug erneut an, halte die Umschalttaste gedrückt und drücke die Pfeiltaste nach unten, dann die Pfeiltaste nach rechts. Wende den Weichzeichnungsfilter > Bewegungsunschärfe mit einem Abstand von 50 Pixeln an. Reduziere die Ebenendeckkraft auf 25%.

06 Lichtstrahlen einfügen

Wähle mit dem Polygon-Lasso-Werkzeug einen strahlenförmigen Lichteinfall aus, stelle die Vordergrundfarbe auf Weiß ein und erstelle eine neue Ebene, die über allen anderen Ebenen liegt. Nutze das Verlaufswerkzeug mit einem Verlauf von der Vordergrundfarbe zu Transparent. Drücke Strg+D, wende den Gaußschen Weichzeichner mit einem Radius von 9 Pixel an und stelle die Füllmethode auf Ineinanderkopieren um.

Reduziere die Deckkraft auf 25%. Hier wurde noch ein freigestellter Schmetterling eingefügt und das Ergebnis dann mit der Tonwertkorrektur, den Gradationskurven und Farbton/Sättigung optimiert.

Create a Baseball-Inspired Text Effect in Photoshop

Schwierigkeitsgrad: 3 von 5
Werkzeuge im Einsatz: Textur, Auswahlen, Formen, Pinsel, Ebenenstile
Website: psd.tutsplus.com

Create a 3D poster with Cinema 4D and Photoshop

Schwierigkeitsgrad: 5 von 5
Werkzeuge im Einsatz: Cinema 4D, Pinsel, Stockfotos
Website: psdbox.com

Create a Paper Text in Photoshop

Schwierigkeitsgrad: 3 von 5
Werkzeuge im Einsatz: Pfade, Ebenenstile, Transformationen, Formen
Website: psd-dude.com

Beer Text (St. Patrick’s Day) – Photoshop Tutorial

Schwierigkeitsgrad: 2 von 5
Werkzeuge im Einsatz: Ebenenstile, Mezzotint, Gaußscher Weichzeichner, Schnittmaske
Website: iceflowstudios.com

Create Colorful Ornamental Text Photoshop Tutorial

Schwierigkeitsgrad: 3 von 5
Werkzeuge im Einsatz: Ebenenstile, Pfade, Verzerrungen, Farbton/Sättigung
Website: design.creativefan.com

Create Abstract Layered Text with Decorative Lighting Effect in Photoshop

Schwierigkeitsgrad: 2 von 5
Werkzeuge im Einsatz: Weichzeichner, Pinsel, Bewegungsunschärfe
Website: psdvault.com

Create Glossy Plastic Text in Photoshop

Schwierigkeitsgrad: 1 von 5
Werkzeuge im Einsatz: Gaußscher Weichzeichner, Tonwertkorrektur, Ebenenstile
Website: photoshoptutorials.ws

Photoshop-Tutorial: Durchsichtiger Text

01 Text schreiben

Photoshop bietet uns mit seinen Ebenenstilen sehr viele Optionen an, Text interessant umzusetzen. Auch ein durchsichtiger Schriftzug, der etwa wie Glas wirkt, ist ein Kinderspiel. Mit dem Text-Werkzeug schreibst du einen Buchstaben über einer Textur. Aktiviere den Ebenenstil > Schlagschatten mit Abstand: 5 und Größe: 10 Pixel. Die Deckkraft des Stils stellst du auf etwa 25% ein.

02 Buchstabe mit Durchblick

Aktiviere den Ebenenstil > Verlaufsüberlagerung mit Füllmethode: Weiches Licht, einem Verlauf von Schwarz zu Weiß und Winkel: 90 Grad. Es folgt der Ebenenstil > Schatten nach innen mit Füllmethode: Ineinanderkopieren, Farbe: Weiß, Abstand: 5 und Größe: 8 Pixel. Zuletzt kommt der Ebenenstil > Abgeflachte Kante und Relief zum Einsatz.

Hier stellst du die Werte auf Tiefe: 500, Größe: 9 und Weichzeichnen: 16 Pixel. Damit der Buchstabe durchsichtig wirkt, gehst du ganz oben auf den ersten Eintrag Mischoptionen: Eigene und reduzierst unter Erweiterter Mischmodus die Fläche auf 0%. Bei der Fläche (welche auch im Ebenenbedienfeld eingestellt werden kann) bleiben die Stile zu 100% stehen, bei der Deckkraft werden diese auch in der Sichtbarkeit reduziert.

3D Ribbon Wrapped Text Effect

Schwierigkeitsgrad: 5 von 5
Werkzeuge im Einsatz: Repoussé, 3D-Textur, Pinsel
Website: textuts.com

Create a Nature Text Effect Poster in Photoshop

Schwierigkeitsgrad: 3 von 5
Werkzeuge im Einsatz: 3D-Funktionen, Magischer-Radiergummi
Website: photoshoptutorials.ws

Create Convincing Text-Shaped Buildings in Photoshop

Schwierigkeitsgrad: 5 von 5
Werkzeuge im Einsatz: Fluchtpunkt, Texturen, Auswahlen
Website: psd.tutsplus.com

Design a “Texts Drop in Water” Typography Effect in Photoshop

Schwierigkeitsgrad: 3 von 5
Werkzeuge im Einsatz: Ebenenstile, Pinsel
Website: psdvault.com

The Lost and Taken Poster: A case study and texturing tutorial

Schwierigkeitsgrad: 4 von 5
Werkzeuge im Einsatz: Texturen, Muster, Füllmethoden
Website: gomediazine.com

Create a Stitched Text Effect for an iPad Wallpaper

Schwierigkeitsgrad: 5 von 5
Werkzeuge im Einsatz: Ebenenstile, Muster, Wolken, Perspektive, Verflüssigen
Website: psd.tutsplus.com

Easy X-Ray Typography in Photoshop

Schwierigkeitsgrad: 1 von 5
Werkzeuge im Einsatz: Freistellen, Formgitter, Ebenenstile, Farbton/Sättigung, Füllmethoden
Website: abduzeedo.com

Create a Cookie Text Effect in Photoshop

Schwierigkeitsgrad: 2 von 5
Werkzeuge im Einsatz: Texturen, Ebenenstile
Website: psd.tutsplus.com

Create a Chocolate Volcano Using 3D Effects

Schwierigkeitsgrad: 5 von 5
Werkzeuge im Einsatz: Verlaufswerkzeug, Textur, 3D-Funktionen, Pfade
Website: psd.tutsplus.com

Create Pulpy Orange Text in Photoshop

Schwierigkeitsgrad: 4 von 5
Werkzeuge im Einsatz: 3D-Funktionen
Website: photoshoplayer.com

Create a “Parry Hotter” Text Effect in Photoshop

Schwierigkeitsgrad: 1 von 5
Werkzeuge im Einsatz: Ebenenstile
Website: psd.tutsplus.com

3D Balloons Text Effect

Schwierigkeitsgrad: 3 von 5
Werkzeuge im Einsatz: Repoussè, Ebenenstile
Website: planetphotoshop.com

Create Earthy 3D Typography in Photoshop – Psd Premium Tutorial

Schwierigkeitsgrad: 5 von 5
Werkzeuge im Einsatz: Pinsel, 3D
Website: psd.tutsplus.com

3D Skyscraper Text Effect in Photoshop CS5 – Part 1

Schwierigkeitsgrad: 1 von 5
Werkzeuge im Einsatz: 3D-Funktion Repoussè, Filter
Website: textuts.com

Create a Crisp Metallic Text Effect in Photoshop

Schwierigkeitsgrad: 3 von 5
Werkzeuge im Einsatz: Ebenenstile
Website: psd.tutsplus.com

Create Destructive Black and White Lettering with a Dramatic Splash Effect

Schwierigkeitsgrad: 3 von 5
Werkzeuge im Einsatz: Störungen, Ebenenstile, Pinsel, Verlaufswerkzeug, Bildmaterial
Website: psd.tutsplus.com

Create a Steam Powered Typographic Treatment

Schwierigkeitsgrad: 5 von 5
Werkzeuge im Einsatz: Pfade, Cinema 4D
Website: psd.tutsplus.com

Create Blood and Milk Typography Poster in Photoshop

Schwierigkeitsgrad: 3 von 5
Werkzeuge im Einsatz: Pinsel, Wischfinger, Stockfotos
Website: psdeluxe.com

Easy Furry Text in Photoshop

Schwierigkeitsgrad: 3 von 5
Werkzeuge im Einsatz: Textur, Pinsel, Ebenenstile
Website: abduzeedo.com

Create a Sports-Themed Text Effect in Photoshop Using Layer Styles