Registrierung Mitgliederliste Suche Häufig gestellte Fragen Zur Startseite Kalender

Herr Der Ringe Online - Forum » Herr der Ringe online » UI MODS und AddOns » UI Grafiken: Vorlage für einfache Interface Gestaltung » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen UI Grafiken: Vorlage für einfache Interface Gestaltung
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Loranis Loranis ist männlich
Captain von Gondor


images/avatars/avatar-276.jpg

Dabei seit: 22.03.2007
Beiträge: 459
Herkunft: Nähe Stuttgart

UI Grafiken: Vorlage für einfache Interface Gestaltung Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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:

code:
1:
2:
3:
4:
5:
<?xml version="1.0" encoding="UTF-8"?>
<opt>
<SkinName Name="Euer_Skin_Name" />
<Mapping ArtAssetID="LetterBoxBottom" FileName="Datei_Name.tga"></Mapping>
</opt>


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:

Dateianhang:
zip Vorlage_Interface_Schablone.zip (187 KB, 119 mal heruntergeladen)


__________________
"Hört auf zu sterben ihr Maden!"

Dieser Beitrag wurde 7 mal editiert, zum letzten Mal von Loranis: 23.05.2007 21:08.

03.05.2007 18:04 Loranis ist offline E-Mail an Loranis senden Beiträge von Loranis suchen Nehmen Sie Loranis in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Herr Der Ringe Online - Forum » Herr der Ringe online » UI MODS und AddOns » UI Grafiken: Vorlage für einfache Interface Gestaltung

Impressum - Datenschutzerklärung

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH