Anzeige
Tutorialbeschreibung

Schriftstil nach Motto erstellen (Motto: Magisch)

Schriftstil nach Motto erstellen (Motto: Magisch)

In diesem Tutorial zeige ich euch, wie man einen Texteffekt nach einem Motto erstellt. Ich befasse mich mit dem Motto "Magie" und erstelle dazu einen Texteffekt, der magisch wirken soll.

Wer will, kann sich die Arbeitsdatei downloaden; die sollte beim Nachmachen helfen (für die, die es nicht hinbekommen)! Ansonsten hoffe ich, dass ich euch mit dem Tutorial helfen kann.

MfG Sebek, aimbexx :-)


Schritt 1

Zunächst erstellt man eine neue Datei. Die Größe ist natürlich total egal! Ich habe mich für eine kleine Größe von 500x180 Pixeln entschieden.

Bilder



 

Schritt 2

Wir färben die Hintergrundebene in einem dunklen Grauton: #0f0f0f

Bilder



 

Schritt 3

Als Nächstes erstelle ich einen Text (Font: akaPotsley) in der Schriftgröße 100Pt in weißer Farbe und dupliziere diese mit Strg+J. Zusätzlich erstelle ich einen Ordner und füge dem meine neuen Textebenen hinzu (wobei uns die Kopie erst mal nicht interessiert).

Bilder



 

Schritt 4

Wir gehen mit Doppelklick auf die Ebene und fügen einen Schlagschatten hinzu. Die Farbe ist #181718.

Bilder



 

Schritt 5

Danach machen wir den Schein nach außen. Wichtig ist, dass ihr die Angaben genau übernehmt. Die Farbe ist: #fffbe5

Bilder



 

Schritt 6

Nun der Schein nach innen. Die Farbe ist #e3e3e3. Die Kontur ist ein Viereck mit einer abgerundeten Kante nach innen (siehe Bild unten).

Bilder



 
Hier die "Koordinaten" der Kontur:

Bilder



 

Schritt 7

Abgeflachte Kante und Relief lässt das Ganze ein bisschen 3-dimensional wirken. Wichtig ist, dass der Stil, Abgeflachte Kante innen, auch wirklich Abgeflachte Kante innen ist!! In der Schattierung sind die Farben: Weiß (#ffffff) und ein Grauton (wie beim Schlagschatten): #181718

Bilder



 

Schritt 8

Die Kontur ist eine Art abgerundete Treppe. Der Bereich beträgt 45%, wie man auf dem Screenshot sieht.

Bilder



 

Schritt 9

Als Nächstes kommt der Glanz. Die Farbe ist mal wieder unser Grauton: #181718. Wichtig ist, dass wir den Effekt umkehren; also einfach unten neben der Kontur das Häkchen setzen.

Bilder



 

Schritt 10

Nun kommt die Verlaufsüberlagerung. Diese besteht aus drei Farbtönen: einem dunklen Grün (#1d5f00) auf 25%, dann einem hellen Grün (#9fc799) auf 48% und noch einem dunklen Grün (#3c623d) auf 100%. Der Verlauf ist linear!

Bilder



 

Schritt 11

Als Muster hab ich ein Bild eines Stoffes genommen, wie man weiter unten sieht. Ich stelle die Füllmethode auf Luminanz und verbinde die Musterüberlagerung mit der Ebene. Nun sind wir mit dem erstem Text fertig.

Bilder



 
Und hier das Muster:

Bilder



 

Schritt 12

Hier sehen wir unser erstes Ergebnis; kommen wir zu unserer Kopie. Diese benutzen wir als Hilfsebene, um den Effekt des Textes zu stärken!

Bilder



 

Schritt 13

Als Erstes machen wir wieder einen Schlagschatten mit der Farbe: #181718

Bilder



 

Schritt 14

Beim Schein nach außen benutze ich ein Violett (#d992e8). Dadurch sticht der Text gut heraus und auch optisch ist das gut - sehr schön fürs Auge (-;

Bilder



 

Schritt 15

Nun der letzte Schritt für unseren Text: die Kontur. Als Kontur benutzen wir einen Verlauf, der aussieht wie folgt:

Bilder



 
Den Verlauf erstellt ihr mit zwei unteren und zehn oberen Häkchen. Die unteren zwei auf den Positionen 0% und 100% mit der Farbe: #85ef69. Und die zehn oberen liegen auf den Positionen: 12, 21, 30, 43, 51, 58, 67, 74, 80 und 100 mit einer Deckkraft von 24% (außer Häkchen: 2, 5 und 8, deren Deckkraft beträgt 100%).

Bilder



 

Schritt 16

Zum Schluss stellen wir die Fläche unserer Kopie auf 0% und fertig ist unser Text!

Bilder



Ende

Ich hoffe, es hat bei euch geklappt; wenn nicht, ist das Tutorial mit allen Bildern und der .PSD als Arbeitsdatei downloadbar!

Kommentare sind natürlich erwünscht!

MfG Sebek, aimbexx


DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von kama.15
  • 21.11.2017 - 19:22

Danke, das Tutorial hat mir sehr gehofen.

Portrait von Jay Cybot
  • 22.09.2013 - 16:30

Sieht echt toll aus. TuT ist leicht zu begreifen dank der ganzen Bilder. Das ergebnis ist super, danke.

Portrait von Essiggurke96
Portrait von Tigerkiller
  • 26.10.2012 - 18:53

Wirklich schönes Tutorial

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 14.08.2012 - 21:03

Ich liebe Typografie. Super zum nacharbeiten. Danke für das Klasse TUT.

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 14.08.2012 - 21:03

Ich liebe Typografie. Super zum nacharbeiten. Danke für das Klasse TUT.

Portrait von TRBN
  • 12.08.2012 - 17:46

sehr gut erklärtes Tutorial. Vielen Dank dafür

Portrait von Mendras
  • 26.05.2012 - 20:00

Super Tutorial, als Neuling genau das was ich Gesucht habe, Danke

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 12.03.2012 - 12:16

Tolles - Tutorial - wenn man mit den Farben etwas eperimentiert bekommt man weitere Klasse effekte -

Portrait von gilberto730
  • 21.02.2012 - 12:06

Super effekt und gut anzuwenden, danke =)

Portrait von FrOzEnIcE
  • 25.01.2012 - 17:35

Wunderbares Tut! ;)
Was meiner Meinung nach der Schrift noch den letzten Schliff gibt, ist der Hintergrund. Der ist im Tut leider nicht beschrieben. Könntest du vielleicht kurz erklären, wie du den gemacht hast?

Danke! ;)

Portrait von SEBEK
  • 28.01.2012 - 22:31

Hey, erstens danke :-)
Zum Hintergrund, das ist eine .PNG-Datei. Schick mir doch bei Bedarf eine PM, dann könnte ich dir das ja irgendwie schicken ;-)

Grüße Sebek

Portrait von rosebudak
  • 30.10.2011 - 18:55

Klasse, verständlich und nachvollziehbar. Es ist also die Kunst, die richtigen Randeffekte zu finden und zu kombinieren.

Portrait von Werbezecke
  • 27.10.2011 - 19:46

sehr hilfreich :) vielen Dank!

Portrait von InnerCircle
  • 25.10.2011 - 00:28

Tolles Tutorial! Danke für die Mühe :D

Portrait von Peggie
  • 22.10.2011 - 00:16

Bin gespannt, Schrift sieht klasse aus. Vielen Dank

Portrait von asrai
  • 17.10.2011 - 19:12

Supi und sehr anschaulich! Danke

Portrait von Tetra
  • 16.10.2011 - 21:03

Toll, hab's verstanden! Danke

Portrait von Nem84
  • 16.10.2011 - 17:19

Cool, danke dafür! =)

x
×
×