Hier zuerst mal das Ausgangsbild

Nun mit “STRG+J” die Originalebene kopieren.
Nun auf  auf der Tastatur “D” drücken. Damit setzen wir die vorder- und Hintergrundfarbe auf Standard.

Aus dieser führen wir jetzt den “Rasterungseffekt” aus. “Filter – Zeichenfilter – Rasterungseffekt”.

Hier kann wieder ein wenig mit den Reglern gespielt werden. Ich habe folgende Einstellungen:

Nun sieht unser Bild folgendermaßen aus:

Bei diesem müssen wir jetzt die Farben umkehren. Dies geht ganz einfach mit “STRG+I”.

Jetzt nurnoch den Ebenenmodus auf “Lineares Licht stellen” und die Deckkraft nach belieben herabsetzen.

Hier nun unser fertiges Ergebnis:

Zuerst mal das Ausgangsfoto

Eine neue Ebene erstellen

Dann mit dem Bleistift Werkzeug die gewünschte Ausschnittform einzeichnen

Jetzt mit dem Zauberstab Werkzeug (W) das innere des Ausschnittes auswählen.

Jetzt eine neue Ebene erstellen.

Auf diese Ebene wechseln.

Mit der Taste “D” wechseln wir zu den Standard Farben und mit der Taste “X” wechseln wir weiß zur Vordergrundfarbe.

Nun ALT+Entfernen drücken. Somit wurde auf der neuen leeren Ebene unsere Auswahl mit weiß gefüllt.

Nun die Ebene 2 unter die Ebene 1 verschieben.

Auf der Ebene 2 wenden wir den Ebenenstil “Schatten nach innen” an.
Jetzt sieht es richtig ausgeschnitten aus.

Mit dem Textwerkzeug den gewünschten Text auf eine neue Ebene schreiben.
Diesen dann passend transformieren (STRG+T) damit er sich schön ins Bild einfügt.
Die Textebene zwischen Ebene 1 und Ebene 2 verschieben.

Jetzt auf der Textebene mit gedrückter STRG Taste auf Ebene 2 klicken.
Somit haben wir die Auswahl von Ebene 2 markiert.

Und nun auf Vectormaske hinzufügen klicken.

Damit wir den Text noch nachträglich neu positionieren kann muss man die Verknüpfung zwischen
Maske und Text aufheben.
Dazu einfach auf das kleine Kettensymbol klicken.

Und nun das fertige Ergebnis.

Dies kann man aber zum Glück recht schnell mit Photoshop entfernen.

Hier das Ausgangsbild.

Wie man sieht hat es einen viel zu orange/roten Farbstich.

Nun “Bild – Anpassungen – Gleiche Farbe” aufrufen.

Und hier nur auf “Ausgleichen” klicken.
Photoshop liefert hier ein sehr gutes Ergebnis mit nur 2 Klicks.

Hier zum Vergleich:

Dies ist die Fortsetzung von den beiden ersten Teilen:
http://www.digital-workshop.at/animiertes-gif-erstellen-teil-1/
http://www.digital-workshop.at/animiertes-gif-erstellen-teil-2/

Einen Bewegungstween erstellen wieder so wie den “fade in” Effekt.

Zuerst die Ebene wieder einblenden.
Dann auf die Uhr klicken um ein “Keyframe” zu setzen.
Die Textebene an die gewünschte Stelle schieben.

Ich habe es bei diesem Beispiel auserhalb der Arbeitsfläche geschoben um den Text ins Bild reinlaufen
zu lassen.

Dann wieder den Blauen Zeitleisten Regler an die gewünschte stelle schieben.
Und jetzt erst mit dem “Verschiebe Werkzeug” den Text an die richtige Stelle schieben.
Durch das verschieben wird wieder ein passender Keyframe gesetzt.

Dies kann man jetzt weiterverfolgen wie man möchte.
Hier mein Beispiel:

Wie ihr seht ist aber das Ende noch zu lang.
Das kürzen wir jetzt.

Bei dem Blauen Zeitleisten Regler können wir nachsehen wie lang unsere Animation sein soll.
Ich hab hier 3 Minuten ausgesucht da nach 3 Minuten nichts mehr passiert.

Nun rechts bei dem Animationsfenster auf den kleinen Pfeil klicken.

Dann auf “Dokumenteneinstellung”.

Hier stellen ihr den Wert ein den ihr benötigt:

Nun nurnoch abspeichern.

Datei – für Web und Geräte speichern

Hier stellen wir entweder bei der Vorgabe das GIF aus mit den gewünschten Einstellungen
oder einfach links darunter im Dropdown Menü.

Bei “Optionen für Schleifenwiedergabe” kann man noch einstellen ob das GIF einmal oder Unbegrenzt
abgespielt werden soll.

Darunter könnt ihr euch noch das GIF ansehen wie es gespeichert wird und dann noch eventuell etwas ausbessern.

Hier mein “Animiertes GIF” :

Dieses Tutorial ist die Fortsetzung von Teil 1:  http://www.digital-workshop.at/animiertes-gif-erstellen-teil-1/

Zuerst mach ich immer alle Ebenen die ich momentan nicht benötige unsichtbar.
Das macht man mit einem einfachen klick auf das “Auge” Symbol in der Ebenenpalette.

Dann die zu bearbeitetende Ebene aussuchen.

Im Animationfenster wird dann automatisch zur passenden Ebene gesprungen.

Nun auf den kleinen Pfeil klicken der nach rechts zeigt damit wir die Einstellungen bei den Animationen sehen.

Dort wollen wir die “Deckkraft” bearbeiten. Diesen Effekt wählen wir mit einen klick auf die “Uhr” aus.

Sobald wir auf die “Uhr” klicken wird unser erstes “Schlüsselbild”= “Keyframe” gesetzt. Das sagt der Animation das sich ab hier etwas verändert.

Um einen “fade-in” Effekt zu erzielen setzen wir einfach die “Deckkraft” auf 0 %.

Jetzt schieben wir  den blauen Zeitleisten Regler auf die gewünschte Zeit in der unsere Schrift erscheinen soll.
Da kann man am besten ein wenig herumprobieren. Man kann den “Keyframe” im nachhinein einfach verschieben wenn
es nicht passt.

Und sobald wir die “Deckkraft” wieder auf 100% setzen weiß der Animator das sich etwas geändert hat und setzt einen
neuen Keyframe.

Das Ergebnis sieht bis jetzt so aus:

Um das nächste Element zu Animieren wieder die Ebene auswählen. Den Pfeil nach rechts anklicken
damit sich die Einstellungen öffnen. Nun ist aber bereits ein “Keyframe” eingefügt.

Das entfernen wir ganz einfach in dem wir auf die “Uhr” klicken.

Nun den blauen “Zeitregler” an die Stelle schieben in der die Animation starten soll.
Erneut auf die “Uhr” klicken damit ein “Keyframe” eingefügt wird und die “Deckkraft” auf 0% setzen.

Den blauen Regler erneut an die stelle schieben in der der Text erscheinen soll und die “Deckkraft”
auf 100% setzen. Der Animator fügt dann ein Keyframe ein.

Wenn man jetzt den blauen Zeitleistenregler hin und her bewegt sieht man bereits die Animation.

Unsere Animation sieht bis jetzt so aus:

Das wars wieder fürs erste.

Ein Teil kommt noch und in dem zeig ich euch wie man ein “Bewegungstween” erstellt und wie man das
Animierte-Gif richtig abspeichert.

Hier geht es weiter zu Teil 3:
http://www.digital-workshop.at/animiertes-gif-erstellen-teil-3/

Kommentare sind wie immer sehr erwünscht.