Pokefans Forum

Gliederung:

1.Zur Vorbereitung
1. 1. Du benötigst
1. 2. Das Einfügen
2. Das Animieren
2. 1. Erste Schritte
2. 2. Einsatz von Paint
2. 3. Zurück zu The Gimp 2 - Letzte Kleinigkeiten
3. Abspeichern und Anschauen
4. Weiteres
4. 1. Transparenz
4. 2. Problembehebung

1. Zur Vorbereitung

1. 1. Du benötigst

• Ein Programm zum animieren, zum Beispiel The Gimp 2: The Gimp 2 um Downloaden
• Ein gutes Zeichenprogramm. Paint ist dafür bestens geeignet.

1. 2. Das Einfügen
Das erste was du machen solltest, wäre natürlich The Gimp 2 zu öffnen und das Bild/die Bilder, die du animieren möchtest bereits auf dem Computer gespeichert zu haben. Als Anfänger sollte man vorerst einfache Animationen ausprobieren und sich dann immer weiter steigern.
Da das hier eine Seite zu Pokémon ist, verwende ich den Pokéball als Beispiel:



Um das Bild einzufügen, drückst du oben in der Leiste auf Datei, anschließend auf Öffnen. Nun suchst du das Bild, was du animieren wolltest. So sollte es dann aussehen:



2. Das Animieren

2. 1. Erste Schritte
Zuerst öffnest du das Fenster Ebene, Kanäle und Pfade. Dazu klickst du auf Datei --> Dialoge --> Dock hinzufügen --> Ebene Kanäle und Pfade.



Im eben erschienenen Fenster klickst du mit rechts auf die Ebene und duplizierst sie ca. 6x



Nun wechseln wir erstmal zu Paint, um die nächsten Schritte vorzubereiten.

2. 2. Einsatz von Paint
Öffne mit Paint das eben benutzte Bild und vergrößere es 8fach. (Zieh das Bild nicht groß, sondern vergrößere es per Ansicht, somit vermeidest du, das sich das Bild verzerrt.)
Anschließen färbst du den weißen Teil mitten im Bild rot ein.


Kopiere das veränderte Bild und kehr zu The Gimp 2 zurück.


2. 3. Zurück zu The Gimp 2 - Letzte Kleinigkeiten
Erstelle, bevor du das Bild einfügst, eine Transparente Ebene.


Nun kannst du das kopierte Bild einfügen!



Nun wählst du das Rechteck aus und klickst damit auf den grauen Hintergrund, nicht auf das Bild!


Nun wechselst du wieder in das Fenster Ebene, Kanäle und Pfade und duplizierst diese neue Ebene 6x.
Ist dies erledigt, klickst du oben in der Leiste des Fensters, wo das Bild drauf ist auf Filter --> Animation --> Animation abspielen. Du siehst, wie die Animation später aussieht.


3. Abspeichern und Anschauen
Nun musst du noch die Animation abspeichern. geh dazu auf Datei --> Speichern unter. Wähle als Endung unbedingt .gif, sonst wird aus der Animation nichts!


Wähle die Auswahl als Animation Speichern aus.


Zum Schluss nur noch OK wählen.


Jetzt suchst du dir nur noch deine erstellte Animation und schon kannst du sie bewundern.


4. Weiteres
4. 1. Transparenz
Damit du nicht ständig den weißen rand um deine Animationen hast, kannst du die Animation noch transparent machen. Dazu ist aber zu emphelen, jede einzelne Ebene transparent zumachen, sonst erscheint der weiße Rand während der Animation erneut.
Unter diesem Link könnt ihr eine Auswahl von Verfahren mit einigen Bildbearbeitungsprogrammen kennen lernen. Ich beharre aber auf die Transparent mit The Gimp:

Vergrößere den Sprite erstmal zu 800%.


Anschließend fägst du den Alpha-Kanal hinzu, dass ist sowas wie die anschließende Leere für die Transparenz.


Achte bevor du anfängst, die Tranparenz zu erzeugen, dass du den Radierer auswählst und eine entsprechende Größe dafür auswählt, sonst könnte es zu Problemen kommen. Ich persönlich nehme die Größe 3x3. Das geht ganz gut. Für die Feinarbeit nehm ich dann den 1x1 Radiergummi. Achja: Wenn du Harte Kanten auswählst, kann es nicht mehr passieren, das ab und zu der Radierer die Nachbarfelder des zu wegradierenden Feldes um eines Stufe abdenkt. (Ist mir vorher sehr oft passiert!)


Nun fängst du an die weiße Fläche um deinen Sprite wegzuradieren. Die nun erscheinende graukarierte Fläche ist nach dem Speichern die Transparenz.

Wenn du die Animation nun wie oben beschrieben abspeicherst, kann es noch zu dem Problem kommen, dass die einzelnen Bilder einfach nur Ãœbereinandergelegt werden und man stets das Bild sieht, was man davor gesetzt hat.
Zum Beispiel so:


4. 2. Problembehebung
Das Problem mit der Ebenenüberschneidung kann man aber ganz leicht beheben. Wenn du abspeicherst, achte darauf, dass du die Animation mit einem Frame pro Ebene speicherst. Dann ist das problem schnell behoben.


Lizenz für den Guide hab ich von White_Swampert erhalten!

© liegt bei Shadowwolf, den Besitzer des Guides.
Dieser Guide darf nicht kopiert werden, es sei denn es wurde vorher
mit dem Eigentümer des Guides darüber gesprochen.

Auf den ersten Blick ganzt gut!

Nur das mit den Ä,Ü usw. nervt!!!

Sehr schöner Guide, da hst du dir sicher viel Mühe gegeben.
Ein kleiner meinerseits wäre, das du vielleicht noch etwas Farbe für die Überschriften benutzen könntest. Außerdem noch das ä und ü und so wegmachen.

Aber trotzdem GJ!

Das mit den Umlauten hab ich schon bemerkt und ist auch schon behoben ^^
Nja die Überschriften ncoh zu färben wär eine Möglichkeit gewesen, find das abe rnicht wirklich schön!

Wäre aber bei so nem Guide imo recht wichtig...

Nja, sieht ordentlich aus, kompliement das du noch ein sinnvolles Thema für nen Fanartguide gefunden hast...XD

VGJ, der vermutlich einizg (wirklich) Sinnvolle Fan-artguide in letzter Zeit. Das ist echt mal was nützliches, .

guter, sinnvoller guide

edit: rechtschreibfehler beseitigt

schöner guide, aba wtf..wieso kriegt er 9karma für den guide und ich für meinen transparenz guide nur 2? <<

@Deadly: Kann ich dir leider auch nicht sagen. oô
@all others: thx for Feedback =D

Der Guide gefällt mir gut, ich hab mit Gimp auch schon kleine Anis gemacht, aber eher mit Strichmenschen, die eher schlecht als recht aussahen.
Aber gute Idee, damit kann man dann auch mit ein bisschen Übung Pokémon animieren.
Ich glaub das probier ich morgen oder übermorgen mal, ich stell das dann hier rein.

habs probiert und hat geklappt

und noch eins

Keine Dopperlposts, und die Animationen kommen hier nicht rein .-.

Btw: find den Guide klasse! (konnte es aber schon vorher)

@unten: k, sieht aber trotzdem noch blöd aus, zwaimal hintereinander zu posten, ich meinte ja auch eigentlich, dass das wo anders reinsollte ^_^

das ist kein Doppelpost Pikachu95 -.-
Es gibt keinen anderen Post in 24 Stunden und wenn er dann noch eins schreibt ist es kein Doppelpost
So wurde es mir erklärt

Sehr guter Guide muss ich schon sagen

bie mir kann ich das Programm nicht speichern kann mir jemand 2 animationen machen die hier

1:

2:


BÃœDDE KANN DAS JEMAND MACHEN

1:Ist das so in Ordnung, oder solls lieber noch etwas langsamer sein?


2: So den hab ich jetzt endlich auch schon geschafft:

geänderte Version
Passt der auch so?

ehmm könnt einer das mit diesen Bildern machen:
(wenn's möglich ist, diev verschiedenen Bilder etwas länger anzeigen lassen:

EY danke man das sieht HAMMER GEIL aus

kann man das auch in Paint machen das sich das immer noch bewegt Den ich möchte eine maping machen und ich brauche die animationen!

imo nicht.

shit ich brauche das geht das in einem anderen bilder programm wo man Maping <machen kann das man in den bild die animation sieht

ein bisschen langsamer wens geht

Mapping machst in Paint und die Animation dann eben z.B. in AniMake!

EDIT: UND BITTE KEINE DOPPELPOSTS!!!

Ok THHHHX

Geht natürlich! Mach ich sobald ich mit dem "Auftrag" von AliSun fertig bin...

Ok THX

@Pikachu95

Kann ich eine Animation Machen Ein normal bild einfügen in das Programm und eine Animation Drauf Machen

(Also Auf Einem Normalen Bild Noch 1ne Animation)

@AliSun:
Recht so?

Oder soll ich die Geschwindigkeit noch ändern?

@playboy:
Jetzt mach ich deins...

so in Ordnug? (Geschwindigkeit ändern ist keine große Arbeit, also sag's ruhig, wenn's nicht passt)

Ok Freu mich schon wie es wird

Ok kannst du mir noch 2 machen hier sind sie

1:










2:




Wenns geht SIEHT AUCH GUT AUS
UND KANNST DU DEN HINTERGRUND DAS WEIßE VON DERN BIEDEN BILDER DIE DU GEMACHT HAST WEG MACHEN UND DIE DIE ICH GERADE GESCHRIEBEN HABE AUCH WEG MACHEN (WENNS GEHT)