Grafiken bearbeiten: Unterschied zwischen den Versionen

Aus BotE Wiki
Zur Navigation springen Zur Suche springen
(→‎Downloads: Photoshop-Datei ergänzt)
(auch andere Programme als GIMP sind möglich)
Zeile 1: Zeile 1:
Hierzu GIMP z.B. von [http://www.chip.de/downloads/GIMP-32-Bit_12992070.html chip.de] herunterladen und vertraut machen (Werkzeuge, Filter, Ebenen, Anordnung im Ebenenmenü -> Sichtbarkeit im Bild).
+
Bisher wurde viel mit GIMP bearbeitet (hier http://birth-of-the-empires.de/phpBB3/viewtopic.php?f=14&t=885 die Dateien Stand 01.02.2011), die Grafiken selbst sind PNG oder JPG.
 +
 +
(Außer GIMP gerne natürlich auch andere Programme verwendbar)
 +
 
 +
 
 +
GIMP z.B. von [http://www.chip.de/downloads/GIMP-32-Bit_12992070.html chip.de] herunterladen und damit vertraut machen (Werkzeuge, Filter, Ebenen, Anordnung im Ebenenmenü -> Sichtbarkeit im Bild).
  
 
Eine GIMP-Offline-Hilfe kann heruntergeladen werden unter http://gimp-win.sourceforge.net/stable.html.
 
Eine GIMP-Offline-Hilfe kann heruntergeladen werden unter http://gimp-win.sourceforge.net/stable.html.
Zeile 84: Zeile 89:
  
 
'''XnView kann GIMP-Bilder (*.xcf) direkt anzeigen.'''
 
'''XnView kann GIMP-Bilder (*.xcf) direkt anzeigen.'''
 +
 +
 +
Hier http://birth-of-the-empires.de/phpBB3/viewtopic.php?f=14&t=885 die GIMP-Dateien Stand 01.02.2011
  
  
  
 +
'''Der Omega-Skin (und gerne noch ein weiterer: Rassen-Farbe Orange oder andere geeignete Farbe) müßte entwickelt werden - hier erste Entwürfe:'''
  
Der Omega-Skin müßte entwickelt werden - hier erste Entwürfe:
 
  
 
http://birth-of-the-empires.de/wiki_files/Bilder/dev_ome_buildmenu.jpg
 
http://birth-of-the-empires.de/wiki_files/Bilder/dev_ome_buildmenu.jpg
  
 
http://birth-of-the-empires.de/wiki_files/Bilder/dev_ome_buildmenu_ingame.jpg
 
http://birth-of-the-empires.de/wiki_files/Bilder/dev_ome_buildmenu_ingame.jpg

Version vom 18. Februar 2011, 18:10 Uhr

Bisher wurde viel mit GIMP bearbeitet (hier http://birth-of-the-empires.de/phpBB3/viewtopic.php?f=14&t=885 die Dateien Stand 01.02.2011), die Grafiken selbst sind PNG oder JPG.

(Außer GIMP gerne natürlich auch andere Programme verwendbar)


GIMP z.B. von chip.de herunterladen und damit vertraut machen (Werkzeuge, Filter, Ebenen, Anordnung im Ebenenmenü -> Sichtbarkeit im Bild).

Eine GIMP-Offline-Hilfe kann heruntergeladen werden unter http://gimp-win.sourceforge.net/stable.html.

Interne Hilfe zu GIMP hier

Allgemeines

Größe (Höhe, Breite) der einzelnen Elemente

Der Bereich rechts oben hat 1075 x 750. (evtl. vergleichende Screenshots auf diese Größe vergrößern)

Der NaviCon-Bereich hat in der Entwicklung entweder 200 oder 250 x 750.

Der untere Info-Bereich hat 1075 x 250.

Der Detail-Infobereich (links unten) hat keinen extra Hintergrund (Größe: 200 oder 250 x 750)

(Die Summe der einzelnen Hintergründe ist 1275x1000.)


Vorgehensweise

z.B. Handelsübersicht (systrademenu.xcf)


1. Bestehenden Skin (eines anderen Imperium) laden z.B. kha_systrademenu.xcf


2. ...und sofort unter einem anderen Namen speichern z.B. kha_systrademenuNeu1.xcf (so bleibt das Original erhalten und man kann von vorne beginnen)


3. mit STRG+L den Ebenendialog einblenden


4. Klick rechte Maustaste auf eine Ebene, ganz unten: „Sichtbare Ebenen vereinen“ (auf unterste Ebene beschnitten, unsichtbare Ebenen löschen) => Resultat: 1 Ebene, die als Vorlage für den neuen Skin dient und bei Bedarf ein- und ausgeknipst werden kann.

Anschließend noch ein neue Ebene mit Vordergrundfarbe schwarz anlegen und ganz nach unten sortieren.

5. Elemente für den neuen Skin aus bereits fertigen xcf-Dateien holen, hierzu andere fertige xcf öffnen.


6. ...und gewünschte Elemente rüberkopieren:

Kopieren ganzer Ebenen, die am besten jeweils 1 Element enthalten

Hierzu im Ebenendialog (STRG+L) die gewünschte Ebene markieren

Soll die Position im Bildschirm erhalten bleiben => rechter Mausklick: Ebene auf Bildgröße

Kopieren (STRG+C) zum neuen Skin wechseln, dort einfügen (STRG+V) => wird zunächst als "schwebende Auswahl" eingefügt

Zum Abschließen im Ebenendialog unten auf neue Ebene klicken => dadurch ist es nun Teil des Bildes



7. Grundsätzliches: Die Skin’s z.B. für SYSTEM (Baumenü, Arbeitermenü usw.) sollten einen einheitlichen Look haben, auch um große Abweichungen beim Bildwechsel zu vermeiden. Insofern sollten die einen einheitlichen Rahmen (auch um die Befehlsleiste herum) haben. Hierzu am besten eine Leerschablone anfertigen, also mit dem Grundrahmen.


8. Je Menu dann den Inhalt entsprechend gestalten.


9. Ganz wichtig: Ab und an stürzt GIMP ab bzw. reagiert nicht mehr. Darum immer wieder mittels STRG+S speichern!


10. Am Schluß: Datei/Kopie speichern: als jpg und mit 100% Qualität (das xcf natürlich auch speichern und aufbewahren. Bitte außerdem dem Projekt zur Verfügung stellen.)


11. Die jpg in *.boj umbenennen und die entsprechende Datei im Programmverzeichnis Birth of the Emp...\Graphics\Backgrounds ersetzen (BotE darf hierzu nicht laufen).


12. Nach dem nächsten Start den Skin kontrollieren.

Downloads

hier ein GIMP-Bild: http://birth-of-the-empires.de/wiki_files/Bilder/GIMP/rotDiploinfomenuOri.xcf

(hier als gezippte Photoshop-PSD-Datei)


bzw mehrere GIMP-Bilder als 7zip-Archiv: http://birth-of-the-empires.de/wiki_files/Bilder/GIMP/RotharianDesign.7z

XnView kann GIMP-Bilder (*.xcf) direkt anzeigen.


Hier http://birth-of-the-empires.de/phpBB3/viewtopic.php?f=14&t=885 die GIMP-Dateien Stand 01.02.2011


Der Omega-Skin (und gerne noch ein weiterer: Rassen-Farbe Orange oder andere geeignete Farbe) müßte entwickelt werden - hier erste Entwürfe:


dev_ome_buildmenu.jpg

dev_ome_buildmenu_ingame.jpg