xDee

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

Tags: Germany's Next Topmodel, Gold Effekt, Heidi Klumm, Logo Tutorial, Photoshop Tutorial