Verwendete Kürzel:

HG=Hintergrund

VG=Vordergrund

re/li/MT=rechte/linke Maustaste

WSchD=Web-Schaltflächendesigner

EM=Ebenenmanager

ZSt=Zauberstab

Gif-Animator=GifAni

Aufgabe 16 – Springende Buchstaben

PI-Tutorial ©NaryZ vom 08.08.2008

Überarbeitet mit PI X3 am 07.02.2015

Du brauchst eine schöne fette Schrift

01.erstelle ein Bild nach Deinem Geschmack

02.Schreibe in schönen großen Buchstaben den Titel Deines Bildes

 und bringe den Text in die richtige Position

03.dupliziere den ersten Text und schiebe ihn ein wenig nach unten

04.so ungefähr sollte es nun aussehen:

05.nenne den Text im EM um – also Text 1 und Text2

so geht es später einfacher mit den einzelnen Buchstaben

06.jetzt teile Deinen Text 1 in Buchstaben

danach den Text 2 in Buchstaben teilen

07.im EM die einzelnen Buchstaben nun auch umbenennen

die Buchstaben der unteren Reihe ausblenden

siehe mein Screen dazu:

08.bündig auf die ersten Buchstaben (oder andere Buchstaben) 

einen Schmetterling oder ein anderes Symbol platzieren

 – Symbol und Buchstabe als EO einbinden und im EM umbenennen

  ich habe es eo1 bzw. eo2 genannt

09.© + design by… anbringen

10.alle Buchstaben markieren und zu Bild umwandeln.

11.als UFO-Datei speichern und im GIF-Ani öffnen.

12.im ersten Bild ist nun der volle Text mit Deinem Symbol sichtbar

 – hier die Verzögerung auf mind. 150 einstellen.

13.das erste Bild duplizieren – Buchstabe mit Symbol (eo1) jetzt ausblenden

 – eo2 einblenden – Verzögerung auf 45 stellen

14.das zweite Bild unten duplizieren – im dritten Bild nun wie bei mir sichtbar

 – den Buchstaben r (Nr. 12) ausblenden dafür 12a also den unteren Buchstaben einblenden

15.also immer oben ausblenden – unten einblenden

16.so machst Du das weiter bis Du am Ende Deines Wortes angekommen bist

17.beim letzten Buchstaben der unteren Reihe die Verzögerung wieder ändern in 150

18.jetzt geht es rückwärts wieder

die Buchstaben gehen wieder nach oben

19.also unten das Bild duplizieren – die Verzögerung auf 45 stellen

 – den unteren Buchstaben jetzt ausblenden – den oberen wieder einblenden –

 6+8 sind identisch sowie 5+9; 4+10 usw.

20.im letzten Bild die Verzögerung auf 150 ändern

21.Vorschau laufen lassen – wenn es gefällt dann als

Gif-Datei speichern. Fertig ist Dein Bild.

Deine Aufgabe: erstelle ein Bild mit hüpfenden Buchstaben-zeige es im Forum.

Ich hoffe, dass Dir diese Lektion gefallen hat.

Mein Ergebnis siehst Du in der Lektion

Hier geht es nur um die Animation – wer möchte darf natürlich auch ein schöneres Bild machen.

Es gibt unzählige Möglichkeiten.

Ich bin auf Deine Kreativität gespannt.