Banner & Badges - einfaches Tutorial (mit Gimp&Adobe Downloads)

_____________________________________
_____________________________________

:: Inhalt ::

I. Was sind Banner und Badges?
II. Was brauche ich um ein Banner oder Badge zu erstellen?
III. Wie erstelle ich ein Banner oder Badge mit GIMPshop?
- Schrittweise Erklärung
- Transparenz
IV. Wie erstelle ich ein Banner oder Badge mit Adobe Phtotoshop? (Hier klicken (Achtung! Viele Grafiken))
V. Wie binde ich meine erstellten Banner und Badges ins Spiel ein?
VI. Anmerkungen, weitere Tipps & Tricks

_____________________________________
_____________________________________

I. Was sind Banner und Badges?

Banner und Badges ist die englische und spieltypische Bezeichnung für Flaggen und Logos. Diese sind an den eigenen Einheiten, meist auf der Schulter, auf der Rüstung oder eben als Flaggen, im Spiel zu sehen.

_____________________________________

II. Was brauche ich um ein Banner oder Badge zu erstellen?

Die Banner und Badges sind *.tga Dateien, deswegen benötigt man ein Grafikprogramm das *.tga Dateien erstellen kann. Dazu verwendet man am besten GIMPshop oder Adobe Photoshop.

Beide Programme sind von den Funktionen und der Bedienung relativ ähnlich. Der größte Unteschied ist der Preis.

GIMPshop ist Freeware, kostet also nichts und kann bis zum umfallen benutzt werden
-> zur GIMPshop Homepage + Download für Windows oder Mac

Adobe Photoshop ist normalerweise nur käuflich erhältlich, bzw. nur als Shareware mit befristeter Laufzeit erhältlich
-> Adobe zur Photoshop Homepage + Shareware Download (genannt Tryout) für Windows
-> Adobe zur Photoshop Homepage + Shareware Download (genannt Tryout) für Mac

_____________________________________

III. Wie erstelle ich ein Banner oder Badge mit GIMPshop?

Im Vorfeld sollte man sich ein schönes Logo suchen oder selber erstellen. Grundsätzlich sollte man dabei beachten, das die Badges und Banner nicht sonderlich groß sind.

-> Badge 64 x 64 Pixel
-> Banner 64 x 96 Pixel

Ich erklär das ganze nun mal an einem Beispiel, hier ist das Logo das ich mir dazu aus dem Internet besorgt habe, daraus möchte ich nun ein Banner machen:

- Gimpshop öffnen

- Neue Datei erstellen
--> 64 x 96 Pixel (Banner Größe)
--> Auf das Advanced Options [+] klicken
--> Fill with: "Background Color" auf "Transparency" ändern
--> Ok

- Eigenes Logo einfügen (per Drag&Drop beispielsweise)

So, das eigene Logo ist wie meistens natürlich viel zu Groß, also muss es auf eine richtige Größe skaliert werden:

- Logo skalieren
--> Rechtsklick -> Layer -> Scale Layer
--> das Bild nun auf die passende Größe ändern
(bei unserem Beispiel ist die passende Größe 72x91, wegen dem weissen Rand aussenrum)

Nachdem das Logo nun auf die richtige Größe skaliert wurde, ist es theoretisch bereits einsatzbereit. Man hat ab jetzt zwei Möglichkeiten:

1. Möglichkeit: Speichern und Fertig!

- abspeichern
--> File -> Save as -> "StormTrooper-banner.tga" -> Export -> Häckchen bei RLE compression entfernen -> OK

(die Datei muss nicht xyz-banner.tga heissen, allerdings mache ich das der Übersicht wegen )

- Fertig!

Hier unser Resultat #1 (2x Vergrößerung)

2. Möglichkeit: Feintuning

Um das Banner nun noch schöner zu gestalten, kann man auchnoch Transparenz hinzufügen.

- Gesamtes Bild markieren
- Rechtsklick -> Layer -> Transparency -> Add Alpha Channel

Ab hier gibt es wieder zwei Möglichkeiten:

1. Eine gesamte Farbe Transparent machen

Gimpshop hat sicher mehrere Möglichkeiten wie man dabei vorgehen kann, hier die meineserachtens einfachste:

- Pinzette nehmen und (in unserem Fall) weiss aufnehmen
- Farbtopf doppelklicken -> Mode -> von "Normal" auf "Color Erase" stellen
- gesamtes Bild markieren -> SHIFT gedrückt halten und Linksklicken

--> Somit sollten alle weissen Bestandteile des Bilds verschwunden/transparent sein.

- abspeichern
--> File -> Save as -> "StormTrooper-banner.tga" -> Häckchen bei RLE compression entfernen -> OK

Hier unser Resultat #2 (2x Vergrößerung)

2. Eine Farbe Transparent machen, aber nicht fürs ganze Bild

Noch schöner wäre es in unserem Fall aber, wenn das Weiss innerhalb des Logos bleiben würde. Aich hier gibt es sicher mehrere Möglichkeiten, hier die einfachste:

- wir nehmen das "Lasso Tool" und fahren (in unserem Fall) die innere schwarze Linie des Logo's ab, denn in diesem Bereich möchten wir unsere weisse Farbe erhalten
- dannach rechtsklick -> Select -> Inverse (Damit ist nichtmehr das Innere, sonder das Äußere aktiviert)
- Pinzette nehmen und das Weiss markieren
- Farbtopf doppelklicken -> Mode -> von "Normal" auf "Color Erase" stellen
- SHIFT gedrückt halten und in das Äußere markierte Linksklicken

--> Somit sollten alle weissen Bestandteile um das Logo herum verschwunden/transparent sein.

- abspeichern
--> File -> Save as -> "StormTrooper-banner.tga" -> Häckchen bei RLE compression entfernen -> OK

- Fertig!

Hier unser fertiges und wohl schönstes Resultat #3 mit dem passenden Badge (2x Vergrößerung)

_____________________________________

V. Wie binde ich meine erstellten Banner und Badges ins Spiel ein?

Dawn of War hat bereits entsprechende Ordner im eigenen Verzeichnis. Man muss nur die erstellten Dateien in die entsprechenden Ordner schieben

- Banner in den Ordner Dawn of War/Banners
- Badges in den Ordner Dawn of War/Badges

So, an sich ist damit alles gesagt, anbei noch ein paar kleine Tipps. Viel Erfolg!

_____________________________________

VI. Anmerkungen, weitere Tipps & Tricks

- Persönlich finde ich es immer schön wenn alles "in einem Guß" ist, das erreicht man meistens mit einem recht simplen Trick:

Man erstellt erst das Badge und kopiert dieses in eine neue Datei mit den Ausmaßen eines Banners. Noch ein bisschen Verzierung oder ein Schriftzug, fertig! (oder andersherum )

- hell leuchtende Banner sind zwar hübsch, aber der Krieg hinterlässt nunmal seine Spuren. Deswegen ist es immer wieder gut Teile des Banners/Badges zerissen und "unneu" aussehen zu lassen.

Ganz gut gelingt das, wenn man einen kleinen Brush nimmt, ihn mit einer Farbe oder Transparenz versieht, und diese mit geringer "Opacity", also "Farbstärke" aufs Bild "aufträgt". So lassen sich Kanten, Zacken, Dreck und Gebrauchsspuren, wie bei echten Miniaturen, recht leicht darstellen.

_____________________________________

Bei eventuellen Fragen steh ich gerne zur Verfügung, bzw. einfach in den Thread posten, ich editier es dann in die Anleitung.

Greetz,

Lis

------------
(Dank an seanx für die bisherige GIMPshop Anleitung!)

Sorry für die späte antwort, vielleicht hast dus auch bereits gefunden. War im Urlaub

Kann einfach daran liegen das du

a) Den falschen Layer aktiviert hast (beispielsweise etwas, was du gerade ausgeschnitten hast, das hat dann bereits nen alpha layer, weil "nix drumrum is")
b) das bild hat ähnlich wie oben, bereits einen alpha layer. Siehste ganz einfach daran, das, wenn du etwas "radierst" (-> to transparency natürlich) dann die viereckigen kacheln auftauchen

Hoffe das hilft, wenn nicht, weiterfragen, ich füge es dann später dem ganzen hinzu.

Ja das hoffe ich dcoh!

das liegt daran das du das häckchen bei "RLE Kompression" raushast (richtig!), aber auch das häckchen bei "Ursprung links unten" rausgemacht hast (falsch).

lies doch bitte das tutorial durch, da stehen die ordner, die dateigrößen, die dateiendungen einfach alles drin?!

*.tga
64x64 badge
64x96 banner

- Banner in den Ordner Dawn of War/Banners
- Badges in den Ordner Dawn of War/Badges

Alles andere geht nicht.

kommt einfach drauf an was du skalierst.

1. wenn du n neues banner oder was machst, dann erstell ne neue datei, geb die richtigen Dimensionen ein, mach den Hintergrund auf Transparent und kopier dann deine zu berabeitendes Logo rein (wie im Guide angegeben)

2. Wenn du das _Bild_ skalierst, dann änderst du die Größe des gesamten Bildes, inklusive Ebenen und allem.

3. Wenn du die _Ebene_ skalierst, dann nur die ausgewählte Ebene, das Bild ändert sich in der Größe garnicht.

4. Einfach den Guide wirklich lesen, dann sollten sich diese Fragen allesamt nicht ergeben, viel Erfolg dennoch.