Also: Ihr braucht (erstmal :-) ) nur 3 (oder auch 4) Addons.
Anbei ein Video, das die einzelnen Schritte erklärt.
Das Video findet ihr hier: KLICK!! Sry für die Qualität, Download Link folgt.

Das wären einmal:

MoveAnything: (erklärt sich von selbst, zu Deutsch: "Alles Bewegen")


eEpanels
(Um Texturen wie z.b. das GIGA Logo einzufügen. Mehr dazu später.)

EDIT:
Trinity Bars 2.0: (Ersetzt die Standard WoW XP Bar und Actionsleiste, die ohne dieses Addon nicht verschibbar wäre)

Freiwilliges Addon   

FuBar
(Zur einfachheit halber, dann entfallen Addon Befehle wie /Next u.s.w. und eine Leiste mit Infos wird oben und unten Angezeigt)

Grafiken/Textur erstellung
Um Grafiken zu erstellen rate ich zu

Gimp
Gratis/Aber schwer zu lernen damit umzugehen

Adobe Photoshop 30-Tage Testversion(Gratis)
Im Handel TEUER!!!! / Zum downloaden registrieren -Registrierung Gratis- /aber leicht zu bedienen meiner Meinung nach)

Dann drauflos malen oder Bilder z.b. GIGA Logo,
GIGA WoW Logo runterladen und in den Interface Ordner von WoW kopieren
Hier ist er (nur zur Noob info ): C:\Programme\World of Warcraft\Interface

Dann WoW Starten einloggen und Video gucken (oder Text lesen )

Erstes Kapitel: Überblick und kurze Erklärung   

So sollte euer Interface (wenn ihr die Addons installiert habt) aussehen.
Unten wie gewohnt die Actionbar, die Optionsleiste und die Rucksäcke.
Oben und Unten sind dünne Ränder das ist die FuBar, die zeigt Info´s an.
Z.b. wo man ist, wie viel Geld man insgesamt besitzt, und kann für Addons eine Nützliche
Hilfe sein. Und auch für eePanels2, was wir gleich benuztzen.

Zweites Kapitel: Das verschieben von Interface Objekten   

Um Interface Objekte wie z.b. die Action Bar u.a. zu verschieben, klickt (mit Linker Maustaste
versteht sich) auf das kleine Blaue Icon oben rechts an der Minimap und dann Auf das Rot-Gelbe Icon
dadrüber.

Dann werden Leisten wie die Pet Bar (Leiste für Fähigkeiten eines Begleiters) und die Class Bar
(Leiste für Fähigheiten einer Bestimmten Klasse angezeigt) diesen können verschoben werden,
indem man mit Linker Maustaste draufklickt, gedrückt hält, und den Mauszeiger bewegt.
Probiert es ein bisschen aus und legt sie euch dort hin wo ihr sie haben wollt.
Sachen wie die XP Bar und die Actionsleisten können kleiner, größer
oder Transparenter (Durchsichtiger) gemacht werden.
(Klickt einmal mit Links drauf und drückt auf das + oder -.
Um die Transparenz einzustellen, erst auf den Text zwischen dem + und - klicken und
wählt dann Transparency aus und dann wieder auf + oder - )
Um den Regler zu schliessen klickt irgentwo in ein leeres Feld im Interface.


Um Sachen wie die Minimap oder das Icon von sich selbst, seinem Ziel oder seiner
Gruppen Mitglieder zu verschieben, müsst ihr aber anders vorgehen.
Drückt Esc um das Spielmenü aufzurufen, dort ist ein neuer Button. "MoveAnything!".
Dort könnt ihr (wie der Name schon sagt) ALLLES verschieben.
Aber versucht nicht mit MoveAnything! Objekte wie die XP Bar
zu verschieben da ihr das bereits mit dem Tool Trinity (Blaues Icon an der Minimap)
gemacht habt, dies kann zu Problemen führen!!!

Um etwas mit MoveAnything! zu verschieben (oder zu verstecken), sucht euch
das jeweilige Objekt heraus und klickt auf das Viereck unter der Spalte Move (oder Hide
um es zu verstecken). Mit den Buttons C-H und C-V könnt ihr es in die Mitte
(der Höhe, der Breite oder beides) eures Bildschirmes bringen.
Und mit den Pfeilen könnt ihr es leicht verschieben.
Nehmt den Hacken aber wieder hinaus wenn ihr mit verschieben fertig
seid ansonsten nervt das kleine Fenster mit den Pfeilen und C-H bzw. C-V
(Bei Hide den Hacken drin lassen wenn es auch
schließen des Fenster nicht mehr da sein soll)

Wenn ihr, (wie im Beispiel) den Chat verschieben wollt klickt auf (Standartmäßig)
Allgemein oder Kampflog, haltet die Maustaste gedrückt und verschiebt es.
Ihr könnt auch neue Fenster (oder auch Tabs zum umschalten) erstellen.
Darauf gehen ich aber nicht genauer ein.
WICHTIG: Nach dem verschieben mit Rechts auf Kampflog (und vielleicht auch Allgemein)
klicken und dann auf "Fenster fixieren" damit es nicht ausversehen beim hektischen Geklicke
aus seiner Position rutscht.

Ab hier wirds Knifflig. (Aber nich sooooooooooo schwierig)
(viele schreien ENDLICH!!! (ich weiß)):

Drittes Kapitel: Das erstellen von Texturen wie Hintergründe und Bilder   

Also jetzt ist wichtig: IHR MÜSST GIMP oder Photoshop
auf eurem PC installiert haben wenn ihr eigene Bilder benutzen wollt.
Anders gehts nich weiter.

Bis jetzt sieht das Interface (meiner Meinung nach ) noch ziemlich normal aus.
Es fehlen Grafiken, Texturen und alles ist noch SEEEHHHHR eintönig.
Ladet euch Bilder die ihr einsetzen wollt runter, oder benutzt Bilder die ihr bereits habt.
Öffnet diese mit GIMP

Geht im Linken Reiter auf Datei dann auf Öffnen.
Sucht den Order heraus oder gibt ihn hinter "Ort:" an z.b.

C:\Documents and Settings\Administrator\My Documents\My Videos\How-To Interface GIGA

Sucht euer Bild und öffnet es (ich habe als Beispiel das GIGA-Logo gewählt.
und klickt auf öffnen. Da WoW nur Dateien öffnen kann die die Vielfachen von 2
und nicht größer als 512 sind, darf eine Datei nur:
2x2 4x4 8x8 16x16 32x32 64x64 128x128 256x256 512x512
Groß sein. Kombinieren geht auch nicht also 128x256.
Nur wie oben genannt.

Also wenn ihr euer Bild geöffnet habt klickt auf das 4. in der 3. Reihe.
Jetzt klickt irgentwo in das Bild.
Nun kommt ein Fenster mit der Überschrifft Skalieren.
Wenn euer Bild kleiner als 512x512 ist muss es 256x256 sein,
Wenn es kleiner als 256x256 ist muss es 128x128 sein, und so weiter.

Gibt also bei Breite und Höhe 512 oder 256 oder 128 u.s.w. ein.
Dann drückt auf Skalieren. Kann lange dauern oder auch nicht, variert von Bild zu Bild.
Wenn es fertig ist klickt oben Rechts im Fenster wo das Bild drin ist auf
Bearbeiten dann auf Ausschneiden.
Dann macht das Fenster zu und klickt auf "Nicht Speichern".
Als nächstes klickt oben rechts im Hauptfenster auf Datei und auf Neu.
Gibt als nächstes bei Höhe und Breite. 512 oder 256 oder was ihr halt beim Skalieren benutzt habt ein.
Dann geht im Neuen Fenster auf Bearbeiten und dann auf Einfügen.
Klickt oben rechts auf Datei dann auf Speichern.
Sucht den Ort aus wo ihr das Bild spiechern wollt, am besten in:
C:\Programme\World of Warcraft\Interface
dann müsst ihr es nicht noch in den Ordner kopieren.
Wichtig: Keine Leerzeichen benutzen und nach dem Namen
.tga eingeben. z.b. GIGA.tga nicht GIGA Logo
dann speichert er es in so einem Komischen GIMP Format.
Macht das mit ALLEN Bildern die ihr verwenden wollt.
Wenn ein Bild Breiter als Hoch ist, wie z.b. mein zweites Beispiel, das WOW! Logo
müsst ihr trotzdem im 512x512 speichern, im Spiel könnt ihr es dann auch noch
strecken oder verkleinern.
Wenn ihr fertig seid klickt oben links im Hauptfenster auf Datei und dann auf Beenden.

Nachdem ihr:
Euch einen Überblick gemacht habt,
Euer Interface "zusammengeschoben" habt,
und Texturen erstellt habt,

wirds jetzt richtig Interesant:

Viertes Kapitel: Einfügen von Texturen   

Endlich wieder In-Game Arbeit. :-)

Also startet WoW (wenn ihr es Beendet hattet)
logt euch ein, und Los gehts!

Oben auf dem dünnen Balken steht eePanels2 klickt dort mit Rechts drauf.
Dann kommt ein Menü in dem ihr auf "Advanced Mode" klicken müsst,
das Feld muss also einen Hacken haben.

Dann geht auf "New Panel" und dann auf "From Global Settings"
Jetzt habt ihr so einen Komischen Rahmen irgentwo auf dem Bildschirm, den könnt ihr Frei verschieben.
Klickt ihn mit Rechts an und Wählt "Border Texture" dann "Border Texture Shared Texture dann "None" aus.
Dann ist der Rahmen weg.
Klickt anschließend auf Background Color.
Jetzt kommt ein Fenster in dem man Farbe einstellen KÖNNTE(!) da wir diese nicht brauchen,
schiebt den Regler hinunter auf 0%. Und bestätigt mit "OK"

Jetzt ist das Fenster durchsichtig.
Klickt wieder mit rechts auf das "unsichbare Fenster ohne Rahmen" und Wählt:
"Background Texture Custom Texture" aus.
Nun müsst ihr wissen wie ihr euer Bild/Foto hieß.
Bei mir also Beispiel:
GIGABG.tga gebt also Interface\GIGABG.tga ein und drückt Enter.
Jetzt ist ein Bild zu sehen.
Das könnt ihr mit dem Schrafiertem Feld unten rechts im
gerade erstellten Bild vergrößern oder verkleinern.

Für Feineinstellungen...   

...klickt das Bild mit rechts
an und Wählt "Hight" (für Höhe) und "Width" (für Breite) und gibt einen Wert ein.

Wenn ihr mit dem Bild zufrieden seid, klickt es mit rechts an und klickt "Lock Panel"

So das wars.
P.S. Bitte schreiben wie ihr das Tutorial, Video und alles insgesammt findet
P.P.S.Ich mag Kekse

tldr

aber schaut nett aus..
sticky?^^

Jo hast dir einen Keks verdient =)

Schön übersichtlich geschrieben. Aber ich denke nicht jedermann wird sein Interface komplett mit eigenem Design stylen. Eigentlich reicht ja eepannels, sowie die die bekannten Adoons.

Und wer sich nicht mit GFXn bei Photoshop auskennt, hat auch schlechte Karten, denn für CS2 braucht es lange Zeit an Übung.

gibt keks
is geil endlich ein richtig eigenes UI und nicht nur ein eigenes bartender UI zu machen

vote for stickie!

hi also ich wollte jetz so interface basteln aber

ich krieg die greifen und den strich da ned ausm bild was muss ich da auswählen?

gute nacht

Zitat von aIM.bOT

hi also ich wollte jetz so interface basteln aber

ich krieg die greifen und den strich da ned ausm bild was muss ich da auswählen?

gute nacht

Sry hab ein Addon vergessen, Nennt sich TrinityBars2.

Habs in meinen Vorherigen Beitrag geadded. Wenn nich hier ist der Link nochmal.

KLICK!!!

Also für Sticky bin ich nicht, wenn jedes TuT nen sticky wird, dann ist es hier bald recht unübersichtlich.
Allerdings würde ich dafür voten, dass ein FB den Thread in diesem Sticky als Punkt 4.2.3 (Interface) im FAQ verlinkt.