Как создать gif анимацию? Программы для создания gif анимаций

загрузка windowsПриветствую всех посетителей!

Наверное, каждый пользователи в интернете сталкивался с картинками, которые меняются (или лучше сказать проигрываются, как видео файл). Такие картинки называют анимацией. Представляют они из себя файл gif, в котором сжаты поочередно проигрываемые кадры картинки (с определенным интервалом по времени).

Чтобы создавать такие файлы нужно иметь пару-тройку программ, немного свободного времени и желание. В этой статье я бы хотел подробно рассказать, как можно создавать такие анимации. Учитывая количество вопросов по работе с картинками, думаю, данный материал будет актуален.

Пожалуй начнем...

Программы для создания gif анимаций

1) UnFREEz

Сайт программы: http://www.whitsoftdev.com/unfreez/

2015-04-19 17_50_33-UnFREEz 2.1

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

 

2) QGifer

2015-04-19 19_08_44-QGifer _ SourceForge.netРазработчик: http://sourceforge.net/projects/qgifer/

Простая и функциональная программа для создания gif анимаций из различных видео-файлов (например, из avi, mpg, mp 4 и др.). Кстати, она бесплатна и полностью поддерживает русский язык (это уже что-то).

Кстати, именно в ней показан пример в данной статье, как создавать небольшие анимации из видео файлов.

2015-04-19 19_13_08-QGifer - video-based GIF creator
Главное окно программы QGifer.

 

3) Easy GIF Animator

Сайт разработчика: http://www.easygifanimator.net/

главное окно программы

Эта программа одна из лучших для работы с анимацией. Она не только позволяет легко и быстро создавать анимации, но еще и редактировать их! Правда, чтобы воспользоваться всеми возможностями программы, придется ее купить...

Кстати, что более всего удобно в этой программе - это наличие мастеров, которые быстро и по шагам помогут вам выполнить любую из работ с gif файлами.
4) GIF Movie Gear

Сайт разработчиков: http://www.gamani.com/

GIF Movie Gear_ Home
Эта программа позволяет создавать полноценные анимированые gif файлы, уменьшать и оптимизировать их размер. К тому же в ней можно легко создавать анимированные баннеры стандартных размеров.

Достаточно простая и имеет интуитивно понятный интерфейс, позволяющий быстро выполнять работу, даже начинающему пользователю.
Программа позволяет открывать и использовать в качестве кадров для создаваемой анимации файлы следующих типов: GIF, AVI, BMP, JPEG, PNG, PSD.

Может работать со значками (ICO), курсорами (CUR) и анимированными курсорами (ANI).

 

Как создать gif анимацию из фото и картинок

Рассмотрим по шагам, как это делается.

1) Подготовка картинок

В первую очередь, нужно заранее подготовить фото и картинки для работы, причем, в формате gif (когда в любой программе выбираете опцию "Сохранить как...." - вам предлагается на выбор несколько форматов - выбирайте gif).

Лично я предпочитаю подготавливать фотографии в программе Adobe Photoshop (в принципе, можете использовать любой другой редактор, например бесплатный Gimp).

Статья с программами для рисования: http://pcpro100.info/programmyi-dlya-risovaniya-na-kompyutere/

1-Adobe Photoshop создание картинок

Подготовка картинок в Adobe Photoshop.

 

Важно отметить:

- все файлы картинок для дальнейшей работы должны быть в одном формате - gif;

- файлы картинок должны быть одного разрешения (например 140х120, как в моем примере);

- файлы нужно переименовать так, чтобы их порядок был такой, какой вам нужен при их анимации (проигрывании по порядку). Самый простой вариант: переименовать файлы на: 1, 2, 3, 4 и т.д.

3-картинки gif для анимации

10 картинок gif в одном формате и одного разрешения. Обратите внимание на имена файлов.

 

2) Создание анимации

В этом примере я покажу как сделать анимацию в одной из самых простых программ - UnFREEz (о ней чуть выше в статье).

2.1) Запустите программу и откройте папку с подготовленными картинками. Затем выделите те картинки, которые вы хотите использовать в анимации и перенесите их при помощи мышки в окно Frames программы UnFREEz.

4-перетаскивание картинок в программу

Добавление файлов.

 

2.2) Далее укажите время в мили-секундах, которое должно быть между кадрами. В принципе, можно поэкспериментировать, создавая несколько gif анимаций с разной скоростью проигрывания.

Затем нажмите кнопку создания - Make Animated GIF.

5-указаниме времени между кадрами

 

3) Сохранение результата

Осталось только задать имя файла и сохранить полученный файл. Кстати, если скорость проигрывания картинок вас не устраивает - то повторите шаги 1-3 заново, только укажите другое время в настройках UnFREEz.

6-задание имени файла

 

Результат:

загрузка windows

Вот так сравнительно быстро можно создавать gif анимации из различных фотографий и картинок. Можно, конечно, было бы использовать более мощные программы, но для большинства этого будет предостаточно (по крайней мере я так думаю, мне точно хватает....).

Далее рассмотрим более интересную задачу: создания анимации из видео файла.

 

Как создать gif анимацию из видео

В примере ниже я покажу как сделать анимацию в популярной (и бесплатной) программе QGifer. Кстати, для просмотра и работы с видео файлами, вам возможно понадобятся кодеки - можете что-нибудь выбрать из этой статьи: http://pcpro100.info/luchshie-kodeki-dlya-video-i-audio-na-windows-7-8/

Рассмотрим, как обычно, по шагам...

1) Запускаем программу и жмем кнопку открыть видео (или сочетание клавиш Ctrl+Shift+V).

2015-04-19 19_15_25-QGifer - video-based GIF creator

 

2) Далее нужно задать место начала и конца вашей анимации. Делается это просто: при помощи кнопок просмотра и пропуска кадра (красные стрелки на скриншоте ниже) находите начало своей будущей анимации. Когда начало найдено, щелкните на кнопке фиксаторе 2015-04-19 19_46_45-Редактировать запись ‹ PCPro100.info — WordPress (помечена зеленым цветом).

2015-04-19 19_19_55-QGifer - video-based GIF creator

 

3) Теперь просмотрите (или отмотайте кадры) до конца - до того момента, на котором ваша анимация закончиться.

Когда конец нашли - нажмите на кнопку фиксирования конца анимации (зеленая стрелка на скрине ниже). Кстати, учтите, что анимация будет порядочно занимать места - например, ролик на 5-10 сек займет несколько мегабайт (3-10МБ, зависит от настроек и качества, которое вы выберите. Для большинства пользователей подойдут параметры по умолчанию, поэтому я на их настройке в данной статье и не буду останавливаться).

2015-04-19 19_20_25-QGifer - video-based GIF creator

 

4) Нажимаете на кнопку извлечения gif из заданного отрывка видео.

2015-04-19 19_20_54-QGifer - video-based GIF creator

 

5) Программа обработает ролик, по времени - примерно один к одному (т.е. 10 сек. отрывка из вашего видео будут обрабатываться около 10 сек.).

2015-04-19 19_21_09-qgifer

 

6) Далее откроется окно для окончательного задания параметров файла. Можно пропустить часть кадров, просмотреть, как он будет выглядеть и пр. Рекомендую включить пропуск кадров (2 кадра, как на скриншоте ниже) и нажать кнопку сохранения.

2015-04-19 19_22_08-Brilliantovaya_101514-101729

 

7) Важно отметить, что программа иногда выдает ошибку сохранения файла, если в пути и названии файла будут русские символы. Именно поэтому, рекомендую файл назвать латиницей, и обратить внимание на то, куда вы его сохраняете.

2015-04-19 19_25_07-Сохранить GIF файл

 

Результаты:

Анимация из знаменитого фильма "Бриллиантовая рука".

Brilliantovaya_101514-101729

 

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

2015-04-19 20_02_56-Фильмы

Захват кадра в плеере PotPlayer.

 

PS

На этом все. А как вы создаете анимации? Может есть способы еще более быстрого "анимирования"?! Удачи!

 

Опубликовано 24 Апр 2015 в рубрике «Вопросы по работе,Скриншоты и фото».


Социальные кнопки:

Михаил
2015-10-11 14:16:55
Описано очень масштабно. Спасибо за статью.
Кирилл
2015-10-20 22:09:51
UnFREEz это то, что я искал, простая и легкая, все получилось, спасибо!
Дмитрий
2016-04-24 21:56:45
Респект автору, ЧЕЛОВЕК
Светлана
2016-10-18 23:52:21
Огромное спасибо, все просто и понятно! Я создала свою первую гиф-анимацию! Урааа!
уцйафываыв
2017-04-08 15:30:20
лично у меня QGifer gifы не сохраняет, а автором обзора никаких альтернатив не предложено.
Alex
2017-04-08 20:29:18
уцйафываыв, проверил – у меня сохраняет (в меню «Редактировать» выбрать пункт «Извлечь GIF…», и там нажать кнопку «Сохранить GIF»). Может вы не указывает начальный/конечный кадр, или размеры ширины/высоты слишком большие, или может ваш исходный файл по каким-то причинам не нравится этой программе (например большой слишком). Не видя ваш файл и настройки – сложно предположить почему у вас не получается сохранить GIF.
Андрей
2017-04-16 07:52:47
Программа полный отстой, не сохраняет не с кириллицей не латиницей.Удаляю ДОЛОЙ!
Костян
2017-06-13 08:29:20
Qgifter Вполне нормально справился с небольшим отрывком из .flv видео разрешением 1366х748, бук подвис, но все обработалось. Только потеря качества случилась, но я не менял никаких настроек и возможно мало цветов использовалось.
Алексей
2017-08-21 08:27:37
Папка сохранения тоже должна быть на латинице названа, тогда сохраняется ( это для криворуких )
Юлия Руднева
2017-11-22 08:23:34
Господи, что я делала 11 лет в школе?! Автору СПАСИБО!!!🚺
Людмила Сурыгина
2017-12-15 17:06:11
Помогите, пожалуйста, на картинку наложить снег для банера в фейсбуке
Задать вопрос При использовании материалов сайта - прямая ссылка на pcpro100.info обязательна.