Как обрезать анимированный гиф


Анимированный gif содержит целую пачку слоев - для обрезки и прочего редактирования
нужно разобрать его на составные части. Это просто. Имея подходящий инструмент.
Сквозной сюжет продолжает тему, начатую в первом сезоне - "Мастер-класс по анимашкам с блестками",
в главной роли - непревзойденный по простоте, гибкости и практичности - графический редактор ФастСтоун.
Некоторые онлайн-сервисы предлагают обработку гифок, уменьшить картинку или подрезать до квадрата,
на скорую руку годится, но, разумеется, не сравнить с возможностями декстопной программы, позволяющей

вырезать фрагмент


изменить цвет


цвет и размер


тонировать изображение, переводить в ч/б


или инвертировать цвета
FastStone, второй сезон
Процесс состоит из двух частей: декопмилировать гиф - разобрать на составляющие и, отредактировав - собрать обратно.
Первая часть выполняется в один клик: меню -> "Разделить многостраничный файл"

А с полученными частями уже можно делать что угодно, как с обычными изображениями.
Чтобы не возиться с каждой картинкой (а их может быть от двух-трех и до нескольких десятков,
а в особо изощренных случаях и сотен) - у ФС имеется пакетная обработка.

Потренируемся на самом несложном действии -
выполним поворот, чтобы поменять ориентацию изображения на горизонтальную.
Разобьем файл на слои ->

выделим все нужные кадры и -> жмем F3 -> "Дополнительно"

Выберем в открывшемся меню соответствующую вкладку, и "поворот на 90 градусов",
"ок" -> Пуск.
Готово:

(Обратный процесс, сборка в многостраничного файла - ниже по тексту)
Переходим к основному вопросу повестки дня: вырезанию фрагмента
Чтобы уменьшить поля вокруг анимированного изображения

проведем декомпиляцию, получим пакет слоев, теперь их надо подрезать один в один на заданную величину:
стоит промахнуться на пиксель и анимация станет дерганой.
Для пакетной обрезки предварительно определимся с координатами линии отреза

выделим один из кадров и вызовем кроп из меню (быстрой клавишей Х или двойным щелчком по превьюшке)

установим рамку кропа желаемым образом (на случай, если требуется точный квадрат -
имеется предустановленный "Размер 1:1" и др. стандартные)
Запомним (запишем где-нибудь в сторонке) новые размеры картинки и координаты отступа (указаны внизу, в левом уголке).
Закрываем окошко редактирования (не применяя действия) - оно нам нужно было только для примерки и получения цифр.
Которые пригодятся на следующем этапе.
Выделим все слои размонтированного гифа и знакомое уже: F3 -> "Дополнительно",
попадаем в меню редактирования. На этот раз нам понадобится вкладка "Обрезать":

Выставляем соответствующие пиксели в ячейки ширины и высоты и сохраненные на предыдущем шаге координаты Х и У
"Ок". "Пуск".
На выходе получаем пакет заданным отредактированных кадров.
(файлы перезапишутся. Хотите сохранить исходники - настройте вывод готовых результатов в новую папку)
Имеем всё что нужно, осталось собрать фреймы в единый gif.
Выделить отредактированные слои -> меню "Создать"-> "Создать многостраничный файл". Готово.
Это всё, что нужно для обрезки.
Чтоб не тянуть кота в долгий ящик, выкладываю весь сезон
взято






- Раздача гифов под аватарочки, первому, кто скажет - беру.
|
</> |