Pixel Tutorial (customs)

Im Habbo sind alle Möbel in einem 22,5° Winkel gepixelt, was den Zweck hat, dass man auf alle 3 seiten gleichmäßig blickt.
(22,5° entsprechen einer Treppe, welche immer aus 2 aneinander gereihten Pixeln besteht, Ausnahmen dafür sind Rundungen)

(45°) Man blickt von oben drauf, wodurch man an den beiden Seiten kaum Spielraum hat................

(22,5°) Man blickt auf alle 3 Seiten gleichmäßig und hat überall gleich viel Spielraum......................

(16,875°) Man blickt von unten drauf, wodurch man auf der oberen Fläche keinen Spielraum hat.....

[/size]
Zum umfärben ist (meiner Meinung nach) Paint.NET am geeignetsten

Füge dort dein Möbel ein, welches du umfärben möchtest und wähle in den Tools den Farbeimer ()
Im Menü (oben) wird dir nun der Füllungsmodus und die Toleranz angezeigt

Den Füllungsmodus änderst du von "Zusammenhängend" auf "Global"
Die Toleranz schraubst du von 50% auf 0%

(Das ganze hat den Zweck, dass ihr mit einem Klick alle Flächen, die die gleiche Farbe haben, in die aufgewählte Farbe umfärbt)

Beispiel:

----------

Wer faul ist, kann auch einfach sein Möbel in Paint.NET einfügen und "Strg", "Shift" und "U" drücken
Was sich öffnet ist ein Fenster mit 3 Funktionen (Farbton, Sättigung und Helligkeit)

Verschiebt man dort den Farbton ändert sich die Farbe deines kompletten Möbelstückes
Verschiebst du die Sättigung kannst du dein Möbel eine kräftigere oder weniger kräftigere Farbe geben

Beim schattieren ist zu beachten, dass die Sonne immer oben links oder rechts ist (dient nur zur Orientierung - Ich orientiere mich oben links)

Demnach bekommen die obersten Flächen (mit 1 markiert) den hellsten Farbton,
die linken Flächen (mit 2 markiert) den mittleren und die rechte (mit 3 markiert) den dunkelsten

Kanten, welche im Möbelstück liegen (im unteren Beispiel rot markiert), bekommen den hellsten Farbton (noch heller als Fläche 1)
Kanten, die für eine Abstufung sorgen (im unteren Beispiel grün markiert) bekommen die dunkelste Farbe (noch dunkler als Fläche 3)

Beachtet man das, sieht das Möbelstück schon viel professioneller und sauberer aus

Direkter Vergleich:

Öffne dein Möbelstück in Paint.NET und wähle in den Tools den Zauberstab aus ()
Im Menü (oben) wird dir nun der Füllungsmodus und die Toleranz angezeigt

Den Füllungsmodus änderst du von "Zusammenhängend" auf "Global"
Die Toleranz schraubst du von 50% auf 0%

Nun klickst du mit dem Zauberstab auf den weißen Hintergrund und drückst Entfernen auf deiner Tastatur

Sollte in deinem Möbelstück mit weißer Farbe gearbeitet worden sein bietet es sich an vorher den Hintergrund mit einer auffälligen Farbe zu färben
(auch zu empfehlen, wenn es viele einzelne Pixel im Möbelstück gibt)

Beispiel:

(Zwischen den Lollys gibt es einzelne Pixel, außerdem wurde im Metallstab weiß verwendet,
welches bei Unaufmerksamkeit mit ausgeschnitten werden würde)

Bei hellen Farben sieht ein größerer Abstand zwischen den Farben meistens besser aus als ein kleiner
Bei dunklen Farben sieht ein kleiner Abstand meistens besser aus als ein großer

Beispiel:

Das bedeutet; je dunkler die Farbe wird, desto kleinere werden die Abstände zwischen Farbe "A und B", "B und C", usw
(Am besten immer auszoomen und das Möbel in Normalgröße anschauen und selbst urteilen ob es gut aussieht oder nicht)

Shangrila Möbel bestehen aus 12 verschiedenen Zuständen,
der erste Schritt jedoch besteht darin sich eine Vorlage für das Verlaufen der Farbe zu machen

Das ganze sieht dann in etwa so aus:

Sobald man seine Vorlage hat nimmt man sich sein Möbel und Färbt es in die Farben des originalen Blauen Drachens um
(damit sie von den Farben zu den anderen passen)

Das blaue Möbelstück öffnet man nun in Paint.NET und drückt Strg, Shift und U
Was sich öffnet ist ein Fenster mit 3 Funktionen (Farbton, Sättigung und Helligkeit)
Uns interessiert hierbei jedoch nur der Farbton, welchen wir direkt auf -180 einstellen

Nun kopiert man sich das Möbelstück und fängt an seine Vorlage in 5 er Schritten abzuarbeiten
(-180, -175, -170, ... -5, 0, 5, 10, ...)

Das Ergebnis (ganz rechts) sieht dann so aus:

Das Ergebnis wird nun wieder in Paint.NET geöffnet und erneut drückt man Strg, Shift und U
Uns interessiert hierbei wieder nur der Farbton, welchen wir diesmal auf 180 einstellen
Nun kopiert man sich das Möbel, welches bei 180 angezeigt wird, verschiebt den Farbton auf 150 und kopiert es sich, ...
So macht man in 30er Schritten weiter, bis man 12 mal das Möbelstück in verschiedenen Varianten hat
(180, 150, 120, 90, 60, 30, 0, -30, -60, -90, -120, -150) (-180 wird nicht benötigt, da 180 und -180 gleich sind)

Das Ergebnis sieht wie folgt aus:

Werden diese Images nun in der richtigen Reihenfolge animiert hat man eine flüssige Animation