Как создать анимацию, которая плавно движется, как показано на GIF ниже?
Сама анимация, вероятно, была создана в After Effects или каком-либо другом инструменте для анимации. Ключом к плавности является время задержки кадра GIF.
Большинство компьютерных дисплеев работают со скоростью 60 кадров в секунду (кадров в секунду), поэтому лучшая частота кадров для плавной анимации — 60 и 30 кадров в секунду или даже 15 кадров в секунду, если движение медленное и вы пытаетесь создать файл наименьшего возможного размера.
Время анимации GIF измеряется в сотых долях секунды, и точные значения, соответствующие частоте кадров, которые нам нужны, невозможны. Тем не менее, большинство веб-браузеров успешно анимируют GIF-файлы синхронно с отображением, используя округленную в меньшую сторону задержку кадров. Нам нужны следующие значения: 2/100 для 60 кадров в секунду (0,02 с в Photoshop), 3/100 для 30 кадров в секунду (0,03 с в Photoshop) и 6/100 для 15 кадров в секунду (0,06 с в Photoshop).
Большинство гладких GIF-файлов, которые вы видели, используют задержку кадра 0,02 с или 0,03 с, и это значения, которые я обычно использую и для себя.
Я не могу комментировать комментарий spacer GIF, но, как говорит Марк Эдвардс, формат GIF определяет задержку в 1/100 секунды как интегральное значение. Использование 0,02 с, 0,03 с или 0,06 с для задержки максимально близко к стандартной частоте кадров 60, 30 или 15 кадров в секунду.
Ультрадракон
Р. Арноне
Люк Тейлор