Как создать 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!
Краткая инструкция по быстрой проверки и очистки компьютера от вирусов и разного вредоносного ПО: дополнений для браузеров, рекламных банеров, троянов и т.д....
20 07 2026 6:58:46
Эта статья пригодится всем, кому нужно поработать и прочесть иностранный сайт. С помощью нескольких кликов в браузере, сайт на английском (немецком, испанском и др.) языке можно перевести на русский!...
19 07 2026 7:40:41
![Как разделить видео на части [3 способа]](/lifehacks-raw/img/20728.php.jpg "Как разделить видео на части [3 способа]")
Это пошаговая инструкция по разрезке (разделению) видео на несколько частей (т.е. из одного большого видео получим 2-3 нужных участка)....
18 07 2026 14:59:33
В статье приведены способы, как можно изменить расширение и атрибуты файлов (в том числе, у нескольких файлов сразу)....
17 07 2026 16:20:15
Из статьи вы узнаете, как использовать VPN во всех популярных браузерах: Chrome, Opera, Яндекс-браузер....
16 07 2026 7:58:29
В статье представлены лучшие программы для поиска одинаковых файлов в разных папках и дисках компьютера. Просканировав ваши накопители, вы сможете удалить дубликаты и существенно увеличить свободное прострaнcтво....
15 07 2026 20:23:18
Опыт пpaктика-админа: в статье представлен список лучших браузеров, которые будут работать на довольно старых компьютерах. Актуально для Pentium IV, 512-1024 МБ ОЗУ (Windows 98, ME, 2000, XP, 7)....
14 07 2026 23:12:24
Инструкция по созданию общей папки для передачи файлов между ноутбуком и ПК, подключенными к Wi-Fi роутеру (маршрутизатору): ноутбук по Wi-Fi, ПК по сетевому кабелю....
13 07 2026 2:26:53
Приведены основные причины шумности ноутбука и способы их устранения. Статья будет актуальна для всех, у кого сильно тарахтит кулер, слышно, как трещит жесткий диск, мешает CDDVD привод....
12 07 2026 21:52:30
![Как сделать скриншот в игре: 4 способа [инструкция]](/lifehacks-raw/img/16901.php.jpg "Как сделать скриншот в игре: 4 способа [инструкция]")
Небольшая инструкция, в которой приведено 4 способа как можно сделать скриншот в игре. Актуально для пользователей Windows....
11 07 2026 0:20:33
Если у вас на экране монитора вдруг все стало большим (значки, текст и пр.) - то вам нужно проверить и изменить свое разрешение экрана. Собственно, именно это мы и сделаем в статье!...
10 07 2026 15:29:28
В статье приведено несколько способов, как можно открыть архивные файлы ZIP, RAR, 7Z и др. на смартфонах и планшетах под управлением Андроид....
09 07 2026 0:12:28
В статье приводятся все основные причины, из-за которых компьютер может не видеть и не распознавать внешний жесткий диск. К каждой причине написано как ее исправить....
08 07 2026 6:35:38
Авторский обзор лучших программ для автоматического обновления драйверов в новой ОС Windows 10. Все программы поддерживают русский язык на 100%! В статье приведены скриншоты и подробное описание каждого приложения....
07 07 2026 17:17:58
Из этой статьи вы узнаете, как завести свой облачный Яндекс диск, как им пользоваться: загружать и передавать фото, файлы, как сделать резервную копию документов....
06 07 2026 10:49:48
Инструкция по обновлению драйвера на принтер. Из статьи вы узнаете, как обновить драйвер, как его удалить, как установить (если драйвер представляет из себя обычную папку с файлами), и как найти. В статье приводятся скриншоты и пояснения каждого шага....
05 07 2026 8:54:33
В статье приведено несколько вариантов, как можно отформатировать карту памяти (SD-карту). Для сбойных и глючных карт, приведено несколько спец. утилит для форматирования и полной очистки ее от всех файлов (утилиты позволяют восстановить работоспособность SD-карты)....
04 07 2026 19:54:23
Решение ошибки, связанной с конфликтом IP-адресов в Windows. Разобраны основные причины из-за которых появляется данная ошибка....
03 07 2026 10:33:42
Эта инструкция расскажет Вам, как можно оптимизировать и ускорить Windows 7 (семерку), тем самым повысить быстродействие и производительность компьютера....
02 07 2026 7:16:52
В статье приведено несколько наиболее вероятных причин отсутствия звука в браузере. Материал рассчитан на начинающих пользователей ПК....
01 07 2026 16:34:48
Стандартный просмоторщик картинок в Windows - никуда не годится. Именно поэтому, в этой статье порекомендую лучшие программы для просмотра картинок и фото!...
30 06 2026 21:40:44
Вся информация о MAC-адресе, которая чаще всего требуется большинству пользователей: о том, как его узнать, как клонировать (эмулировать), для чего он нужен и т.д....
29 06 2026 9:12:10
В статье вы найдете лучшие эмуляторы Денди для игры в приставку на компьютере и телефоне. Также приведена подробная инструкция по базовой настройке эмулятора: кнопки, видео, масштабирование, фильтры....
28 06 2026 1:53:29
Инструкция по установке ОС Windows 7 на ноутбук Lenovo B70. В статье рассмотрены все типовые вопросы: вызов Boot-меню, создание загрузочной флешки, установка и пр....
27 06 2026 23:24:23
Подробное описание чистки компьютера (системного блока, монитора) от пыли. В статье указано что для этого требуется, и как правильно это делать. Рассчитана на начинающих пользователей ПК....
26 06 2026 16:59:44
Обзор популярной платежной системы Яндекс Деньги. Из статьи вы узнаете, как пополнить кошелек, как перевести средства, а также вывести их на свой банковский счет. Указаны основные преимущества платежной системы и ее особенности....
25 06 2026 4:27:26
![Как посчитать проценты: от числа, от суммы чисел и др. [в уме, на калькуляторе и с помощью Excel]](/lifehacks-raw/img/14496.php.jpg "Как посчитать проценты: от числа, от суммы чисел и др. [в уме, на калькуляторе и с помощью Excel]")
Эта статья покажет вам, как легко и просто можно посчитать проценты (например, от числа, от суммы чисел, и пр. Примеры даны как для калькулятора, так и для Excel). Рассмотрены прикладные примеры, которые часто встречаются в жизни....
24 06 2026 7:51:54
Инструкция по использованию функции WPS на Wi-Fi роутерах (теперь подключаться к Wi-Fi сети — это легко и быстро, всего лишь вопрос одной нажатой кнопки...)...
23 06 2026 2:14:48
Инструкция по восстановлению работы системы при ошибке "DISK BOOT FAILURE". В статье приведены основные причины данной ошибки и решение к каждой из них....
22 06 2026 4:28:41
Инструкция по увеличению числовых показателей в играх (жизни, здоровье, патроны, золото и пр.). Статья может пригодится для прохождения сложных игр....
21 06 2026 10:40:12
![Чем забит мой жесткий диск (или куда пропало свободное место на HDD) [Анализ диска]](/lifehacks-raw/img/15484.php.jpg "Чем забит мой жесткий диск (или куда пропало свободное место на HDD) [Анализ диска]")
Если у вас закончилось свободное место на жестком диске, и вы не знаете, чем он забит - рекомендую ознакомиться с этой инструкцией. Она поможет быстро проанализировать занятое место на диске, и найти все "скрытые" файлы/папки....
20 06 2026 11:21:45
Из статьи вы узнаете что делать, если у вас не работает беспроводная мышка (материал оформлен в виде инструкции с пояснениями каждого шага)....
19 06 2026 5:38:38
В статье приводится несколько способов сканирования документа с помощью обычного смартфона на Андроид. Может пригодится в повседневной офисной работе....
18 06 2026 0:58:58
Из статьи вы узнаете как включить гибернацию в Windows, и добавить этот режим работы в меню ПУСК. Материал актуален для современных ОС Windows 7/8/10....
17 06 2026 17:57:42
В статье приведено несколько способов, как можно удалить не удаляемую папку (в частности рассмотрен вариант ошибки, когда к папке нет доступа и требуется разрешение от TrustedInstaller)....
16 06 2026 3:16:20
![Как отключить веб-камеру на ноутбуке, компьютере [5 способов]](/lifehacks-raw/img/18957.php.jpg "Как отключить веб-камеру на ноутбуке, компьютере [5 способов]")
Из статьи вы узнаете 5 вариантов, как можно отключить веб-камеру на ноутбуке (компьютере). Заметка актуальна для всех, кто начинает задумываться о безопасности своего устройства....
15 06 2026 21:55:52
В статье приведено несколько советов, которые помогут выжать из вашего ноутбука максимальную производительность (разгон не рассматривается)....
14 06 2026 18:46:51
Из статьи вы узнаете несколько причин из-за которых компьютер не видит внешние диски и флешки, подключаемые к USB-порту....
13 06 2026 11:11:13
В статье подробно разбирается вопрос поиска аудио-драйверов для звуковой карты компьютера, установка и настройка драйвера. Актуально для Windows 7, 8, 10....
12 06 2026 4:40:53
В статье приведены лучшие программы, которые помогут удобно составить свою родословную (вы не забудете о своих прадедах, троюродных братьев и сестер, теть, дядь и т.д.)...
11 06 2026 1:22:55
Несколько способов, как можно проверить скорость работы интернета на своем компьютере. Приведены также онлайн-сервисы для проверки скорости скачивания и отдачи....
10 06 2026 10:43:19
Несколько советов и рекомендаций, которые подскажут вам, что можно сделать при зависании ОС Windows 10....
09 06 2026 19:39:36
В статье приведены основные причины, из-за которых USB-порт может медленно работать. Устранив оные, вы сможете существенно ускорить работу USB-порта....
08 06 2026 14:16:22
Заметка с советами по устранению мерцания (мигания) изображения на экране компьютера (ноутбука)....
07 06 2026 12:15:10
Если у вас процессор загружен на 100% и вы не можете разобраться в чем дело, рекомендую ознакомиться с этой статьей. В ней я поделюсь основными причинами загрузки ЦП....
06 06 2026 1:14:11
Инструкция по тому, как создать резервную копию драйверов на "пожарный" случай. Например, такая копия будет полезна при переустановке Windows, если просто произойдет конфликт драйверов, или после вирусной атаки....
05 06 2026 18:30:27
Рекомендации, которые помогут увеличить время работы ноутбука от аккумулятора (даже если у вас изношена батарея и она быстро стала разряжаться)....
04 06 2026 4:37:10
Несколько простых и удобных способов всегда знать курс нужной валюты на телефоне (под управлением Андроид). Отмечу, что предложенные способы позволяют настроить уведомления при резком изменении курса....
03 06 2026 7:28:30
Приведено несколько способов, как можно определить диагональ экрана. Статья носит справочный хаpaктер, рассчитана на неподготовленного пользователя....
02 06 2026 22:26:37
В статье приводятся основные причины из-за которых телефон начинает греться и разряжаться. Ознакомившись с материалом, вы сможете самостоятельно восстановить работу телефона....
01 06 2026 0:10:11
Еще:
Компьютерное -1 :: Компьютерное -2 :: Компьютерное -3 :: Компьютерное -4 ::
