Grafiken bearbeiten: Unterschied zwischen den Versionen

Aus BotE Wiki
Zur Navigation springen Zur Suche springen
(→‎Downloads: Photoshop-Datei ergänzt)
Zeile 77: Zeile 77:
  
 
hier ein GIMP-Bild: http://birth-of-the-empires.de/wiki_files/Bilder/GIMP/rotDiploinfomenuOri.xcf
 
hier ein GIMP-Bild: http://birth-of-the-empires.de/wiki_files/Bilder/GIMP/rotDiploinfomenuOri.xcf
 +
 +
(hier als gezippte [http://birth-of-the-empires.de/wiki_files/Bilder/GIMP/rotDiploinfomenuOri.zip Photoshop-PSD-Datei])
 +
  
 
bzw mehrere GIMP-Bilder als 7zip-Archiv: http://birth-of-the-empires.de/wiki_files/Bilder/GIMP/RotharianDesign.7z
 
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.'''
 
'''XnView kann GIMP-Bilder (*.xcf) direkt anzeigen.'''
 +
 +
  
  

Version vom 18. Februar 2011, 15:22 Uhr

Hierzu GIMP z.B. von chip.de herunterladen und 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.



Der Omega-Skin müßte entwickelt werden - hier erste Entwürfe:

dev_ome_buildmenu.jpg

dev_ome_buildmenu_ingame.jpg