Tutorialbeschreibung

Glanz-Effekt bei Schriften

Glanz-Effekt bei Schriften

In diesem Tutorial erkläre ich euch, wie ihr einen coolen Glanz-Effekt bei Schriften macht.

So sollte das Ganze am Schluss etwa aussehen:




Dies ist mein erstes Tutorial. Seid also nicht zu streng mit der Bewertung.
Ich begrüsse natürlich immer Verbesserungsvorschläge oder Tipps.
In diesem Tutorial erkläre ich euch, wie ihr einen coolen Glanz-Effekt bei Schriften macht.

Viel Spass!

Schritt 1:
Neue Datei erstellen(Datei/Neu) Grösse: 500 x 200 px / Auflösung: 72 px / Modus: RGB-Farbe / Hintergrund: Weiss

Bilder

Schritt 2:
Ersten Schriftteil mit der Farbe „ffd200“ schreiben (Grösse: 30 pt). Als Schriftart habe ich „My Puma“ gewählt.

Bilder


Schritt 3:
Zweiten Teil auf neuer Ebene schreiben mit Schriftgrösse 40 pt und Schriftfarbe „6e6e6e“.

Bilder


Schritt 4:
Verlaufsüberlagerung und Kontur zur Schrift hinzufügen. Einstellungen von den Bildern ablesen!

Teil1 der Schrift:

Bilder

Bilder


Teil2 der Schrift:

Bilder

Bilder
Farbe der Kontur: #6e6e6e


So, jetzt sollte das ganze zirka so aussehen:

Bilder


Schritt 5:
Jetzt nehmen wir das Abgerundetes-Rechteck-Werkzeug und ziehen mit weiss auf einer neuen Ebene zwei Rechtecke in der oberen Hälfte der Schriftzüge.

Bilder


Schritt 6:
Nun fahren wir mit dem Weichzeichner-Werkzeug über die Kanten der Rechtecke. Wichtig ist dabei, dass man die Ebene angewählt hat, auf der das Rechteck ist.

Bilder


Schritt 7:
Nun stellen wir die Deckkraft der Rechtecke auf 40 %

Bilder

Schritt 8:
Der richtige Text ist jetzt fertig. Wir machen uns jetzt an die Spiegelungen.

Dafür reduzieren wir jetzt alle Textebenen (mit den Rechtecken) auf eine Ebene.(Hintergrund ausblenden(auf das Auge neben der Ebene klicken) und „Ebene / Sichtbare auf eine Ebene reduzieren")


Schritt 9:

Jetzt duplizieren wir diese Ebene (Ebene markieren und {strg+j} drücken oder Rechtsklick auf die Ebene und „Ebene duplizieren“)


Schritt 10:

Jetzt spiegeln wir diese Ebene (Bearbeiten / Transformieren / Vertikal spiegeln) und platzieren diese ein bisschen unterhalb der richtigen Textebene.

Das Ganze sollte jetzt ungefähr so aussehen:

Bilder


Schritt 11:

Jetzt fügen wir zur Spiegelung eine Vektormaske hinzu und wir ziehen mit dem Verlaufswerkzeug einen Verlauf hinzu (man sollte darauf Acht geben, dass die Vektormaske und nicht die Ebene selbst gewählt ist, wenn man den Verlauf zieht).

Damit der Verlauf schön vertikal wird, {alt}-Taste gedrückt halten.

Bilder


Schritt 12:

So nun stellen wir noch die Deckkraft der Spiegelung auf 45 % und fertig wäre unser Schriftzug.

Natürlich könnte man auch noch Verzierungen anbringen, aber da müsst ihr eure eigene Kreativität benutzen :-)

Hier ein Beispiel:

Bilder






Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 06.12.2008 - 16:12

super trick, super erklärt...toll :)

Portrait von Glocker
  • 03.12.2008 - 17:31

finde ich sehr gut :)

Portrait von guterJunge
  • 24.11.2008 - 19:29

gefällt mir danke....:)

Portrait von maar
  • 23.11.2008 - 19:00

thx, aber was macht man wenn der hintergund dunkel ist..

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 23.11.2008 - 04:35

Toll, danke. Hat mir sehr bei der erstellung einer Homepage geholfen.

Portrait von liquidpro1
  • 18.10.2008 - 10:53

Ein wirklich tolles Tutorial.Danke !!!!

Portrait von Minnor
  • 13.10.2008 - 20:43

Supergutes Tutorial,dankeschön

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 13.10.2008 - 02:48

Habe die Front schon!
Ich bilindes Huhn :D

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 13.10.2008 - 02:46

Als wie man das mit der Spiegelung hin bekommt weiß ich ja aber,wie heißt die Frond die du da benutzt?

:D

Lg

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 28.09.2008 - 17:28

Find des als Noob auch Klasse ;) thx

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 24.09.2008 - 09:23

Super genau sowas habe ich gesucht.

Portrait von Arnitun
  • 24.09.2008 - 09:10

gut erklärt, aber fast zu einfach :>

Portrait von xxripperxx
  • 19.09.2008 - 07:42

super perfekt beschrieben THX

Portrait von der_TOM
  • 04.09.2008 - 10:36

tutorial der spitzenklasse - wenn doch nur alle tuorials so präzise und einleuchtend beschrieben wären, hätte ich mir schon viel ärger erspart ;-)

Portrait von zero111181
  • 27.08.2008 - 14:56

mhhh wie geht den das mit ein Transparenten hintergrund. ich seh nähmlich noch das rechteck hinter der Schrift. Weiß jemand wie ich weg bekomme.

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 24.08.2008 - 00:30

echt klasse tutorial!
man merkt garnicht, dass es dein erstes ist...bis auf den hinweis ganz am anfang xD

hat m,ir echt geholfen ;)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 23.08.2008 - 14:04

Danke funktioniert einwandfrei =)

Portrait von Xorastra
  • 22.08.2008 - 18:12

Hat super geklappt ;-) perfekt erklärt :)

Portrait von liquefy
  • 21.08.2008 - 10:53

=) echt gut erklärt ^^
bei mir hat alles geklappt ^^

Portrait von sk91
  • 08.08.2008 - 20:51

Wirklich ausführlich und mit Tastenkürzel erklärt, wirklich leicht verstanden TOP!!!

Ruhig weiter so!

Mehr anzeigen

x
×
×