Как создать GIF-анимацию (гифку): из видео, фото и картинок
Всем доброго времени суток!
Довольно часто мне задают вопросы относительно картинок. Я, правда, не специалист по рисованию и редактированию фото и пр., но базовые мало-мальские приемы мне знакомы ☺.
В этой статье хочу остановиться на нескольких способах создания GIF-анимаций. Если кто не знает - то это вроде бы обычная картинка формата GIF, но она проигрывается как видео: т.е. она динамически меняется (пример на первой картинке в статье, слева).
Чтобы делать такие картинки - не нужно обладать никакими специальными навыками, достаточно всего лишь желания и несколько минут времени. В статье рассмотрю несколько источников для создания таких GIF-картинок: видео, фото и картинки.
Из своего опыта, кстати, скажу, что больше всего пользуются популярностью "Гифки", созданные из кадров популярного фильма или картинок. Гифки из фото менее популярны, их обычно используют для создания аватарок.
И так, перейдем к делу...
Примечание! Статья не научит вас делать профессиональные GIF-анимации. Все способы в статье приведены для начинающего пользователя, максимально просты и эффективны. Так, чтобы любой через 5-10 мин. получил желаемый результат!
♣
Из видео
•••
Используемая программа - Видео Мастер
Сайт: http://video-converter.ru/
(прим.: программа"Видео Мастер" входит в пакет "Видео Студия")
Одна из лучших программ для конвертирования, сжатия и обрезки видео. Пользоваться ей очень легко и просто, даже для совсем начинающих пользователей (именно поэтому и рекомендую остановиться на ней).
Что касается нашей задачи: в ее комплексе функций есть одна нужная нам - "Создание GIF". Именно ее ниже я и рассмотрю...
•••
И так, вопрос скачивания и установки программы Видео Мастер я опускаю (думаю, с этим проблем не будет ☺).
После запуска программы, нажмите кнопку "Добавить", и добавьте какой-нибудь видеоролик или фильм, в котором вам нравиться какой-то момент (и из него вы и хотите сделать анимацию).
Примечание! Желательно не делать анимацию длиннее 30 сек. Если Вы добавите большое видео, например, целый фильм - то мы из него выберем конкретный 20-30 секундный момент из которого и сделаем гифку...
Добавление фильма
Далее в списке добавленных видео (слева) выберете одно нужное (если добавили сразу 2-3 и более) и справа над окном просмотра нажмите кнопку "GIF" (см. скриншот ниже).
Создание GIF
Следующий шаг - выбор момента, из которого будем делать анимацию. Для этого примерно отмотайте на то место, где хотите задать начало анимации: далее при помощи кнопки проигрывания включите воспроизведение видео и нажмите кнопку начала - , когда дойдете до нужного кадра. Далее, когда решите, что на следующем кадре нужно завершить ваш выбранный кусок из видео - нажмите кнопку конца - .
Когда отрывок из видео будет выбран, нажмите кнопку "Далее".
Выбор начало и конца GIF-анимации
Теперь необходимо выбрать размер анимации. В этом плане программа достаточно гибка: можно задать как стандартный размер для аваторки, например, 250 на 250 пикселей, 200 на 200, так и указать конкретный размер в ручном режиме (что я и сделал в своем примере).
Кстати, в этом же шаге можно просмотреть, что из себя будет представлять гифка.
Размер GIF
Последний шаг: необходимо указать количество кадров в секунду и скорость их воспроизведения. После введенных настроек можно сразу же оценить, как изменится качество картинки.
Чем больше количество кадров - тем более плавная картинка, и тем больше места она будет занимать. Длинные GIF-анимации могут достигать до нескольких десятков МБ!
Количество кадров и скорость проигрывания
Собственно, моя анимация готова (пример ниже). Весьма неплохо для человека, который это делает от большого случая к большому (на мой взгляд) ...
Готовая "гифка"...
♦
Кстати, если Вы хотите создать свое видео из фото - рекомендую ознакомиться вот с этой статьей: https:///kak-sozdat-video-iz-fotografiy.html. И, кстати, потом из этого видео можно также сделать анимацию (как в примере выше) ...
♦
♣
Из фото и картинок (на компьютере)
Рекомендовать здесь как создавать анимации в больших графических редакторах (типа Photoshop или Gimp) - я не буду. Во-первых, далеко не у всех они есть (а пакеты все-таки большие оп размеру), а во-вторых, пользоваться ими не так просто, даже для создания простейшей гифки. Здесь и сейчас я приведу очень просто способ создания гифки из картинок и фото, буквально за несколько кликов мышкой!
•••
Требующаяся программа: Photo Scape
Сайт: http://www.photoscape.org/ps/main/index.php
Отличная бесплатная программа для работы с картинками: позволит просматривать все популярные графические форматы, редактировать их, сжимать. Кроме этого, можно создать коллаж, анимацию, наложить рамочки, создавать скриншоты, менять цвета и т.д. Вообще, в этой программе можно решать сотни популярнейших задач с картинками.
Что касается анимаций - то в Photo Scape с ними работать одно удовольствие. Здесь, конечно, нет сотен инструментов, зато те, что есть - позволяет создать гифку за пару минут (даже тому, кто первый раз запустил программу)!
•••
И так, перейдем к делу.
После запуска программы Photo Scape - перед вами предстанет целое колесо возможностей: редактор, вьювер, шаблоны страниц, комбинация, пакетный редактор, конвертер RAW и пр. Выберите опцию "Создать GIF-анимацию" (см. скриншот ниже).
Создать GIF-анимацию
Далее вам необходимо добавить все картинки, из которых вы хотите сделать свою гифку (переносятся они в верхнюю часть окна из проводника слева, см. скрин с пояснениями ниже).
В центре экрана во время редактирования - Вы всегда будете видеть, как меняется ваша анимация (она будет проигрываться автоматически).
Справа вы сможете задать основные настройки анимации: время ее проигрывания (например, 1, 2, 3 сек.), задать эффект (чтобы картинка растворялась на фоне другой или съезжала, ниже у меня приведено два примера), указать размер картинки, цвет фона, по чему выравнивать и пр.
Настройки показа анимации. Сохранить гифку.
Конечно, в программе не так много инструментов редактирования, зато они все детально проработаны и пользоваться ими легко! Собственно, когда ваша гифка будет доведена до "ума" - просто нажмите кнопку "Сохранить" (в меню справа).
Кстати, Photo Scape делает гифки достаточно маленькими по размеру, оптимизированными для веб-страничек сайтов. Чуть ниже я привожу пару примеров анимаций с разными эффектами, сделанными в этой программе. По-моему, очень здорово!
Эффект 1. Залить кадр фоном
Эффект 2. Сдвинуть кадр вниз
♣
Из фото и картинок (онлайн способ)
Сайт №1 - https://gifius.ru/
Очень легкий и простой способ создать из самых разнообразных картинок и фото анимацию - это загрузить их на этот сайт. Сервис автоматически поочередно будет проигрывать их.
От вас лишь потребуется указать ширину и высоту картинки, и скорость ее проигрывания. Далее можно скачать полученную анимацию. Также хочу отметить одну деталь: сервис понимает PNG картинки с прозрачным фоном: т.е. при анимации - он не будет "убирать" предыдущую картинку полностью, а совместит обе картинки (пример ниже).
Кстати, лого для этой записи я сделал как раз на этом сервисе.
Просто и быстро создать GIF
♦
Сайт №2 - https://ru.toolson.net/GifAnimation
Еще один сайт с простым и быстрым созданием анимации. Всё что потребуется от Вас - это загрузить последовательно несколько картинок (или хотя бы одну). Затем выберите размеры будущей анимации (например, 200 на 200 пикселей), и нажмите кнопку "Создать". Через пару мгновений - увидите полученный результат (который можно скачать к себе на ПК).
Кстати, на этом сервисе есть небольшие готовые эффекты. Например, можно загрузить свое фото и добавить к нему рамочку, сердечки и пр. Можно сделать отличную аваторку для форума или ВК. Получается очень прикольно!
Эффекты к анимации: сердечки, оттенки серого, рамочки
Пример созданной GIF-анимации с сердечками на этом сайте.
♦
Сайт №3 - https://ezgif.com/maker
Англоязычный сервис по созданию анимаций. Чтобы создать анимацию - нужно также загрузить последовательно несколько картинок и нажать кнопку создания. Но вот далее... сервис Вам предлагает десятки опций по редактированию полученного результата: можно изменить размер картинки, обрезать ее, повернуть, оптимизировать, добавить эффекты, изменить скорость проигрывания, подрезать края, добавить текстовую надпись, отредактировать чуть-ли не каждый кадр.
В общем - огромный пакет инструментов, как в самом настоящем большом редакторе картинок (пример на скрине ниже).
Опции редактирования
♣
Всем удачи!
Good Luck!
В статье приводится несколько способов, как проверить свой текст на уникальность. Здесь вы найдете лучше онлайн-сервисы для проверки текста на плагиат....
19 10 2026 11:46:38
Инструкция с несколькими способами о том, как восстановить удаленные файлы, если была очищена корзина или произведено неудачное форматирование диска....
18 10 2026 14:20:25
В статье приведено 3 способа, как можно отменить и очистить очередь печати документов на принтере....
17 10 2026 10:39:10
У вас перестала загружаться Windows, хотите удалить не удаляемый файл, посмотреть содержимое диска? Тогда вам нужен LiveCD/DVD/USB, который поможет загрузить операционную систему Windows без ее установки. В статье дано подробное описание, как его создать....
16 10 2026 8:17:49
В статье приведено несколько способов отключения тачпада на ноутбуке (способы актуальны для самых разных моделей и марок: ASUS, Dell, Lenovo, Acer и др.)....
15 10 2026 19:26:29
![Как очистить оперативную память на телефоне Андроид [освобождение ОЗУ]](/lifehacks-raw/img/17304.php.jpg "Как очистить оперативную память на телефоне Андроид [освобождение ОЗУ]")
Если у вас начал притормаживать телефон, попробуйте для начала очистить оперативную память (нередко помогает с запуском игр, редакторов и пр.). В этой заметке приведено 3 способа, как это можно сделать на устройстве с Андроид!...
14 10 2026 1:47:18
Авторский взгляд на самые нужные программы, которые рекомендованы к загрузке сразу после установки Windows. Топ-10 этих программ не раз и не два вас выручит в самых неожиданных ситуациях!...
13 10 2026 9:14:52
Пошаговая инструкция с нюансами по подключению джойстика к телефону на Android....
12 10 2026 16:52:22
Инструкция для тех, у кого перестали работать USB-порты. Из статьи вы узнаете, как можно выйти из положения и починить USB своими силами!...
11 10 2026 12:16:45
В статье приведены лучшие онлайн-антивирусы, которые помогут проверить Windows и все подключенные диски к системе на вирусы, рекламное и вредоносное ПО. Кроме этого, можно проверить не только систему, но и конкретные файлы....
10 10 2026 19:20:54
Справочная статья, которая поможет вам узнать хаpaктеристики компьютера (ноутбука): модель устройства, температуру основных компонентов, версию Windows и прочее....
09 10 2026 7:12:57
![Чем забит мой жесткий диск (или куда пропало свободное место на HDD) [Анализ диска]](/lifehacks-raw/img/15484.php.jpg "Чем забит мой жесткий диск (или куда пропало свободное место на HDD) [Анализ диска]")
Если у вас закончилось свободное место на жестком диске, и вы не знаете, чем он забит - рекомендую ознакомиться с этой инструкцией. Она поможет быстро проанализировать занятое место на диске, и найти все "скрытые" файлы/папки....
08 10 2026 5:17:45
Если вам нужна консультация юриста (и побыстрее) — то я подготовил для вас список сайтов, где можно в сжатые сроки получить такую помощь. Например, я несколько раз получал консультации в течении одного часа!...
07 10 2026 23:44:31
В статье приведены варианты подключения жесткого диска (SATA/IDE) к USB-порту компьютера/ноутбука....
06 10 2026 19:23:22
![Как отключить веб-камеру на ноутбуке, компьютере [5 способов]](/lifehacks-raw/img/18957.php.jpg "Как отключить веб-камеру на ноутбуке, компьютере [5 способов]")
Из статьи вы узнаете 5 вариантов, как можно отключить веб-камеру на ноутбуке (компьютере). Заметка актуальна для всех, кто начинает задумываться о безопасности своего устройства....
05 10 2026 22:36:18
Сборник САМЫХ нужных программ для работы с жестким диском (HDD): диагностика и тестирование, очистка от мусора, дефрагментация, форматирование, разбивка на разделы......
04 10 2026 8:54:14
В статье рассказано, что делать, если у вас возникает ошибка сервера в Play Market....
03 10 2026 4:38:44
Инструкция по поиску картинок: поможет вам найти похожее изображение на ваше (или точно такое же) в популярных поисковых системах Гугл и Яндекс....
02 10 2026 7:32:30
В статье представлены лучшие программы, с помощью которых вы сможете быстро и легко обновить драйвера в автоматическом режиме под Windows 7/8/10 (32/64 bits)....
01 10 2026 17:49:52
Справочная статья о том, как узнать свой ИНН и как его получить. Информация в статье рассчитана на обычных физических лиц. Все что потребуется - это ваши персональные данные из паспорта....
30 09 2026 0:24:40
В статье предложено несколько рабочих способов, как можно объединить ячейки в Excel (актуально для новых версий 2013, 2016, 2019)....
29 09 2026 12:22:29
В статье приведено 5 важных правил работы за компьютером, которые помогут вам сохранить здоровье (бережем глаза, спину, руки, шею)....
28 09 2026 14:48:11
Нашел для себя дешевый маршрутизатор, способный покрыть Wi-Fi сетью всю квартиру! В статье рассказано, как настроить его (речь о роутере Tenda FH456)....
27 09 2026 16:28:51
Рекомендации по настройке температуры цветности экрана монитора (3 способа как можно включить ночной режим). Особенно актуально для тех, у кого устают глаза от работы за монитором в ночное время суток....
26 09 2026 0:11:16
Простая и лаконичная инструкция по созданию видео из фотографий в одном из бесплатных видеоредакторов. Все шаги подробно расписаны для начинающих!...
25 09 2026 5:33:39
Несколько хороших советов, которые помогут вам выбрать быструю флешку с высокой скоростью чтения и записи информации. Рассказано всё основное, на что следует обратить внимание!...
24 09 2026 21:20:15
В статье приведено и показано на скриншотах, как отформатировать диск с помощью комaндной строки, через BIOS, классическим способом (через мой компьютер), и через спец. утилиты....
23 09 2026 9:56:57
В статье приведено несколько способов решения подобной ошибки (инструкция актуальна для разных ОС Windows 7, 8, 10)....
22 09 2026 17:25:21
В статье приведены лучшие программы, которые помогут удобно составить свою родословную (вы не забудете о своих прадедах, троюродных братьев и сестер, теть, дядь и т.д.)...
21 09 2026 10:22:24
Инструкция по инсталляции и настройке виртуальной машины: разобрана установки ОС Windows XP, загрузка и обмен файлами с виртуальным диском....
20 09 2026 10:53:22
Справочно-информационная статья, в которой приведена парочка способов, как можно узнать текущую потрeбляемую мощность устройств через USB-порт....
19 09 2026 17:42:47
![Как создать загрузочную флешку Windows 10 под UEFI или BIOS в Rufus (новая 3.x версия) [инструкция]](/lifehacks-raw/img/17703.php.jpg "Как создать загрузочную флешку Windows 10 под UEFI или BIOS в Rufus (новая 3.x версия) [инструкция]")
В статье шаг за шагом показано как создать загрузочную флешку с Windows 10 (даны советы и рекомендации, как определиться с UEFI/BIOS (GPT или MBR))....
18 09 2026 9:15:33
В статье приведены основные причины отсутствия звука в наушниках, подключенных к ноутбуку (компьютеру)....
17 09 2026 12:42:40
Из этой статьи вы узнаете, что это за сервис OneDrive, и как настроить создание автоматических резервных копий "моих документов" на облачный диск. Думаю, в целях безопасности, статья пригодится многим пользователям......
16 09 2026 7:23:53
![Как сбросить настройки роутера [восстановление заводских настроек]](/lifehacks-raw/img/13554.php.jpg "Как сбросить настройки роутера [восстановление заводских настроек]")
В статье приведено 2 способа, как можно сбросить настройки роутера и откатить их в заводские предустановки. Поможет в тех случаях, когда вы не можете войти в настройки роутера (например, забыли логин или пароль)....
15 09 2026 12:17:59
В статье приведено несколько вариантов парольной защиты ноутбука и файлов, расположенных на нем. Считаю, что рекомендации пригодится всем, кто задумался о безопасности своих данных....
14 09 2026 10:55:59
Инструкция по увеличению числовых показателей в играх (жизни, здоровье, патроны, золото и пр.). Статья может пригодится для прохождения сложных игр....
13 09 2026 16:26:33
Из статьи вы узнаете где можно найти и скачать новые шрифты, как их установить (добавить) в Windows, и как их использовать в документах Word, чтобы они открывались на других компьютерах (где нет такого шрифта)....
12 09 2026 2:13:50
В статье приведено несколько вариантов блокировки звонков с неизвестных номеров на Android. Воспользовавшись ими, вы сможете навсегда огородить себя от спама и предложений кредитов....
11 09 2026 4:55:39
Несколько простых и удобных способов всегда знать курс нужной валюты на телефоне (под управлением Андроид). Отмечу, что предложенные способы позволяют настроить уведомления при резком изменении курса....
10 09 2026 7:35:39
В статье представлены одни из самых лучших браузеров 2019 года. Из этого топ-10 вы всегда сможете подобрать себе браузер под свои нужны. Статья актуальна для пользователей Windows....
09 09 2026 8:50:36
В статье разобраны причины из-за которых на ноутбуке могут не работать функциональные клавиши F1-F12, и Fn....
08 09 2026 19:48:20
![Пропал значок Bluetooth на ноутбуке: как его добавить в трей рядом с часами [инструкция]](/lifehacks-raw/img/17137.php.jpg "Пропал значок Bluetooth на ноутбуке: как его добавить в трей рядом с часами [инструкция]")
Из статьи вы узнаете почему пропал значок Bluetooth на ноутбуке и как его снова включить, чтобы он появился в трее: в правом нижнем углу экрана (рядом с часами)....
07 09 2026 3:21:21
![Как добавить карту Сбербанка в Google Pay, чтобы оплачивать покупки телефоном Андроид [NFC, инструкция]](/lifehacks-raw/img/16706.php.jpg "Как добавить карту Сбербанка в Google Pay, чтобы оплачивать покупки телефоном Андроид [NFC, инструкция]")
Эта инструкция поможет вам добавить свою карту Сбербанка в телефон и оплачивать покупки с помощью Google Pay (т.е. можно будет расплатиться за покупки телефоном (технология NFC))....
06 09 2026 19:29:17
В статье приведены автоматический и ручной способы восстановления загрузчика Windows 10. Инструкция актуальна для всех, у кого не загружается ОС....
05 09 2026 1:43:56
Если у вас на телефоне стало не хватать памяти (например, при установке приложений вылетает ошибка о том, что нет места) - то советы в этой статье помогут вам решить сию проблему....
04 09 2026 18:49:39
Инструкция по подключению наушников с микрофоном. Показано какие бывают разъемы (классические, гарнитурные), проверка ушей и их настройка в Windows, аудио-переходники и пр. типовые вопросы....
03 09 2026 19:59:48
Если вы решили купить новый жесткий диск - рекомендую обратить внимание на 6 основных моментов, изложенных в статье. Думаю, материал будет весьма кстати для всех начинающих пользователей....
02 09 2026 2:17:46
Коллекция цветных и черно-белых значков и символов для вставки в текст (нужны для статуса в ВК, Одноклассниках, для чата, ника в игре). Есть такие символы: рука, значок собаки, дождя, лета, солнца и многое другое....
01 09 2026 14:21:38
В статье подробно разбирается вопрос поиска аудио-драйверов для звуковой карты компьютера, установка и настройка драйвера. Актуально для Windows 7, 8, 10....
31 08 2026 18:51:42
Еще:
Компьютерное -1 :: Компьютерное -2 :: Компьютерное -3 :: Компьютерное -4 ::
Скотобаза - частные фото, обход блокировки и аналоги
Перенос настроек, закладок и открытых вкладок на другой ПК