Animiertes GIF erstellen Teil 1

Ich 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.

 

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/

 

 

Bild eines Logos von Discord

7 Kommentare

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

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

  • 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

  • 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

    • Du hast anscheinend noch die Frame Ansicht. Klick mal rechts unten auf “In Frame Animation konvertieren”.

      LG
      Mario

Hinterlassen Sie Ihren Kommentar

*Affiliatelinks/Werbelinks
Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links.
Wenn du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekomme ich von dem betreffenden Online-Shop oder Anbieter eine Provision.
Für dich verändert sich der Preis nicht.