Animationen – Colorkey bei Animationen

Da ich den Farbeffekt in einer Animation sehr geil finde, dachte ich mir es interessiert vielleicht noch jemanden und daher erkläre ich euch wie ich diese Animation gemacht habe.

[Bild: x3lyuh7g.gif]

Ich zeig euch hier nicht wie man eine Animation von Beginn an erstellt. 

Hier zeig ich euch nur, wie ihr den Farbeffekt bei einer schon fertigen Animation hinbekommt.
Dazu verwende ich die folgende Animation von mir von TVD (muss es einfach sein 😀 )

[Bild: vj4eqppn.gif]

Soweit so gut. Ihr könnt euch die Animation gerne runterladen zum probieren. Oder eben eine eigene erstellen, wie ihr wollt. 🙂

Nun gehts aber erst mal los.
Wenn ihr die Animation in Photoshop öffnet, hat sie insgesamt 51 einzelne Frames. Klickt nun den ersten Frame an und erstellt eine neue Schwarzweiß Ebene (Ebene –> Neue Einstellungsebene –>schwarzweiß) mit folgenden Werten

[Bild: 9on6mq9k.png]

Danach sieht eure Ebeneleiste so aus

[Bild: 8cbgtwo8.png]

Klickt auf Frame2 und fügt auch wieder eine schwarzweiß Ebene ein mit den selben Werten usw usw.

ACHTUNG: Dabei müsst ihr darauf achten, dass bei Frame1 in der Ebeneleiste Ebene1 und s/w Eben1 aktiv sind und der rest ausgeblendet. Bei Frame2 sollte Ebene2 und s/w Ebene2 aktive sein bei Frame3 Ebene3 und s/w Ebene3 usw usw. Denn wenn das nicht der Fall ist, bewegt sich die Animation später nicht richtig oder ruckig oder mal bunt, mal swarzweiß. Daher achtet da sehr sorgfälltig drauf.

Wenn ihr zu Frame 18 kommt (bei meiner Animation, wenn ihr eine eigene erstellt habt, ist das natürlich ein anderer Frame). Bei Frame 18 treffen sich Elena und Damon und der Kuss beginnt. Dies ist der Moment, wo ich die Farbe beginnen lassen möchte.
Bei Frame 18 nehm ich also einen kleinen weichen Pinsel und gehen auf die Ebenemaske der schwarzweiß Ebene und radiere mit der Farbe #000000 die schwarzweiß Ebene weg da wo die beiden sich das erste mal Berühren. Nur ein kleines bisschen. Das reicht vollkommen.

TIPP: Vergrößert euch die Animation bis ihr nur noch Pixel seht, dann könnt ihr sorgfälltiger Arbeiten.

[Bild: ntclac9d.png]

Jetzt klickt mit der rechten Maustaste in diese schwarzweiß Ebene die ihr eben ausradiert habt und wählt im Kontextmenü den Punkt Ebene duplizieren

Die Ebene verdoppelt sich mit den ausradierten Stellen. Jetzt klickt in der Frameleiste unten auf Frame19 und schiebt danach die duplizierte schwarzweiß Ebene über Ebene19

[Bild: xul8lmd8.png]

Da sich die Animation aber von Frame zu Frame bewegt passt das zuerst radierte nicht mehr zu 100% in diesem Fall schwappt die Farbe über das Kinn von Damon heraus und auch der Hintergrund wird bunt und das will ich ja nicht. Daher muss ich das mit einem kleinen harten Pinsel und der Farbe #ffffff auf der Ebenemaske wieder korrigieren.

[Bild: xgooahnr.png]

Vielleicht denkt ihr jetzt man kann doch einfach eine neue schwarzweiß Ebene nehmen und auch wieder radieren. Ich mache das mit der duplizierten Ebene deshalb, damit ich immer so wieviel ich beim vorherigen Frame schon bunt gemacht hab, damit ich das Stückchenweise machen kann und das nicht zu schnell geht, weil ich mich vertue.

So. Nun hab ich erst mal die überhängenden Stellen vom vorrigen Frame korrigiert, dann mache ich die beiden im Gesicht ein wenig weiter bunt.

[Bild: n2lrgvu5.png]

Und nun dupliziere ich die schwarzweiß Ebene wieder und klicke auf Frame 20 und schiebe das duplikat über die Ebene 20. Wieder korrigiere ich die verschobenen Kanten und nehme von der Ebene wieder was weg so das die Gesichter wieder mehr bunter sind.

[Bild: cb54qltg.png]

Und so mach ich immer weiter. Frame für Frame und Ebene für Ebene. Bei jedem neuen Frame nehme ich die schwarzweiß Ebene immer mehr weg, so das Damon und Elena immer bunter werden. Ich kann mir Zeit lassen, da ich ja fast 30 Frames Zeit habe. Zum Schluß werden es ein paar Frames sein, in denen die beiden Komplett bunt sind. Das ist bei mir der Fall ab Frame 26. Dort sind beide dann komplett bunt. Den Hintergrund lass ich schwarzweiß. Jetzt muss ich bis zu Frame 51 nur noch die Ecken korrigieren. Dabei muss ich auch auf Haare, Rücken, Kinn und alle Umrandungen achten. Manchmal was wegnehmen was übersteht und manchmal was buntmachen, was durch die Verschiebung wieder s/w ist.

Je Sorgfälltiger ihr auf Kleinigkeiten achtet und diese Korrigiert umso besser sieht der Effekt in der fertigen Animation aus.

Das ist jetzt ne Fleißarbeit 😀

Puuuhhh….bei mir hat das jetzt ca 1 Stunde gedauert echt alle Frames einzeln zu bearbeiten. Wenn ihr eine Animation mit weniger Frames nehmt, geht es auf jeden Fall schneller 🙂

Nun zum Ende hin müsste eure Ebeneleiste ca so aussehen

[Bild: jvcyi6ei.png]

Und im Grunde seit ihr auch jetzt schon fertig, evtl noch einen passenden Text oder ähnliches passendes. Das könnt ihr entscheiden wie ihr wollt. Oder ihr lasst es nackt.

[Bild: x3lyuh7g.gif]

[Bild: amrbbug4.gif]

So. Die Animation war evtl nicht das beste Beispiel, da die Bilder von Natur aus so dunkel sind aber ich find es dennoch ganz hübsch. Es passt gut zu den beiden. 🙂


>> Back to Animationen