• Wallpaper Engine
  
• Photoshop (falls vorhanden)
  
• Gimp (als Alternative für PS)

Gimp[www.gimp.org]
Photoshop[www.adobe.com]
Wallpaper Engine

Ich werde in den Nächsten Schritten alles in Gimp erklären, da dieses Programm einstiegs freundlich ist und kostenlos für alle ist.

Um anzufangen braucht man logischerweise ein Bild das man Animieren möchte.
In diesem Fall werde ich folgendes nutzen:


Wenn ihr nicht wisst wo ihr nach einem geeigneten bild suchen sollt kann ich euch folgende seiten empfehlen:

• Pixiv[www.pixiv.net]
  
• Alpha coders/ Wallpaper Abyss[alphacoders.com]
  
• Pinterest[www.pinterest.de]
  
• Deviant Art[www.deviantart.com]

Wenn du bereits ein Bild hast kannst du weiter zu Step 2 gehen

In diesem Schritt werde ich Euch Zeigen wie ihr euer Bild so Präpariert das ihr es Später animieren könnt ohne Lücken oder störende effekte in eurem Wallpaper zu haben.

Im Folgenden Video zeig ich euch wie ich Die Figur so wie den Hintergrund bearbeite.

Die Tools die Ich nutze sind das Lasso, Diverse Pinsel und Wischer sowie Ebenen.

Das Lasso nutze ich zum Genauen ausschneiden der Figur, sowie der einzelteile der Figur die wir später für unseren Puppet Wrap benötigen.

Das Arbeiten mit Ebenen ist aus 2 Gründen wichtig:

• Für das Füllen der Lücken im bild*
  
• Für das Unterscheiden der Ausgeschnittenen Teile im Bild

*Ihr werdet beim Ausschneiden Lücken haben die ihr mit Leeren Ebenen füllen könnt in dem ihr diese unter Die Ebene mit eurem Bild Setzt und dem entsprechend bearbeitet.

Nach dem ihr euren Charakter in Einzelteile zerlegt hab folgt endlich der Schritt wo wir auf Wallpaper Engine switchen, doch zuvor müsst ihr folgendes machen:

Ihr müsst die einzelteile in einem extra Bild speichern den ihr später in WP einfügt.

Dieser Sollte so Aussehen:



Bei dem Bild müsst ihr aufpassen das die einzelne layer nicht zu nah aneinander sind da diese sonst buggen wenn es zum Animieren kommt.
Als Größe hab ich meine Vorlage auf einen 10000x5625 großen canvas gelegt und gespeichert.

ABER AUFGEPASST
Wallpaper Engine Streikt bei allem was über 8000x8000 ist. daher ist es ratsam darunter zu bleiben

Im Folgenden Video Zeige ich euch wie so ein Puppet Wrap ensteht.


Zu Erklärung:

Nach dem einfügen geht ihr auf Formpuppe, welches am ende der liste steht bei den Einstellungen.

Geometrie: Hier stellt ihr ein wieviel Randabstand die Layer auf eurem Bild haben sollen. Schaut das diese nicht Überlappen da es sonst zu Fehlern in der Animation kommen kann.

Skelett: Hier verbindet ihr eure layers miteinander damit diese sich später miteinander Bewegen.

WICHTIG
beim verbinden des Skeletts kann es manchmal passieren das ihr bei den Gelenken euch verklickt und später diese sich nicht so bewegen wie gewünscht. Hier hilft leider meist nur das ihr von vorne anfangen müsst. So blöd es sich anhört.

Gewichte: Hier wird jeder Layer so angeordnet das er entweder über oder unter einem Layer liegt.
am besten sieht man dies im Video bei dem Geschicht.

Animation: Der Wichtigste und schwerste Part für ungeübte.
So bald ihr auf den Animation button klickt popt ein Einstellungsfenster auf wo ihr den Modus, die Sekunden und die Frames einstellen könnt. Ich würde euch im Modus empfehlen den Loop bzw. die Schleife auszuwählen. Sekunden und Frames sollten und berührt bleiben. Bei der Option das "Animation sauber abschließen" sollte der kasten daneben immer mit dem hacken angeklickt sein.

Unten seht ihr eine Leiste und links daneben die Buttons für Keyframes/Auto-keyframes und einstellung. Mit Ausnahme der Keyframes und der leiste solltet ihr alles andere in ruhe lassen.

Unten auf der Leiste gebt ihr eure frame zahl an in dem ihr auf die gewünschte Zahl klickt.

Nun müsst ihr eigentlich nur die Punkte des Skeletts anklicken und in die Richtung bewegen die die Animation machen soll.

Ihr könnt auch mehrere Bewegungen in einer machen. Dafür folgt einfach den Schritten die ich im Video gemacht habe.

Pro Tipp: Bennent eure einzelne Animationen für eine bessere Übersicht.

Nice deine Figur Lebt, aber um ein bissl mehr dynamik einzubauen werden wir nun die Haare und die Kleidung animieren.

Hier zu nutzen wir das Tool "Wasserwelle"


Unter den Einstellungen kann man Neben dem Namen, Die Stärke, Die Richtung, Skalierung, Exponent und Geschwindigkeit einstellen

In der Deckmaske Könnt ihr einzeichnen welche bereiche animiert werden und welche nicht.
Die Deckmaske deckt automatisch den Gesamten layer ab. Um nur einzelne zu animieren müsst
ihr zuerst unter Deckkraft den Regler auf 0 setzten und entfernen drücken. Die löscht die Deckmaske. Danach könnt ihr einstellen wie viel Deckkraft ihr für eure layer benötigt.

Hier könnt ihr euch austoben.

Dieser Effekt wird genutzt um wind dazustellen den der Charakter abkriegt.

Animationen wie Blinzeln etc. werde ich vielleicht später in einem anderen guide erläutern.

Der Letzte Schritt ist meist der schwerste... hier aber nicht.

Ihr müsst nun euer Wallpaper abspeichern. Und wenn alles geklappt hat, habt ihr nun eure erste Animation fertig.

Eigentlich einfach oder?.

Hier unten zeig ich nochmal im Schnelldurchlauf wie ich das Bild Animiert habe + dem Endresultat.



Ich hoffe es hat euch ein bisschen geholfen.

bye bye (❁´◡`❁)✧