Knuddels Schrift mit PhotoShop!
2 verfasser
Seite 1 von 1
Knuddels Schrift mit PhotoShop!
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:
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:
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:
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:
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.
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!
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:
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:
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:
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:
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.
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!
Re: Knuddels Schrift mit PhotoShop!
Danke haste gut gemacht.
Teddyline- Teamleiter
- Anzahl der Beiträge : 2
Anmeldedatum : 26.09.09
Alter : 29
Ort : Blumberg
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten