Germany’s Next Topmodel Logo – Tutorial

01
Mrz

13

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:

1

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.

2

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.

3
Nun sollte euer Schriftzug etwa so aussehen:

4

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

5
Wenn ihr alles eingestellt habt sollte euer Schriftzug nun so aussehen:

6

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.

7

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.

81
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.

9

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].

10

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.

11
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:

12

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

VN:F [1.0.8_357]
Rating: 4.6/5 (23 votes cast)

There are 16 comments in this article:

  1. 24/04/2009olli says:

    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

  2. 10/06/2009christian says:

    cooles tutorial

  3. 24/07/2009Luisa says:

    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

  4. 25/07/2009admin says:

    Sicher kann ich machen, hab dir eine E-Mail geschickt…

  5. 27/07/2009Luisa Tasche says:

    Vielen Dank =)
    Sieht echt super aus…..
    Luisa

  6. 27/07/2009Luisa says:

    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

  7. 9/11/2009Jenny says:

    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

  8. 10/05/2010Lars says:

    Wir möchten abschluss pullis machen und ich will fragen ob du das gleiche mit “Germanys Next Topclass by Uschi Erdle” machen kannst ?

    hoffentlich hast du zeit dafür

    MfG
    Lars

  9. 10/05/2010Lars says:

    Der hintergrund soll schwarz sein & der Rest Dunkelila
    nochmals danke.

  10. 12/06/2010Matze says:

    Hi!
    Habe jetzt vergeblich mit der Trial Version von Photoshop Elements 8 versucht das genau so hinzubekommen, wie du.
    Leider schaff ich das nicht. Was für eine Version hast du denn benutzt und ist die Trial Version abgespeckter?

    Danke vorab.

    Grüße
    Matze

  11. 10/10/2010Michael says:

    Klasse Tutorial, habs in verschiedenen Versionen bearbeitet und sieht klasse aus !

    Ruhig mehr davon !

  12. 24/11/2010Doreen Fugmann says:

    Hallo Michael,
    das Logo ist echt klasse. Jetzt habe ich gelesen, dass Du es bei speziellen Wünschen auch bearbeitest. Ich bin leider eine Niete am Computer und wäre Dir für Deine Hilfe echt dankbar.
    Ich bin schwanger und fände es witzig dies mit Deinem Logo publik zu machen. Bräuchte dafür anstelle der Magersüchtigen “Germanys next top sister” als Aufschrift. Eine Foto meiner Tochter dazu und die Sache wäre perfekt.
    Bitte melde Dich bei mir, wenn Du Zeit hast!

    Danke und Grüße
    Doreen

  13. 4/04/2011Jonas says:

    Moin Michael,
    das Logo ist echt der Hammer.
    Wir sind ein Kurs von Fluglotsen, die ihre Ausbildung jetzt beendet haben und als Kurs t-shirt würden wir gerne
    “Germany´s next Top Lotse by FVK 195 haben.
    Könntest du uns das vllt designen?
    Danke und Beste Grüße
    Jonas

  14. 8/06/2011Umut says:

    hey echt klasse wie du das beschrieben hast. ist das der photoshop von adobe? ich schnall das nicht so. wollte Germany`s Next Topfußballerinnen by BWA Mädels schreiben. bekomme es nicht hin. Kannst du mir da helfen?

  15. 15/06/2011Sandra says:

    Hallo Michael,
    habe eine dringende Frage. Wir wollen unserer Lehrerin ein T-shirt drucken und ihr das zum Abschied schenken. Auf die Rückseite soll der Spruch: Germany´s next Top teacher by 8a1
    In der Schrift von dem original Logo mit der Frau, wie du sie in deinem Begrüßungs-Button hast. (ohne Hintergrundfarbe ,nur goldene Schrift) Kannst du mir das vllt. designen??? Bin echt schlecht in sowas.
    Danke im vorraus. Würde mich riesig freuen.
    Liebe Grüße Sandra ♥

  16. 15/06/2011Sandra says:

    Hallo Michael,
    habe eine dringende Frage. Wir wollen unserer Lehrerin ein T-shirt drucken und ihr das zum Abschied schenken. Auf die Rückseite soll der Spruch: Germany´s next Top teacher by 8a1
    In der Schrift von dem original Logo mit der Frau, wie du sie in deinem Begrüßungs-Button hast. (ohne Hintergrundfarbe ,nur goldene Schrift) Kannst du mir das vllt. designen??? Bin echt schlecht in sowas.
    Danke im vorraus. Würde mich riesig freuen.
    Liebe Grüße Sandra ♥

Write a comment: