|
Wir bereiten ein
Ufo für die
Animation vor. Im
Beispielsbild
soll ein Tannenbäumchen
wackeln, da
wurden die
Bäumchen-Bilder um den
Drehpunkt
verdoppelt und
gedreht. Alle
Objekte - vor
allem die
Bäumchen haben leichte
Schatten - aber
jedes Einzelbild
muss den
gleichen
Schatten haben -
wichtig!. Das
Wasserzeichen
brauchen wir nur
einmal zu
machen, das Auge
des
Wasserzeichens
können wir
einfach jedes
Mal dazu
klicken. Du
kannst das
Wasserzeichen,
wenn es von
deinem
Bildmaterial her
möglich ist, auch
einbinden. Wenn
du möchtest,
kannst du dir sehr
gerne das Ufo zu
dieser Übung
hier
herunterladen,
bitte wahre mein
Wasserzeichen.
Wir schauen uns
das Ufo im
Ebenenmanager an
- die oberste
Ebene ist das
Wasserzeichen,
danach kommt die
Hand und dann
die 3 Bäumchen: |
|
|
|
|
... die Hand
liegt
ebenenmäßig über
dem Bäumchen und
kann daher nicht
eingebunden
werden ... an
welcher Stelle
du normalerweise
dein
Wasserzeichen
platzierst, ist
völlig egal, wie
es dir gefällt,
es ist ja
einzeln, hier im
Beispielsbild
ist ja bereits
mein
Wasserzeichen
angebracht ... so,
und das Ganze
speicherst du
jetzt so als ufo
ab ... Jetzt
öffnest du den
Gif-Animator und
suchst dir dein
Ufo von eben
heraus und öffnest
es ...
das schaut dann
so aus: |
|
|
|
 |
Unter der Nummer
1 siehst du dein
Bild, zwei ist
die Voransicht
und rechts,
dort, wo die
Zahl 3 steht,
ist der Inhalt
deines Ufos mit
allen Ebenen
geladen ...
klicke nun die
Augen bei 2
Bäumchen weg,
ich fange bei
der Animation
als Ausgangsbild
bei dem gerade
stehenden
Bäumchen an,
also sind die
Augen der
Bäumchen nach
rechts und nach
links zu
schließen: |
|
|
|
|
... jetzt unten
auf dein 1.
Bild gehen,
rechte
Maustaste - Bild
verdoppeln:
|
|
|
|
|
... aktiviere
nun das 2. Bild.
Schließe das
Auge des gerade
stehenden
Bäumchens -1-
und klicke das
Auge des sich
nach rechts
neigenden
Bäumchens -2- an
... |
|
|
|
|
... jetzt unten
auf dein 2.
Bild gehen,
rechte
Maustaste - Bild
verdoppeln. Das Bäumchen
soll über die
Mitte nach links
wandern,
schließe deshalb
nun das Auge für
Baum nach rechts
und öffne das
Auge für Baum
Mitte: |
|
|
|
'
|
... wieder Bild
verdoppeln und
als letzten
Schritt das Auge
für Baum Mitte
schließen und
das Auge für
Bäumchen nach
links öffnen:
|
|
|
|
|
Du hast nun in
deiner
Bilderreihe 4
Bilder - Mitte -
Rechts - Mitte -
Links und kannst
dir jetzt deine
Ani in der Vorschau anschauen, ob
sie dir gefällt: |
|
|
|
|
... wenn dir die
Animation zu
schnell ist,
einfach alle
4 Bilder
markieren (dafür
STRG-Taste
gedrückt halten
und die Bilder
mit der Maus
anklicken),
rechte Maustaste
Eigenschaften
und höheren Wert
bei Verzögerung
eingeben.
Mit gedrückter
Großbuchstaben-Feststelltaste
und Mausklick
auf das erste
und das letzte
Bild markierst
du auch alle 4
Bilder.
|
|
|
|
|
... das wars -
deine Animation
des Bäumchens
ist fertig :-)
Nur noch als Gif
abspeichern (Datei-speichern
unter-GIF-Datei) ...
schaut doch
prima aus, oder?
Viel Spaß beim
Nacharbeiten :-) |
|
|
|
|
|
|
|
|
|
Du kannst
aber auch
wunderbare
animierte
Hintergründe
erstellen
:-) Öffne
dafür ein
neues Bild
in der Größe
200 x 200 Px
und fülle es
in einer
beliebigen
Farbe.
Natürlich
kannst du
sehr gerne
noch Effekte
in deinem
neuen Bild
anwenden.
Mein
Beispielsbild
sieht so
aus: |
|
|
|
|
Mit
Rechtsklick
- Alle und
Rechtsklick
- Umrandung,
Umrandungsbreite
5, nach
innen und
Rechtsklick
In Objekt
umwandeln
hast du
einen
wunderbaren
einfachen
Rahmen um
dein Bild
erstellt.
Gib dem
Rahmen noch
einen
schönen
Innenschatten
-
Rundumschatten
0 - 100 - 5.
Kopiere dein
Basisbild
und
dupliziere
es 3 Mal. Du
hast nun
insgesamt 4
Basisbilder.
|
|
|
|
|
Aktiviere
das erste
Basisbild
und wähle
Effekt -
Füllungen
und
Texturen
-
Texturfilter
und da das
erste
Vorschaubild
-
durchscheinendes
Glas. Bei
den
Parametern
suche dir
ein schönes
Texturbild
und stelle
bei den
Optionen
Skalieren:
50, Level:
10 und
Weichheit 5
ein.
Bestätige
mit OK und
Aktuellen
Effekt
auf
Bild
anwenden.
Bei den 2.
Basisbild
wähle bei
Skalieren
die 60, die
restlichen
Einstellungen
belasse.
Beim 3.
Basisbild
wähle
Skalieren
und 70, die
restlichen
Einstellungen
belasse.
Beim 4.
Basisbild
wähle
Skalieren 60
und belasse
auch hier
die
restlichen
Einstellungen
und
speichere
dir das Ufo
ab. |
|
|
|
|
Öffne das
Ufo im
Gif-Animator
und entferne
die Augen 2,
3 und 4. |
|
|
|
|
Klicke dein
erstes Bild
an,
Rechtsklick
und Bild
verdoppeln.
In der
Ansicht
schließe
dein erstes
Auge und
öffne das 2.
Auge. Klicke
dein 2. Bild
an,
Rechtsklick
und Bild
verdoppeln.
In der
Ansicht
schließe das
2. Auge und
öffne das 3.
Auge.
Verfahre für
das letzte
Bild analog. |
|
|
|
|
Du hast nun
4 Bilder.
Gerade bei
der
Verteilung
eines
Effektes mit
Werten 50 +
60 + 70
finde ich
den
Zwischenschritt
von 60 sehr
wichtig,
denn ginge
ich von der
70 auf die
50 herunter,
könnte die
Animation
ruckeln. Aktiviere
alle Bilder,
Rechtsklick
Bildeigenschaften.
Hier kannst
du die
Attribute
einstellen.
Im Beispiel
wurde
Verzögerung
10 und smart
ausgewählt.
In der
Vorschau
kannst du
dir deine
Animation
anschauen
und ggf. die
Attribute
für dich
noch ändern.
Speichere
nun
Optimiert
als Gif ab.
|
|
|
|
|
Und so sieht
dein eben
erstellter
animierter
Hintergrund
aus: |
|
|
|
|
|
Hier kannst
du natürlich
auch ganz
eigene Ideen
verwirklichen.
Dir fallen
bestimmt
wunderschöne
Effekte ein,
die du als
Animationen
einsetzen
kannst :-)
|
|
|
|
|
|
|
|
Auch
wunderbare
Effekte
kannst du
ganz
automatisch
erzielen,
wenn du dein
im
Gif-Animator
geladenes
Bild
anklickst
und auf
Video
F/X
gehst. Dort
findest du
Effekte, die
du dir in
einem
Vorschaufenster
anschauen
kannst.
Zahlreiche
Einstellungen
sind auch
möglich,
auch um die
Ladezeit
deines Gifs
zu
reduzieren -
du kannst
die Bilder
und auch die
Verzögerungszeit
verändern
und bei
manchen
Effekten
auch
Farbeinstellungen
vorgeben.
Hier lohnt
sich ein
Experimentieren
auf jeden
Fall :-) |
|
|
|
|
Ist das
nicht ein
ganz
wunderbarer
animierter
Effekt?
|
|
|
|
|
Diesen
schönen
Effekt
kannst du
wunderbar
als Schleife
auch
erstellen.
Dafür
markieren
alle Bilder
in deinem
Gif-Animator
(Dafür STRG-Taste
gedrückt
halten und
die Bilder
mit der Maus
anklicken -
oder mit
gedrückter
Großbuchstaben-Feststelltaste
und
Mausklick
auf das
erste und
das letzte
Bild
markierst du
auch alle
Bilder.).
Wenn du alle
Bilder
markiert
hast, dann
Rechtsklick
und wähle
Bild
verdoppeln.
Jetzt fügt
der
Gif-Animator
die gleichen
markierten
Bilder noch
mal ein.
|
|
|
|
|
Lasse die
neuen Bilder
aktiv und
mache wieder
einen
Rechtsklick
und wähle
Bildanordnung
umkehren.
Du wirst
jetzt
gefragt, ob
die
markierten
Bilder oder
die gesamte
Animation
umgekehrt
werden soll.
Du wählst
hier, dass
die
Anordnung
der
markierten
Bilder
umgekehrt
werden soll.
|
|
|
|
|
Und wenn du
nun auf
Vorschau
gehst,
siehst du
wie dein
zuerst
eingestellter
Effekt nun
auf
wunderbare
Weise sich
umgekehrt
wiederholt
und du
kannst diese
Animation
dann als
Schleife
einsetzen
:-) Diese
Endlosschleife
kannst du
nun
wunderbar
auf deiner
Webseite
einsetzen
:-) Viel
Spaß mit
deinen
Animationen
:-) |
|
|
|
|
Ich hoffe,
ich habe
mein
Tutorial
verständlich
geschrieben
und es macht
euch auch
Spaß, es
nachzuarbeiten.
Bei Fragen
oder
Anregungen
freue ich
mich über
eine Email
von euch.
Auch wenn
ihr einen
Fehler im
Tutorial
feststellen
solltet,
schreibt mir
bitte eine
kurze Mail.
bellacurly@gmx.de
Liebe Grüße
aus Alzey
Biggi -
bellacurly
|
