Wie erstelle ich eine Animation, die sich ähnlich wie das GIF unten reibungslos bewegt?
Die Animation selbst wurde wahrscheinlich in After Effects oder einem anderen Animationstool erstellt. Der Schlüssel zur Glätte ist die GIF-Frame-Verzögerungszeit.
Die meisten Computerbildschirme laufen mit 60 fps (Frames pro Sekunde), daher sind die besten Bildraten für flüssige Animationen 60 fps und 30 fps oder sogar 15 fps, wenn die Bewegung langsam ist und Sie versuchen, die kleinstmögliche Datei zu erstellen.
Das Timing von GIF-Animationen wird in Hundertstelsekunden gemessen, und genaue Werte, die den gewünschten Bildraten entsprechen, sind nicht möglich. Die meisten Webbrowser animieren GIFs jedoch gerne synchron mit der Anzeige und verwenden abgerundete Frame-Verzögerungen. Die Werte, nach denen wir suchen, sind 2/100 für 60 fps (0,02 s in Photoshop), 3/100 für 30 fps (0,03 s in Photoshop) und 6/100 für 15 fps (0,06 s in Photoshop).
Die meisten glatten GIFs, die Sie gesehen haben, verwenden eine Frame-Verzögerung von 0,02 s oder 0,03 s, und das sind die Werte, die ich normalerweise auch für meine verwende.
Ich kann den Kommentar von spacer GIF nicht kommentieren, aber wie Marc Edwards sagt, gibt das GIF-Format die Verzögerung in 1/100 Sekunde als integralen Wert an. Die Verwendung von 0,02 s, 0,03 s oder 0,06 s für die Verzögerung ist so nah wie möglich an Standardbildraten von 60, 30 oder 15 fps.
Ultradrache
R. Arnone
Lukas Taylor