Animiertes GIF erstellen Teil 1

Animiertes GIF erstellen Teil 1 1Ich wurde vor kurzem per Email gefragt wie man ein animiertes GIF mit Photoshop erstellt.

Diese Funktion ist leider ein wenig versteckt und auch nicht ganz selbsterklärend.

Da es ein wenig ausführlicher wird hab ich es aufgeteilt.

Hier der Teil 1:

Die Oberfläche

Der Animator funktioniert eigentlich genauso wie Flash. Also wenn ihr schon in Flash Erfahrung habt,
werdet ihr euch hier sehr leicht tun.

Zuerst öffnen wir ein Dokument mit beliebiger Größe.

Ich fange immer damit an das ich mir die Animation quasi komplett Designe, nur vorerst ohne Bewegung.

Erstellt für jedes Objekt eine neue Ebene.

Animiertes GIF erstellen Teil 1 2

 

Wenn ihr euren Banner oder dergleichen fertig Designt habt geht es an die Animation.

Die Animations Zeitleiste findet ihr unter “Fenster – Animation”.

animierttes gif

 

Jetzt solltet ihr ein neues Fenster sehen.

Dies ist das Animations Zeitleisten Fenster:

animiertes gif

 

Am Anfang eines neuen Projektes solltet ihr euer Dokument voreinstellen.

Rechts beim Animationsfenster befindet sich ein kleiner Pfeil nach unten.

Diesen Anklicken und die “Dokumenteneinstellungen” aufrufen.

animiertes gif

animiertes gif

 

Dort könnt ihr nun die Framerate einstellen. Diese Regelt wieviele Frames/Bilder pro Sekunde abgespielt werden.

Hier kann man fürs Web auf 25 Frames runterstellen.

Auserdem könnt ihr noch die Dauer/Länge eurer Animation voreinstellen.

animiertes gif

 

Nun kommen wir zum Hauptfenster.

In dem gibt es folgende Punkte:

animiertes gif

 

Ebenen:
Sind die Ebenen die wir vorher Erstellt haben. Somit kann man jede Ebene einzeln Ansprechen und Steuern.

Zwiebelschicht:
Kommt noch aus der Zeit des Trickfilmes. Hier kann man die unteren Ebenen aus und einblenden lassen.
Wie wenn Folien aufeinander liegen und man dadurch die untere Folie sieht.

Die Stopuhr:
Mit dieser kann man Eigenschaftsänderungen aktivieren/deaktivieren.
Auf Deutsch heißt das nichts anderes als wenn man etwas verändert muss man einen Start und Endpunkt setzen.
Dazu später mehr.

Position:
Regelt wo sich etwas auf dem Dokument befindet:

Deckkraft:
Regelt wie der Name schon sagt die Deckkraft. Wird benutzt um fade-in und out Effekte zu erstellen.

Stil:
Hier kann man die Ebenenstile steuern. Sprich Schlagschatten,Kontur,Schein nach au?en usw..

Textumbruch:
Kommt nur bei Text Animation.

 

Das wars vorerst mal fürs Erste. Teil 2 folgt in kürze, dann geht es an die Animation.

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

 

 

7
Hinterlasse einen Kommentar

4 Kommentar Themen
3 Themen Antworten
0 Follower
 
Kommentar, auf das am meisten reagiert wurde
Beliebtestes Kommentar Thema
3 Kommentatoren
  Abonnieren  
neueste älteste meiste Bewertungen
Benachrichtige mich bei
claudia

hallo,
irgendwie habe ich das problem das ich keine zeitleiste finden kann, bei mir wird nur eine frameliste eingeblendet. und irgendwie sind meine optionen viel spärlicher als die abgebildeten, kann das an der CS3 version liegen mit der ich arbeite, oder brauche ich bestimmte updates?

aber trotzdem gut erklärt ^^

lg me

claudia

hm hab ich bei mir nicht gefunden, hab nur animation löschen und animation optimieren, ansonsten nichs, ich kann wirklich nur mit den einzelnen frames areiten und da kann man auch nicht so wirklich viel machen.

lg me

Andreas

Wie ist nun das Problem von Claudia gelöst worden? Bei mir ist es das selbe.

Andreas

Hm. Ok. Hab zwar die CS4… Aber auch nicht Extended.