Wir erzeugen Zwischenbilder mit Tween

 

  
 

Hier mit 2 Ausgangsbildern

und hier mit 5 Ausgangsbildern

  

Level:                 Anfänger
Autor:                Marion
Art der
Bearbeitung:       Methode Tween im Gif-Animator
Werkzeuge:        keine
Du brauchst:       Gif Animator 5 (ist in PI ab Version 7 enthalten)
 

                           Wir brauchen ein Ausgangsbild und ein Endbild für unsere Animation

Nimm dir das Lineal mit, wenn du dir eine Stelle markieren möchtest.

Mit der Tweenmethode kannst du Bildübergänge schaffen, wie du es von anderen Grafikprogrammen gewohnt bist, oder du kannst etwas erscheinen oder verschwinden lassen.

Wie das geht? Gaaaanz leicht........

Zuerst erstelle dir ein Bild, das du bearbeiten möchtest. Hierzu eignet sich entweder ein Bild, wie bei der Stempelanimation hier, oder du erstellst dir ein Bild, was wächst oder schrumpft mit einem kleinen und einem großen Objekt (natürlich das Gleiche). Du kannst auch ein Hintergrundbild einmal mit und ohne Inhalt machen.
Es gibt viele Möglichkeiten, dir fällt sicher etwas ein. Alle Bewegungen lassen sich so flüssig darstellen. Nachteil, du siehst immer leicht transparent die vorigen Bilder siehe oben an den Beispielen.
Können wir loslegen, hast du ein Bild? Speichere es bitte als ufo ab.

1.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Öffne PI und dann den GifAnimator

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Dieses Menü öffnet sich

Bestehende Bilddatei öffnen und such dir deine Datei

  

 

 

 

 

 

Jetzt geht es los

2.

Klicke in der Menüleiste auf Bild und dann Tween  

Es öffnet sich dieses Menü

 

3.

Unten im Storyboard siehst du meine Datei,
die lediglich aus 2 Bildern besteht

Tween startet mit Bild 1, weil es bei mir unten markiert ist.
nun kann ich das Endbild festlegen, bei 2 Bildern habe ich nicht viele Möglichkeiten *lach*
Bei Bilder einfügen ist die Voreinstellung 5, ich nehme 3, weil ich meine Bilder nachher noch einmal verdopple. Die Bildverzögerung können wir auch noch später festlegen.

Die Vorschau bietet keine gute Beurteilungsmöglichkeit, weil du nur die Markierung hin und her laufen siehst.
Klicke einfach auf ok.

4.


Du siehst Tween hat dir 3 Bilder zwischen Bild 1 und jetzt Bild 5 eingefügt

  

Du kannst oben schon mal auf den Reiter "Vorschau" klicken und gucken.
Jetzt widmen wir uns mal unten dem Storyboard

 

5.

 

 

 

 

 

 

 

 

 

Ich habe jetzt die Bilder links unten markiert und rechte Maus auf Verdoppeln geklickt, danach wieder rechte Maustaste und Bildanordnung umkehren. Nimm die Voreinstellung und klicke ok.
So nun sehen wir uns das mal genauer an.

  • Unser 1. Bild und das letzte Bild ist nun doppelt, lösche einfach das letzte Bild (rechte Maus-Bild löschen)

  • Unser 5. + 6. Bild ist doppelt, lösche auch hier eins.

  • Nun verändere ich noch die Geschwindigkeit und zwar nur von meinen beiden Ausgangsbildern,
    hier Bild 1 + Bild 5

  • Probiere einfach mal die Geschwindigkeit aus, du wirst sehen, es macht sich besser, wenn du die Zwischenbilder etwas fixer laufen lässt.

  

Denke bitte beim Optimieren noch an die Matte und stelle dort auf keine, nun brauchst du nur noch zu speichern.
Das war es schon.

Hier zeige ich dir noch die Möglichkeit, die du hast, wenn deine Animation aus mehreren Bildern besteht:

 

 

 

 

 

 

 

 

 

Du kannst hier die Zwischenbilder aktualisieren, achte aber darauf, dass du bei Start und Ende das richtige Bild eingibst

Nun wünsche ich dir viele gute Ideen, dieses Tutorial umzusetzen.

 

   

©Marion Weber Mai 2006

 zurück