Germany’s Next Topmodel Logo – Tutorial
Posted on 01. Mrz, 2009 by admin in Photoshop Tutorials
Es sollte mittlerweile eigentlich jeder die Casting-Show “Germany’s Next Topmodel” auf Pro7 kennen. Die Meinungen über diese Show gehen weit auseinander und hier etwas darüber zu schreiben würde den Rahmen dieses Tutorials sicher sprengen, darum lasse ich es einfach und beschränke mich auf das wichtige: In diesem Tutorial will ich euch zeigen, wie ihr mit Photoshop das Germany’s Next Topmodel Logo “nachmachen” könnt. Es wird am Schluss vielleicht nicht 100% gleich aussehen, doch jeder wird wissen um was es geht.
Voraussetzungen:
- Umgehen mit Photoshop (Toolbox, Ebenen)
- Verwenden des Horizontal Type Tools (Text Tool)
Lernziele:
- “Gold” Effekt in Photoshop
- Text verändern/bearbeiten
Öffnet als erstes ein neues Photoshop Dokument. Die Grösse ist wie immer egal, jedoch würde ich diesmal eher ein grösseres Dokument öffnen (800 x 200 px).
Als erstes färbt ihr den Hintergrund im Topmodel Rot ein. Ich habe dafür #c00b13 verwendet, da es dem originalen Rot ziemlich nahme kommt. Danach gehen wir auf die Suche der richtigen Schriftart. Dabei kommt es ganz auf euch an, je ähnlicher die Schriftart, je ähnlicher wird am Schluss auch das Logo sein.
Ich habe für mein Topmodel Logo folgende 3 Schriftarten verwendet:
Die Downloadlinks zu den Schriftarten findet ihr am Ende dieses Tutorials. Natürlich entsprechen diese Schriftarten nicht 100% den originalen Schriftarten, doch ich finde sie kommen ihnen ziemlich nahe.
Nun kümmern wir uns als erstes um den “Top Model” Schriftzug. Wer das Original betrachtet, wird feststellen, dass das “top” etwas dicker ist als das “model”. Darum habe ich für diese beiden auch unterschiedliche Schriftarten verwendet.
Schreibt also nun mit dem Horizontal Type Tool (T) nun in das selbe Textfeld zuerst “top” in der Schriftart Franklin Gothic Medium und dann mit etwas Abstand “model” in der Schriftart Century Gothic.
Wer das Original genau betrachtet, wird nun aber auch feststellen, dass die Buchstaben in unserer Version noch viel zu weit voneinander entfernt sind. Dies können wir aber sehr leicht in den Texteigenschaften ändern. Öffnet das “Character” Fenster indem ihr auf Window -> Character geht.
In diesem Fenster können wir nun den Abstand zwischen den Buchstaben verändern. Stellt ihn auf -100.

Nun sollte euer Schriftzug etwa so aussehen:

Leider sieht man nun, dass die Buchstaben im “model” Text genau richtig sind, die im “top” Text sich jedoch berühren. Dies ist zwar nur ein kleines Detail, doch wollen wir ja alles möglichst perfekt machen, darum wählt nun nur den “top” Text an und stellt den Buchstaben Abstand auf -90.
Nun kümmern wir uns um den “Gold” Effekt. Geht in die Blending Options der Textebene. (Rechtsklick auf Textebene -> Blending Options). Stellt dort folgendes ein:
- Drop Shadow: Opacity: 55%, Distance: 1, Size: 3
- Inner Glow: Opacity: 35%, Color: #ffffbe, Size: 3
- Gradient Overlay: Angle: 0, Rest wie auf Bild

Wenn ihr alles eingestellt habt sollte euer Schriftzug nun so aussehen:
Nun wollen wir uns um das Model selbst kümmern. Wenn mit der Google Bildersuche nach “Woman Silhouettes” sucht, findet man genug Vorlagen die man verwenden kann. Ich habe mich für diese hier entschieden:

Kopiert die Frau in euer Photshop Dokument und achtet darauf, dass sich die Ebene der Frau direkt über der Ebene mit unserem Text befindet. Verkleinert [Ctrl + T] die Frau nun so, dass sie wie im Original neben dem “m” des “model” Textes steht und etwa doppelt so hoch wie das “m” ist. Löschtnun mit Hilfe des Magic Wand Tools (W) – auch Zauberstab genannt – den weissen Teil weg.
Eventuell kann es sein, dass ihr zuwenig Platz zwischen dem “top” und dem “model” habt. Fügt einfach einen zusätzlichen Leerschlag hinzu, damit ihr genug Platz habt.
Vorher habe ich darauf hingewiesen, dass sich die Ebene mit dem Model direkt über der Textebene befinden sollte, dies ist wichtig für den nächsten Schritt. Klickt nun rechts auf eure Textebene und wählt “Rasterize Type” aus. Nun wählt ihr die Ebene mit eurem Model aus und drückt einmal [Ctrl + E]. Dies bewirkt, dass sich die beiden Ebenen verschmischen. Dabei übernimmt die obere Ebene die Blending Options der unteren Ebene, darum war es auch so wichtig, dass die Model Ebene über der Textebene lag.

Sieht doch nicht schlecht aus oder? Nun kommen wir zum Rest. Es fehlen noch der “Germany’s Next” und den “by Heidi Klumm” Schrifzug.
Schreibt nun mit dem Horizontal Type Tool “GERMANY’S NEXT” in der Schriftart Century Gothic oberhalb des “top model” Schrifzugs. Achtet darauf, dass ihr genug Leerschläge zwischen dem “GERMANY’S” und dem “NEXT” macht, damit das ganze auch passt. Achtet wieder darauf, dass sich die Textbene oberhalb des Schrifzugs mit dem Model befindet.
Eventuell müsst ihr den Buchstabenbstand wieder auf 0 setzen, damit das ganze nicht so gequetscht aussieht.
Nun wiederholen wir den Schritt von vorher, wählt die Textebene mit dem “GERMANY’S NEXT” aus und rechtsklickt darauf. Geht wieder auf Rasterize Type und drückt anschliessend [Ctrl + E].
Nun sind wir schon fast fertig, fehlt nur noch den “by Heidi Klumm” Text. Doch auch dies ist nicht schwer, schreibt wieder mit dem Horizontal Type Tool den Text “by Heidi Klumm” in der Schriftart Segoe Script und dreht ihn mithilfe des Free Transform Tools [Ctrl + T] leicht. Verschiebt ihn anschliessend an die richtige Stelle.

Nun geht ihr in die Blending Options dieses Textes und stellt dort folgendes ein:
- Drop Shadow: Opacity: 45%, Distance: 0, Size: 5,
- Color Overlay: Color: #ffd7be
So wenn ihr alles richtig gemacht habt, sollte das Ganze jetzt etwa so aussehen:

Und nun sind wir auch schon fertig. Spielt ein bisschen mit dem Ganzen rum und wie immer, wenn ihr Fragen habt oder einfach eure Meinung sagen wollt, benutzt einfach die Comment-Funktion
Century Gothic
Franklin Gothic Medium
Segoe Script
Leider musste ich feststellen, dass diese Schriftarten alle kostenpflichtig sind. Bei Windows Vista sind einige jedoch schon von Haus aus dabei, wenn ihr eine Schriftart nicht habt, verwendet doch einfach eine ähnliche…
Michael Ziörjen








olli
Apr 24th, 2009
servus,
ist ne coole anleitung!
die schriften gibt es bei microsoft kostenlos als paket zum downloaden.
http://www.microsoft.com/downloads/details.aspx?FamilyID=1F0303AE-F055-41DA-A086-A65F22CB5593&displaylang=DE
gruß olli
christian
Jun 10th, 2009
cooles tutorial
Luisa
Jul 24th, 2009
Hallo Michael.
Ich hätte da mal ne Frage…
Im Oktober werde ich mein Examen zur Gesundheits- und Krankenpflegerin ablegen! Meine Freundinnen und ich wollen dieses Ereignis gebührend feiern und bräuchten dafür deine Hilfe =)
Wir würden uns für diesen Anlass gerne T-Shirts drucken lassen (schwarz mit pinker Schrift) mit dem Schriftzug von GNTM aber etwas umgewandelt: “Germany´s next Topnurse by Lutz Hellbusch” (das ist unser Kursleiter)…
Ist das möglich, dass du uns das designs? Das wäre SUPERRRRRRR =)
Meld dich einfach mal, wieviel du dafür haben willst! Liebe Grüße, Luisa aus Wuppertal
admin
Jul 25th, 2009
Sicher kann ich machen, hab dir eine E-Mail geschickt…
Luisa Tasche
Jul 27th, 2009
Vielen Dank =)
Sieht echt super aus…..
Luisa
Luisa
Jul 27th, 2009
Sorry…aber ich habe deine E-mail Adresse gelöscht =( Kannst du mir bitte nochmal eine Mail schreiben?!?!
Ich hätte da einen ganzzzzz winzigen Änderungswunsch…
Liebe Grüße,
Luisa
Jenny
Nov 9th, 2009
Hallo Michael,
sorry aber ich würde dich auch gern mal belästigen…
Meine Freundinnen und ich haben übernächste Woche unsere Abschlussprüfung und wollen uns T-Shirt machen mit “Germany´s next Industriekauffrau”… Ich weiß, es ist sehr sehr kurzfristig und gerade deswegen suchen wir dringenst nach Hilfe…
Es wäre wirklich suuuuuper mega lieb, wenn du uns helfen könnest…
Würde mich über eine Antwort sehr freuen…
Liebe Grüße
Jenny