Dirk Metzmacher 11. April 2019

Photoshop: 35+ Text-Effekte zum Nachbauen

Text-Tutorials sind recht beliebt, um bei Einladungen, dem eigenen Poster oder einem Banner im Netz schnell zu guten Ergebnissen zu gelangen, wenn sehenswerte Überschriften gefragt sind. Da kann der Schriftzug glühen wie Magma, kalt aus Eis geformt sein oder wie süßer Honig fast zufällig ein Wort ergeben. Aber auch die zahlreichen 3D-Effekte sind erstaunlich.

teaser-text-tutorials

Wir haben für dich nach den schönsten Text-Effekt-Tutorials gesucht und gleich 40 sehr hochwertige Anleitungen mit zahlreichen Photoshop-Tricks zum Mitnehmen entdeckt. Ganz am Schluss des Beitrags zeigen wir dir noch, wie du den obigen Effekt nachbauen kannst. Bleib also dran.

Create a Magma Hot Text Effect in Photoshop

Website: design.tutsplus.com
Urheber: Gianluca Giacoppo
Schwierigkeitsgrad: 3 von 6
photoshop-text1

© Gianluca Giacoppo

How to Create 3D Text Blocks in Photoshop

Website: design.tutsplus.com
Urheber: Eren Goksel
Schwierigkeitsgrad: 2 von 6
photoshop-text2

© Eren Goksel

Create a Trendy Galactic Poster Design in Photoshop

Website: blog.spoongraphics.co.uk
Urheber: Chris Spooner
Schwierigkeitsgrad: 2 von 6
photoshop-text3

© Chris Spooner

Create a 3D Ice Text Effect With Modo and Photoshop

Website: design.tutsplus.com
Urheber: Tomasz Lechocinski
Schwierigkeitsgrad: 4 von 6
photoshop-text4

© Tomasz Lechocinski

Dripping Honey on Toast Text Effect

Website: textuts.com
Urheber: textuts.com
Schwierigkeitsgrad: 3 von 6
photoshop-text5

© textuts.com

Delicious Bagels Text Effect

Website: textuts.com
Urheber: textuts.com
Schwierigkeitsgrad: 3 von 6
photoshop-text6

© textuts.com

“Painted on Wood”

Website: textuts.com
Urheber: textuts.com
Schwierigkeitsgrad: 1 von 6
photoshop-text7

© textuts.com

Create a Cool Wet Ink Typography Effect in Photoshop

Website: blog.spoongraphics.co.uk
Urheber: Chris Spooner
Schwierigkeitsgrad: 1 von 6
photoshop-text8

© Chris Spooner

Create a Trendy Typographic Poster Design

Website: blog.spoongraphics.co.uk
Urheber: Chris Spooner
Schwierigkeitsgrad: 3 von 6
photoshop-text12

© Chris Spooner

Create a Soccer-Themed Text Effect in Photoshop

Website: design.tutsplus.com
Urheber: Rose
Schwierigkeitsgrad: 4 von 6
photoshop-text13

© Rose

Striped Fuzzy Text Effect

Website: textuts.com
Urheber: textuts.com
Schwierigkeitsgrad: 3 von 6
photoshop-text14

© textuts.com

3D Balloons Text Effect

Website: planetphotoshop.com
Urheber: Rose
Schwierigkeitsgrad: 3 von 6
photoshop-text15

© Rose

Create Glossy, Plastic, 3D Text in Photoshop CS5 Extended

Website: design.tutsplus.com
Urheber: Rose
Schwierigkeitsgrad: 4 von 6
photoshop-text16

© Rose

Maxxon Cinema 4D Tutorial: Create Realistic Gold 3D Type

Website: digitalartsonline.co.uk
Urheber: Peter Tarka
Schwierigkeitsgrad: 6 von 6
photoshop-text17

© Peter Tarka

Fantasy Spring Text Effect

Website: textuts.com
Urheber: textuts.com
Schwierigkeitsgrad: 3 von 6
photoshop-text18

© textuts.com

Adobe Illustrator: Create Jewel-encrusted Gold 3D Type

Website: digitalartsonline.co.uk
Urheber: Karol Gadzala
Schwierigkeitsgrad: 5 von 6
photoshop-text19

© Karol Gadzala

Create Typography That’s Going Down the Drain

Website: design.tutsplus.com
Urheber: Alex Beltechi
Schwierigkeitsgrad: 4 von 6
photoshop-text20

© Alex Beltechi

Create An Underwater Typography Scene

Website: psd.fanextra.com
Urheber: Eric Vasquez
Schwierigkeitsgrad: 2 von 6
photoshop-text21

© Eric Vasquez

Lace Stroke Text Effect

Website: textuts.com
Urheber: textuts.com
Schwierigkeitsgrad: 2 von 6
photoshop-text22

© textuts.com

Cool Text Effect with the Puppet Warp Tool in Photoshop

Website: abduzeedo.com
Urheber: abduzeedo
Schwierigkeitsgrad: 4 von 6
photoshop-text23

© abduzeedo

Stone Text Effect

Website: textuts.com
Urheber: textuts.com
Schwierigkeitsgrad: 2 von 6
photoshop-text24

© textuts.com

Fuzz/Furry Text Effect

Website: tutorial9.net
Urheber: Stephen Petrany
Schwierigkeitsgrad: 3 von 6
photoshop-text25

© Stephen Petrany

Extremely Glossy and Shiny Text Effect With Glitter Texture

Website: alfoart.com
Urheber: alfoart.com
Schwierigkeitsgrad: 3 von 6
photoshop-text26

© alfoart.com

Warm Honey Text Effect With Bubbles Texture

Website: alfoart.com
Urheber: alfoart.com
Schwierigkeitsgrad: 2 von 6
photoshop-text27

© alfoart.com

Easy X-Ray Typography in Photoshop

Website: abduzeedo.com
Urheber: abduzeedo
Schwierigkeitsgrad: 3 von 6
photoshop-text28

© abduzeedo

The Dark Knight Rises Stencil Effect in Photoshop

Website: abduzeedo.com
Urheber: abduzeedo
Schwierigkeitsgrad: 3 von 6
photoshop-text29

© abduzeedo

Create a 3D Text Effect With Photoshop and Maya

Website: design.tutsplus.com
Urheber: Wojciech Pijecki
Schwierigkeitsgrad: 6 von 6
photoshop-text30

© Wojciech Pijecki

Create a Paper Text in Photoshop

Website: psd-dude.com
Urheber: psd-dude.com
Schwierigkeitsgrad: 4 von 6
photoshop-text31

© psd-dude.com

How to Create Shiny Retro Text with Photoshop

Website: photoshoptutorials.ws
Urheber: Edmar Cisneros
Schwierigkeitsgrad: 4 von 6
photoshop-text32

© Edmar Cisneros

Create Stylized Hay Bale Typography in Photoshop

Website: design.tutsplus.com
Urheber: Tomasz Lechocinski
Schwierigkeitsgrad: 4 von 6
photoshop-text33

© Tomasz Lechocinski

Create a Glowing 3D Text Effect With Filter Forge and Photoshop

Website: design.tutsplus.com
Urheber: Rose
Schwierigkeitsgrad: 5 von 6
photoshop-text34

© Rose

Extinction by Chanito

Website: abduzeedo.com
Urheber: abduzeedo
Schwierigkeitsgrad: 4 von 6
photoshop-text35

© abduzeedo

Wash Your Hands Case Study by Jõao Marques

Website: abduzeedo.com
Urheber: abduzeedo
Schwierigkeitsgrad: 5 von 6
photoshop-text36

© abduzeedo

How to Create an Incredible Typographic Illustration

Website: design.tutsplus.com
Urheber: Alex Beltechi
Schwierigkeitsgrad: 5 von 6
photoshop-text37

© Alex Beltechi

Cherry Blossoms Text Effect

Website: textuts.com
Urheber: textuts.com
Schwierigkeitsgrad: 3 von 6
photoshop-text38

© textuts.com

Create a Cartoon-Style Graffiti Text Effect in Photoshop

Website: photoshoptutorials.ws
Urheber: Ashlee Harrell
Schwierigkeitsgrad: 2 von 6
photoshop-text39

© Ashlee Harrell

Gingerbread Cookies Text Effect

Website: textuts.com
Urheber: textuts.com
Schwierigkeitsgrad: 3 von 6
photoshop-text40

© textuts.com

Dr.Web-Extra: Das Hipster-Text-Tutorial

Für die Basis dieses Text-Effektes benötigst du ein eher ruhiges Foto, da es als Hintergrund für den Schriftzug dienen soll, also nicht zu auffällig sein darf. Zur Unterstützung gehst du Sie im Menü auf Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner mit einem Radius von zwei Pixeln. Ebenso hilfreich ist es, eine neue Ebene (etwa über Umschalt+Strg+N) zu erzeugen und diese komplett mit weißer Farbe zu füllen. Reduziere dann die Deckkraft auf 15%.

Hier habe ich noch eine Textur oberhalb aller Ebenen angeordnet, Umschalt+Strg+U zum Entsättigen gedrückt, und die Füllmethode der Ebene von Normal auf Multiplizieren umgestellt. Die Deckkraft wurde noch etwas reduziert. Um das Bild heller oder dunkler umzusetzen, gehe auf Ebene > Neue Einstellungsebene > Helligkeit/Kontrast. Die Basis für den Text-Effekt steht.

drweb-text-tutorial1

Der Schriftzug in der Mitte wurde mit dem Font Lavanderia geschrieben. Auf einer neuen Ebene ziehst du mit dem Auswahlrechteck-Werkzeug einen schmalen Streifen auf, dem etwas darunter liegend noch ein weiterer, dünnerer Streifen folgt. Die Ebene wird über Strg+J kopiert und die Streifen mit dem Verschieben-Werkzeug links und rechts vom Text angeordnet. Möchtest du nun einen Text auf einem Pfad im Kreis anordnen, so ziehe diesen wie folgt auf.

drweb-text-tutorial2

Aktiviere das Ellipse-Werkzeug und stelle oben, links in der Optionsleiste statt Form aus dem Auswahlmenü Pfad ein. Ziehe den Pfad mit gedrückter Umschalttaste auf. Aktiviere das Text-Werkzeug und gehe damit über den Pfad. Der Mauszeiger verändert sich und nach einem Klick auf den Pfad kannst du daran entlang einen Text schreiben. Stelle die Laufweite recht hoch ein. Hier wurden noch ein weiterer Text, das Photoshop-Logo sowie zwei Pfeile eingefügt, die in Photoshop über das Eigene-Form-Werkzeug erreichbar sind.

drweb-text-tutorial3

(Der Beitrag erschien erstmals im Juni 2014 und wird seitdem aktuell gehalten. Das letzte Update erfolgte im April 2019.)

Dirk Metzmacher

Dirk Metzmacher

Dirk Metzmacher ist der Herausgegeber des Photoshop-Weblogs, sowie Fachjournalist und Photoshop-Profi, dessen Tutorials seit über 12 Jahren Leser von Fachpublikationen wie Galileo Press, DigitalPhoto, Dr.Web, Print24, PSD-Tutorials oder Noupe von den Grundlagen zum Thema Photoshop bis hin zu professionellen Arbeitsweisen begleitet haben. Sein Twitter-Account und seine Facebookseite.
Dr. Webs exklusiver Newsletter
Hinweise zur Protokollierung der Anmeldung, dem Einsatz von MailChimp als Versanddienstleister und zu den Widerrufsrechten findest Du in unseren Datenschutzhinweisen.

4 Kommentare

  1. Wirklich klasse Texteffekte dabei !

  2. Da sind einige ganz coole Sachen dabei, die ich bestimmt mal ausprobieren werde. Den Retro-Stil find ich persönlich am besten.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.