Digital Portfolio » Goodies » Tutorials » Fade-Effekt

Fade-Effekt mit Image Ready

Schwierigkeit:

Da die Frage schon sehr oft aufkam, zeig ich euch in diesem Tutorial wie der Fade-in Effekt funktioniert...am Ende wird das Ganze so aussehen:

Falls ihr jetzt noch kein Bild habt, einfach eine neue Datei in der gewünschten Größe erstellen (in Image Ready) über STRG+N und ein beliebiges Bild einfügen oder einen Text schreiben (wie in meinem Beispiel)...

Die Animation erstellen wir im Animationsfenster, deshalb sollte dieses sichtbar sein...Falls nicht über Fenster » Animation einblenden...
Hier zunächst eine kurze Erklärung zum Animationsfenster, das macht es später leichter die einzelnen Buttons zu finden! ;)

größer »

Ich will nun, dass der Schriftzug zunächst nicht zusehen ist, dann langsam eingeblendet wird, kurz stehen bleibt und langsam wieder ausgeblendet wird...hierfür brauchen wir drei Bilder (bzw. Frames):
Bild 1: Text ausgeblendet
Bild 2: Text eingeblendet
Bild 3: Text ausgeblendet (um wieder zum Urzustand zurückzukommen)

Deshalb blende ich für den ersten Frame die Textebene aus (siehe Bild oben)...dazu einfach auf das Auge direkt neben der Ebene klicken!
Anschließend auf die "Frame duplizieren" Schaltfläche klicken, um einen neuen Frame zu erhalten..hier blenden wir die Textebene jedoch ein (in die leere Fläche neben der Textebene klicken):

größer »

Diesen Schritt wiederholen wir ("Frame duplizieren", Textebene ausblenden)...jetzt haben wir unsere drei Ausgangsbilder...
Am besten die Animation einmal abspielen, dann werdet ihr sehen, dass die Übergänge noch nicht weich sind und auch zu schnell...

Als nächstes erstellen wir den Übergang zwischen Frame 1 und 2...
Dazu Frame 2 auswählen und die "Dazwischen einfügen" Schaltfläche klicken...es erscheint folgender Dialog:

größer »

Dazwischen einfügen legt fest, ob die Zwischenbilder vor oder nach dem aktuellen Frame eingefügt werden sollen...da wir den Übergang zwischen Frame 1 und 2 erstellen wollen, wählen wir hier "Voriger Frame"...

Unter "Hinzuzufügende Frames" wird die Anzahl der Zwischenbilder bestimmt...in unserem Fall hab ich 3 eingegeben...

Unte Ebenen wählen wird "Alle Ebenen", das ist für unser Beispiel nicht von Bedeutung...

Unter Parameter können nun "Stelle", "Deckkraft" und "Effekte" ausgewählt werden...ich habe überall einen Haken gesetzt, obwohl nur "Deckkraft" entscheidend ist für den Fade-in Effekt...

Das bestätigen mit OK, dann werden die Zwischenbilder einfgefügt:

Als nächstes wiederholen wir diesen Schritt für Frame 6...insgesamt haben wir am Ende 9 Frames, den 9. löschen wir jedoch über die Schaltfläche "Ausgewählte Frames löschen" (der Papierkorb), damit in der Animation kein Bild doppelt vorkommt.

Zuletzt bestimmen wir noch die Verzögerung zwischen den einzelnen Frames...
Nach etwas rumprobieren bin ich zu folgenden Einstellungen gekommen:


größer »

WIr wählen alle Frames (außer Frame 5) aus (STRG gedrückt halten und einzelne Frames anklicken) und klicken auf den Pfeil neben der Sekundenangabe unter einem Frame...dort wählen wir "Andere" aus und geben 0,3 ein (mit OK bestätigen)...
Nun haben alle ausgewählten Frames eine Verzögerung von 0,3 Sekunden...

Zuletzt wählen wir noch Frame 5 aus (der soll etwas länger eingeblendet bleiben) und wählen eine Verzögerung von 1,0 Sekunden aus...

Wenn ihr jetzt die Animation abspielt, sollte sie so sein, wie in meinem Beispiel!

(Bei den Wiederholungsoptionen hab ich Unbegrenzt ausgewählt, damit die Animation endlos wiederholt wird)

Am besten mit Verzögerungen und Anzahl der eingefügten Frames ein bißchen rumspielen....;)