Spraylogo Tutorial für CS:S

Das transparente Spraylogo Tutorial für Counterstrike Source mit Photoshop CS2

Vorwort:

Mir ist bewusst, dass es schon zahllose Tutorials für diesen Bereich gibt. In der Google suche findet man aber dennoch größtenteils Anleitungen für CS, nun gut man kann behaupten es habe sich ja auch nicht viel geändert in der Herstellung eines Spraylogos für Counterstrike aber dafür haben sich so manche Grafik Programme geändert und in diesem Tutorial werde ich hauptsächlich auf die Tricks und Kniffs mit Photoshop CS2 eingehen.

Einstellungen:

Zunächst bevor es richtig losgehen kann sollte man sich mit den Spielspezifischen Einstellungen vertraut machen. Es werden nur Grafiken unterstützt, welche in 2´er Schritten von 2 bis 128 pix groß sind. Somit sind wir in der Größe des Spraylogos beschränkt. Zum Beispiel kann man das Verhältnis 128×128, 64×64, 32×32, 16×16 oder 64×128, 8×128 usw. wählen. Quasi kann man immer nur ein Verhältnis aus dieser Reihe bilden und sich kein neues ausdenken, wie z.B. 86×128!

Als weiteres kann ich erwähnen das, Counterstrike Source folgende Dateien automatisch unterstützt:

Das heißt, wer mit einem Spraylogo ohne transparenten Hintergrund zu frieden ist braucht an dieser Stelle nicht weiter lesen, seine Grafik auf das oben beschriebene Verhältnis skalieren, unter den unterstützten Dateitypen abspeichern und im CS:S Game unter der Multiplayer Option, das Spraylogo importieren.

Doch für die richtigen geilen Spraylogos geht es jetzt erst richtig los!

Wir öffnen Photoshop CS2 und erstellen ein neues Bild. Wir nennen es „spraylogo“ und geben es die Maße 128×128 Pixel. Der Hintergrundinhalt sollte Transparent eingestellt sein und der Farbmodus RGB.

Als nächstes öffnen wir unser Bild welches wir mit der Transparenz belegen wollen. Wir können dieses gleich über Datei > Platzieren in unsere Spraylogo Ebene öffnen oder über den herkömmlichen Weg, Bild öffnen (Strg+O), dann Bild Auswählen (Strg+A),

Kopieren (Strg+C) und in unser erstelltes, bislang leeres, Spraylogo-Bild rein kopieren (Strg+V). Wenn das geschehen ist kann man erkennen, dass nun in der Ebene 1 unsere Grafik zu erkennen ist. Die werden wir jetzt ein wenig bearbeiten.

Zunächst löschen wir alle Flächen aus der Grafik die später nicht zu sehen sein sollen. Dafür gibt es ein paar hilfreiche Werkzeuge, wie den Zauberstab (W), das Lasso (L) oder das Auswahl-Rechteck (M). Damit markiert Ihr euch die Flächen die Weg sollen und drückt entfernen. Jetzt kommt darunter wieder die Transparente Ebene zum Vorschein.

Ich habe die Auswahlwerkzeuge Rot markiert. Wenn ihr denk das Ihr genug an der Grafik rum gebastelt habt kommt der 2.Schritt.

Schritt 2 Erstellen eines Alpha Kanals

Der Alpha Kanal ist in diesem Sinne wichtig weil er die Daten für die transparenten Stellen liefert. Dazu muss man erwähnen, dass die durchsichtigen, transparenten Stellen schwarz und die sichtbaren Stellen weiß eingestellt sein müssen. Es sind auch Grauwerte möglich und umso dunkler der Grauwert ist desto durchsichtiger wird das Logo.

Wir erstellen zu nächst eine neue Ebene in der wir die Stellen markieren, mit unserem Auswahlwerkzeug, die bei unserem Spraylogo sichtbar sind und füllen diese mit weißer Farbe. Wenn das geschehen ist markieren wir die komplette Ebene (Strg+A) und kopieren diese (Strg+C). Danach können wir diese Ebene löschen, da sie ja rein optisch nicht gebraucht wird.

Jetzt gehen wir in den Kanäle Bereich, im Photoshop CS2 über Menü, Fenster, Kanäle oder im Ebenenfenster auf Kanäle klicken und erstellen uns einen neuen Kanal.

Das ist unser Alpha Kanal, er ist normal schwarz Vordefiniert! In diesem neuen Kanal fügen wir jetzt unsere Kopierte Ebene ein (Strg+V). Jetzt weis dieser Kanal welche Stellen des Bildes Transparent und welche Sichtbar sind.

Schritt 3 Abspeichern

Photoshop CS2 macht es uns da sehr einfach. Wir speichern dieses Logo einfach als TGA Datei ab. Dazu drückt Strg+Alt+S und es öffnet sich das Fenster „Speichern unter“.

Gibt dort euren Spraylogo Namen und das Dateiformat tga ein und schon ist euer Logo fertig.

Schritt 4 Spraylogo in CSS installieren

Startet das Counterstrike Source Game und geht in die Option. Unter dem Menüpunkt Multiplayer findet ihr den Hinweis Spraylogo importieren, folgt den Anweisungen und schon könnt ihr während des Spiels wild rum „Sprayen“.

Ich hoffe dieses Tutorial kann Euch weiterhelfen und es funktioniert bei jedem von euch.

Bei fragen könnt ihr mir gerne eine Mail schreiben oder im Kommentarfeld eure Anregungen rein schreiben.

Mit freundlichen Grüßen