Dabei seit: 22.03.2007
Beiträge: 459
Herkunft: Nähe Stuttgart
UI Grafiken: Vorlage für einfache Interface Gestaltung
Vorlage für die eigene Interface Gestaltung.
Hallo,
für Alle die gerne selber einmal ein Interface basteln möchten habe ich eine PSD Datei vorbereitet in der ihr eine schwarze "Schablone" für euer Interface findet. Diese Datei heisst in dem Spiel "Letterboxbottom" und wird mit der richtigen Skindefinition euer Standart Interface ersetzen.
Hier seht ihr ein Bild der Schablone:
Funktion der weißen und schwarzen Flächen
Die Schwarzen Bereiche könnt ihr nach Lust und Laune Grafisch umgestalten, allerdings den schwarzen Bereich dabei nicht überschreiten da die Grafik die festen Maße von 1024x85 Pixel hat.
Die weissen Bereiche stehen für die Stellen wo nacher die Knöpfe und Taschen zu sehen sind. Diese Grafiken erscheinen automatisch wenn ihr sie nicht mittels anderer Befehle in der SkinDefiniton ändert. Diese Grafiken überdecken eure Interface Grafik, was soviel bedeutet wie das Alles was ihr in den weissen Bereich erstellt nacher nicht zu sehen ist.
Hier seht ihr mal nur die "Schablone" unbearbeitet mit den Knöpfen und Taschen:
Formveränderung und Transparenz + Alpha Kanal
So, den schwarzen Bereich könnt ihr vollständig bearbeiten, müsst ihr aber nicht!
Ihr könnt die Form des schwarzen Bereiches nach belieben ändern solange es nach wie vor nicht größer als 1024x85 Pixel wird und die weissen Bereiche berücksichtigt werden.
Angenommen ihr verkleinert den schwarzen Bereich in dem ihr ein paar Muster reinmacht:
Müsst ihr der Datei aber einen Alpha Kanal zuweisen damit die "entfernten" Bereiche Transparent sind und ihr keine leeren weißen Flächen nacher im Spiel habt.
Richtiges speichern der Datei
Wenn ihr das Interface nach eurem Belieben gestaltet habt und gegbenenfalls auch einen Alpha Kanal eingebaut habt speichert ihr die Datei als TGA ab.
Wenn ein Alpha Kanal vorhanden ist ,müsst ihr es als 32m/bit Bild speichern!
Wenn KEIN Alpha Kanal vorhanden, müsst ihr es als 24m/bit Bild speichern!
Nun müsst ihr Grafik nur noch mit einer SkinDefinition zuweisen und einstellen. Wie das geht könnt ihr in den anderen Sticky's von Jibbon lesen!
Den Code um die Grafik in eure SkindDefinition einzufügen findet ihr hier:
Wenn ihr irgendetwas nicht versteht oder eine Frage habt postet sie hier, nach möglichkeit sachlich und informativ, so das auch andere Frage&Antwort nachvollziehen können.
Viel Spaß beim basteln!
Gruß
Loranis
Datei Download:
Hier ist die PSD Datei im ZIP Format zum Download: