[Tutorial] Battlefield 3 Schriftzug

Hallo zusammen,

da ich schon mehrfach gefragt wurde, wie ich diesen Battlefield 3 Schriftzug erstellt habe, habe ich mich entschlossen ein Tutorial darüber zu schreiben.


Er ist nicht zu 100% identisch mit dem Original-Schriftzug, aber dennoch kommt er sehr nahe an ihn ran, wie ich finde. :)

Also fangen wir an...


Achtung: Da ich die Englische Version von Photoshop besitze, kann es sein, dass ich manche Begriffe etwas anders übersetze, aber ich denke es wird sich ergeben, was gemeint ist. ;)

1. Downloadet euch die gratis Schriftarten Agency FB und Chica Mono und installiert sie.

2. Erstellt eine neue Photoshop-Datei mit transparentem Hintergrund bzw. mit der von euch gewünschten Hintergrundfarbe.

3. Wählt die Schriftart Agency FB aus und schreibt damit den von euch gewünschten Text. Sollte in diesem Text eine Zahl vorkommen, dann verwendet für diese die Schriftart Chica Mono.

4. Als Schriftfarbe wählt ihr #ffffff (weiß) aus.

5. Doppelklickt nun die Textebene und aktiviert den Punkt "Schein nach Außen" (Outer Glow auf Englisch). Als Farbe wählt ihr #000000 (schwarz) aus. Stellt den ersten Regler auf 100%, den zweiten auf 0%, den dritten auf 100% und den vierten je nach Schriftgröße auf 3-6%. Den fünften Regler stellt ihr ebenfalls auf 100%. Das sollte dann so aussehen:
[Only registered and activated users can see links. Click Here To Register...]
Merkt euch den Wert, den ihr beim vierten Regler verwendet. Ihn werden wir später noch benötigen!

6. Schließt nun das Fenster mit "OK".

7. Euer Schriftzug sollte nun so aussehen:
[Only registered and activated users can see links. Click Here To Register...]

8. Klickt jetzt dieses Symbol an:
[Only registered and activated users can see links. Click Here To Register...]

9. Ändert den Wert bei "A V" zu 15. Dieser Wert ändert den Abstand zwischen den einzelnen Buchstaben. Das sollte bei euch dann so aussehen:
[Only registered and activated users can see links. Click Here To Register...]

10. Erstellt nun ein neues Dokument mit den Maßen 3x3 Pixel und einem transparenten Hintergrund. Das Dokument mit dem Schriftzug lasst ihr im Hintergrund geöffnet (also nicht schließen!).

11. Wählt das Bleistift-Tool aus, das ihr bei einem Rechtsklick auf Pinsel findet:
[Only registered and activated users can see links. Click Here To Register...]

12. Als Farbe wählt ihr #c3ebff (hellblau) aus.

13. Malt nun mit dem Bleistift-Tool, das ihr zuvor auf 1 Pixel Größe stellt, die 3 mittleren Pixel an:
[Only registered and activated users can see links. Click Here To Register...]

14. Klickt nun den Menüpunkt "Bearbeiten" an.

15. Klickt jetzt den Unterpunkt "Muster Festlegen" an und klickt in dem sich öffnenden Fenster auf "OK".

16. Wechselt nun zurück in das Dokument mit dem Schriftzug.

17. Wählt nun den "Fülleimer" aus und stellt oben auf "Muster" um. Wählt dann das soeben erstellte Muster aus. Das sollte dann so aussehen:
[Only registered and activated users can see links. Click Here To Register...]

18. Erstellt nun eine neue Ebene, die ihr anschließend durch einmaliges klicken komplett mit dem Muster "füllt". Das sieht dann so aus:
[Only registered and activated users can see links. Click Here To Register...]

19. Klickt nun mit gedrückter Shifttaste auf das "T" der Textebene. Hier verdeutlicht:
[Only registered and activated users can see links. Click Here To Register...]

20. Nun sollte der Schriftzug ausgewählt sein.

21. Klickt nun den Menüpunkt "Auswahl" an und geht dort auf "Auswahl verändern". Dann wählt ihr "Auswahl ausweiten" aus und gebt in dem erscheinenden Fenster den Wert ein, den ihr hier verwendet habt:
[Only registered and activated users can see links. Click Here To Register...]

22. Nun sollte der gesamte Text samt Umrandung markiert sein.

23. Klickt nun nochmals den Menüpunkt "Auswahl" an und klickt dann auf "Auswahl umkehren".

24. Durch klicken der "Entf"-Taste löscht ihr nun die überstehenden blauen Linien. So sollte euer Schriftzug nun aussehen:
[Only registered and activated users can see links. Click Here To Register...]

25. Wählt nun das "Radierer"-Werkzeug aus und entfernt die zwei oberen Drittel der blauen Linien. Das sollte dann so aussehen (vergrößert):
[Only registered and activated users can see links. Click Here To Register...]

26. Speichert den Schriftzug anschließend als .png Datei ab, um die Transparenz beizubehalten.

Fertig ist der Schriftzug:
[Only registered and activated users can see links. Click Here To Register...]


Ich hoffe ihr konntet das Tutorial gut verstehen.
Solltet ihr noch Fragen haben, dann postet einfach einen Kommentar. Ich helfe euch gerne weiter! :)

Ein bisschen fail da bei dir die blauen Striche auch über das weiße gehen aber sonst gut^^

PS: Outer Glow heißt ,,Schein nach außen´´ nicht ,,äußerer Glanz´´, der Rand geht auch einfach mit ,,Kontur´´ oder wie bei dir ,,Stroke´´, und die richtige Font heißt ,,Big Noodle Titling´´.

Quote:

Originally Posted by flickz' Ein bisschen fail da bei dir die blauen Striche auch über das weiße gehen aber sonst gut^^

Auf jeden Fall danke für das Feedback, aber die Striche gehen im Original-Logo auch über das Weiße, wie man beispielsweise [Only registered and activated users can see links. Click Here To Register...] gut erkennen kann... ;)

Quote:

Originally Posted by dommerle Auf jeden Fall danke für das Feedback, aber die Striche gehen im Original-Logo auch über das Weiße, wie man beispielsweise [Only registered and activated users can see links. Click Here To Register...] gut erkennen kann... ;)

Naja da sind die Striche aber weiß^^ Hast aber recht :D

Quote:

Originally Posted by flickz' Naja da sind die Striche aber weiß^^ Hast aber recht :D

Da hast du dann wiederum Recht. :p
Wer will, der kann die Farbe der Striche ja auch nach Belieben ändern. ;)

EDIT: Und die Schriftart Big Noodle Titling sieht nicht so realistisch aus wie die Schriftart Agency FB. Habe es mit beiden ausprobiert. Mit Agency FB sieht es echter aus. :)

Geiles Turorial. :) Jetzt bräucht ich nur noch Photoshop xD

Eigentlich Ganz gut aber das mit dem Muster bekomme ich nicht hin 3x3 die mittleren 3? Bei mir ist dann die ganze ebene nur blauf kannst du mir helfen? -.-

Größe auf 3 Breite & 3 Höhe eingestellt?
Transparenter Hintergrund?
Wirklich den Buntstift verwendet & nicht den Brush?

Die blauen Stiche gehören dunkler und sind auch nicht gerade, sondern leicht schräg angeordnet.

Quote:

Originally Posted by .Crowd™ Größe auf 3 Breite & 3 Höhe eingestellt? Transparenter Hintergrund? Wirklich den Buntstift verwendet & nicht den Brush?

Habe CS5.1. Dann habe ich eine neue Datei gemacht undzwar so:
[Only registered and activated users can see links. Click Here To Register...]

Danach ist es so: Aber ich kann mit dem Bleistift Tool nicht malen :(

[Only registered and activated users can see links. Click Here To Register...]

Und euch allen Frohe Ostern xD :)

Rechtsklick aufs Brush-Werkzeug & dann den Buntstift auswählen.
Dann ganz nah ran zoomen. Größe passt

Generell dürften es keine Striche sondern einzelne Pixel mit einen Schein nach außen (Bläulich) sein. Die Striche passen nicht ganz aber für die, die nicht so ein komplex haben alles perfekt zu machen (wie ich,deswegen ist es mir aufgefallen) ist das echt ein gutes Tutorial was anderen bestimmt auch für andere Werke hilft :awesome:

.Jumper

Ich habe es noch mehr mals probiert und da hat alles geklappt aber sobal ich das Muster einführe auf einer Neuen Ebene passiert das:

[Only registered and activated users can see links. Click Here To Register...]

Aber dann:

[Only registered and activated users can see links. Click Here To Register...]

Bitte um Hilfe ,da ich fast fertig bin ^^

Ist der Hintergrund des Musters auch transparent?

Ja ist er , aber sobal ich mit dem Füllwerkzeug draufklicke nicht mehr ..