Anzeige
Tutorialbeschreibung

Fade Effekt von 2 Bildern

Fade Effekt von 2 Bildern

Ich habe dazu 2 Bilder von mir genommen die ich mit cinema 4d erstellt habe.
Die Bilder haben nur einen Unterschied Wie man sehen kann:

1.
Bilder


2.
Bilder

So.

Zuerst müssen sie die Dokumenteigenschaften verändern. (Bild)


Bilder


(Die Größe entspricht die Größe meiner Bilder)

1. Fügen sie die 2 Bilder ein, über Datei --> Importieren --> In Bühne importieren.
   Oder drücken sie STRG + R

2. Jetzt löschen sie eins der Bilder von der Bühne passen sie aber auf das sie die Bilder nicht von der Bibliothek löschen.

 Die beiden Bilder müssen noch in der Biblothek enthalten sein. (Bild)

Bilder


3. Klicken sie einmal auf das Bild was noch in der Bühne ist und drücken sie F8 um es in einen MovieClip zu konvertieren. (Bild)

Bilder



4. Wählen sie den MovieClip aus, indem sie einmal auf ihn Klicken
Jetzt zentrieren sie ihn horizontal und vertikal 


5. Gehen sie in der Zeitleiste auf das 15 Bild und drücken sie F6 um ein Schlüsselbild  zu erstellen. (Bild)

Bilder



6. Wählen sie wieder den mc aus und gehen sie in den Eigenschaften auf Farbe --> Alpha.  (Bild)
Bilder



7. Gehen sie in der Zeitleiste auf das 10. Bild und klicken sie bei den Eigenschaften auf Bewegungs-Tween.

8. Erstellen sie eine neue Ebene. (Bild)

Bilder

Achten sie darauf das die ebene unter der ersten liegt.
Die oberste Ebene ist im Vordergrund. Alles was darunter kommt ist hinter der ersten Ebene...

9. Sperren sie die erste Ebene, mit einem klick auf dem Schloss. (Bild)

Bilder


10. Klicken sie auf die zweite Ebene und ziehen sie von der Bibliothek das zweite Bild auf die Bühne.

11. Machen sie auch aus dem Bild ein MovieClip, indem sie auf F8 drücken, während das Bild angewählt haben.

12. Gehen sie in der zweiten Ebene auf das 15 Bild und drücken sie F6 um ein Schlüsselbild zu erstellen. (Bild)

Bilder


13. Klicken sie in der zweiten Ebene auf Bild 30 und erstellen sie wieder ein Schlüsselbild mit F6. (Bild)
Bilder


14. Bleiben sie in dem 30. Bild von der zweiten Ebene und wählen sie den mc (das zweite Bild) aus.
     Gehen sie unter den Eigenschaften wieder bei Farbe Alpha und stellen sie 0% ein. (Bild)

Bilder


15. Gehen sie in der zweiten Ebene auf Bild 20 und klicken sie unter den Eigenschaften wieder Bewegungs-Tween.

16.  Erstellen sie jetzt eine dritte Ebene.

17. Erstellen sie in der dritten Ebene im 15. Bild ein Schlüsselbild.

18. Ziehen sie von der Bibliothek den ersten mc und zentrieren sie ihn wieder.

 Wenn sie jetzt das Dokument testen, sollte das erste und das zweite Bild abwechselnd ein- und ausfaden.

19. Jetzt gehen sie in die ersten Ebene, dort in das erste Bild, öffnen das Aktions-Fenster und schreiben sie folgendes rein:

stop();

Bilder


20. Machen sie das Gleiche auf Bild 15 in der ersten Ebene.

21. Erstellen sie eine neue Ebene, es ist egal ob sie im Vorder- oder Hintergrund ist.

Nehmen sie eines der Bilder von der Bibliothek und ziehen sie es auf die Bühne (natürlich auf der neu erstellten Ebene) und konvertieren sie es zu einer Schaltfläche mit F8 .

22. Gehen sie in die Schaltfläche, indem sie zweimal auf sie klicken.

23. ziehen sie das schon bestehende Schlüsselbild einfach in den aktiv Zustand. (Bild)

Bilder


24. Jetzt gehen wir aus der Schaltfläche mit einem Klick auf:

Bilder



25. Zuletzt klicken wir einmal auf die Schaltfläche um sie auszuwählen, öffnen das AktionsFenster und schreiben folgendes rein: 

on(release){
play();
}



So,

das wärs dann ;-)

Ihr könnt natürlich auch mehrere Bilder nehmen.


ich werde die .fla bald zum download zur Verfügung stellen


WAER

Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von rentier
  • 21.04.2011 - 09:17

Toll. Danke. Jetzt habe ich einen neuen Effekt für die Website...

Portrait von wuttge
  • 17.10.2010 - 22:21

Sehr gut und verständlich erklärt!

Portrait von Avoir
  • 23.07.2010 - 15:20

Hi
bin apsolut Blutiger anfänger, Flach jetzt seit 5 min aufm rechner um eben diese eine datei zu erstellen.
ich kam genau bis 7. den ap dar hat nix mehr geklapt. schade


lg
michael

Portrait von Kluki
  • 02.05.2010 - 21:45

Endlich, das habe ich schon ewig gesucht-super

Portrait von Ella90
  • 08.04.2010 - 14:31

Danke, gut beschrieben

Portrait von pusher23
  • 08.01.2010 - 11:34

Danke, tolles Tutorial! Auch für mich als Änfänger war es relativ leicht zu verstehen!

Portrait von Philastan
  • 15.06.2009 - 17:10

für Anfänger etwas schlecht geeignet ... des weiteren wäre es super wenn man nicht nur tastenkürzel verwendet sondern auch im Menü zeigt wie man diese Funktion aufrufen kann, da ich als mac benutzer nicht jedes Kürzel verwenden kann.

Portrait von waer
  • 25.06.2009 - 20:25

Ich bin auch mac user, frisch umgestiegen, es gibt auch für mac jedes Kürzel, wirkliche unterschiede zwischen den von windows und mac fallen mir so spontan jetzt nicht ein

Portrait von jedoit
  • 27.05.2009 - 13:19

feine sache...vielen dank.

Portrait von prophet2812
  • 30.04.2009 - 10:47

Danke fürs Tutorial! Sowas kann man immer gebrauchen

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 09.04.2009 - 11:13

coole sache :D gefällt mir!

Portrait von Knurpsl
  • 18.09.2008 - 19:14

Richtig gut auch für Neulige wie mich gut verständlich und was noch wichtiger ist umsetzbar

Danke

Portrait von Bluesoldier
  • 26.06.2008 - 15:52

einfach und verständlich geschrieben !!

thx

Portrait von kleeaar
  • 28.05.2008 - 15:16

hast du gut beschrieben!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 26.01.2008 - 14:12

hey! vielen dank! echt super für den anfang!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 01.01.2008 - 11:52

ich fands jetzt icht so toll zu verstehen..naja hab das programm ja auch ganz neu

Portrait von 0tter
  • 01.12.2007 - 16:12

Echt gutes und verständliches Tutorial *thumbs up*

Portrait von DaGab
  • 20.10.2007 - 10:24

Das ist ja mal einfach nur Geil. Danke

Portrait von DaniOne
  • 06.09.2007 - 16:26

Tolles Kommentar und vor allem sehr anfängertauglich...alles gut beschrieben und tolle Bilder...5 stars

Portrait von mayhardcastle
  • 20.04.2007 - 12:44

klasse tutorial, sehr verständlich beschrieben und anschaulich bebildert... freu mich schon auf weitere tuts!

x
×
×