Knuddels-Board
Hallo Herzlich Willkommen

Treten Sie dem Forum bei, es ist schnell und einfach

Knuddels-Board
Hallo Herzlich Willkommen
Knuddels-Board
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.

Knuddels Schrift mit PhotoShop!

2 verfasser

Nach unten

Knuddels Schrift mit PhotoShop! Empty Knuddels Schrift mit PhotoShop!

Beitrag von VisualBasic Sa Sep 26, 2009 3:57 am

Da ich nun schon desöfteren gefragt wurde, wie man denn die typische Knuddelsschrift (oder zumindest eine ähnliche) aus dem Logo von Knuddels.de erstellt, habe ich mich dazu entschlossen, ein kleines Tutorial zu schreiben.
NEU! Das Videotutorial, welches beim Verständnis helfen soll, gibt es nun Hier zu sehen.
Hier erst einmal für alle, die nicht wissen, welcher Schriftzug gemeint ist, ein Beispiel:

Knuddels Schrift mit PhotoShop! 2rh020g

Schritt 1

Erstelle eine neue Datei; die Größe darfst du dir aussuchen, je nach dem wie groß du eben schreiben möchtest. Ich nehme jetzt einfach mal 400×200px. Nun füllst du den Hintergrund über Bearbeiten > Fläche füllen mit der Farbe #D9ABEE, was dem typischen Knuddelslila entspricht.

Schritt 2

Schreibe nun den gewünschten Text in weiß; als Schriftart nutzt du Verdana (fett). Die Glättung stellst du bitte auf “stark”. Dein Projekt könnte nun also in etwa so aussehen:

Knuddels Schrift mit PhotoShop! 293uaro

Schritt 3

Zuerst rasterst du die Textebene (~> Rechtsklick auf die Textebene bzw. den Namen der Textebene in der Ebenenübersicht und dann auf Ebene rastern).
Dann markierst du den ersten Buchstaben deines Textes mit dem eckigen Markierungstool, sodass er von der Markierung umschlossen ist, und drückst dann die Tastenkombination [Strg] + [T], damit du die Buchstaben nach Lust und Laune an den Ecken oben drehen kannst. Nach einem Druck auf [Enter] speichert PhotoShop die eben vorgenommene Änderung (in unserem Fall die Drehung des Buchstabens nach rechts oder links), sodass du sie (mit dem Verschiebe-Werkzeug oder durch ein paar maliges Drücken der Pfeiltasten) noch alle etwas in- bzw. aneinander verschieben kannst; dann lassen sich die noch folgenden Buchstaben nämlich auch leichter markieren.
Ein mögliches Ergebnis:

Knuddels Schrift mit PhotoShop! 33ol6pd

Schritt 4

Nun wollen wir das ganze natürlich noch etwas dreidimensional erscheinen lassen. Dazu duplizieren wir die Ebene (Rechtsklick auf die Ebene bzw. den Namen der Ebene und Ebene duplizieren wählen), setzen die Lab-Helligkeit der kopierten, unten liegenden Ebene, mithilfe der Tastenkombination [Strg]+ [U], auf -50, sodass der Text auf dieser Ebene grau erscheint.
Diese Ebene duplizieren wir dann noch 4x, sodass wir insgesamt nun eine Ebene mit weißem Text, fünf mit grauem und unsere Hintergrundebene haben (in dieser Reihenfolge, von oben nach unten).
Für die Textebenen in grau gilt nun folgendes: wir wählen die erste, unter der weißen Textebene liegende Ebene, aus. Den Text verschieben wir nun mithilfe der Tastenkombi [Strg] + [Pfeiltaste UNTEN] einen Pixel weiter nach unten. Wir betätigen die Kombination also nur einmal. Für die zweite, also nächte graue Textebene gilt das gleiche, nur benutzen wir die Tastenkombination hier zweimal, damit sie unter der ersten grauen Ebene hervorsticht. Das machen wir nun mit allen Ebenen, sodass die grauen Ebenen zum Schluss eine Art "Schatten" der weißen Textebene darstellen. Zum Schluss fassen wir die grauen Textebenen zu einer Ebene zusammen. Das sieht dann in etwa so aus:

Knuddels Schrift mit PhotoShop! 2e4iwyw

Hier sei vielleicht anzumerken, dass der Schatten hier nicht korrekt umgesetzt wurde,
da hier nur eine graue Textebene verwendet wurde, und man so keinen lückenlösen Übergang hat.

Knuddels Schrift mit PhotoShop! 261cg3n

Schritt 5

Nun fügen wir beide Textebenen zusammen, sodass wir nur noch die lilafarbene Hintergrund-Ebene und die Ebene mit der Schrift und dem Schatten haben. Um das ganze nun noch zu vervollständigen, müssen wir jetzt eine schwarze Kontur von 2px, sowie einen Schlagschatten (Winkel: 90°, Distanz: 4px, Größe: 3px) hinzufügen. Das tun wir, indem wir das Kontextmenü der Textebene mit einem Rechtsklick auf den Ebenennamen öffnen und dort auf Fülloptionen klicken und dort dann die oben genannten Eigenschaften setzen (Kontur, Schlagschatten).
Und voilá, fertig ist unsere selbstgemachte Knuddels-Schrift!

Knuddels Schrift mit PhotoShop! 2wmgbhx
VisualBasic
VisualBasic
Admin
Admin

Männlich Anzahl der Beiträge : 60
Anmeldedatum : 24.09.09
Alter : 32
Ort : Villingen-Schwenningen

http://www.cnuddelz-bots.com

Nach oben Nach unten

Knuddels Schrift mit PhotoShop! Empty Re: Knuddels Schrift mit PhotoShop!

Beitrag von Teddyline Sa Sep 26, 2009 10:59 pm

Danke haste gut gemacht. Wink
Teddyline
Teddyline
Teamleiter
Teamleiter

Weiblich Anzahl der Beiträge : 2
Anmeldedatum : 26.09.09
Alter : 29
Ort : Blumberg

Nach oben Nach unten

Knuddels Schrift mit PhotoShop! Empty Re: Knuddels Schrift mit PhotoShop!

Beitrag von VisualBasic So Dez 13, 2009 2:54 am

Bitte mein Schatz Smile
VisualBasic
VisualBasic
Admin
Admin

Männlich Anzahl der Beiträge : 60
Anmeldedatum : 24.09.09
Alter : 32
Ort : Villingen-Schwenningen

http://www.cnuddelz-bots.com

Nach oben Nach unten

Knuddels Schrift mit PhotoShop! Empty Re: Knuddels Schrift mit PhotoShop!

Beitrag von Gesponserte Inhalte


Gesponserte Inhalte


Nach oben Nach unten

Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten