Как создать 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!
В статье приведено 5 важных правил работы за компьютером, которые помогут вам сохранить здоровье (бережем глаза, спину, руки, шею)....
07 03 2026 2:59:41
Очень простой способ соединить два видео в одно (можно объединять файлы, которые сжаты разными кодеками, с разным разрешением, размером, качеством и т.д.)....
06 03 2026 19:14:24
Причины и способы устранения ошибки, связанной с безопасностью сертификата сайта (может всплыть в любом современным браузере)....
05 03 2026 13:13:36
В статье приведен список самых популярных и нужных платежных систем. При помощи них можно сделать покупку в любом Интернет-магазине, перевести деньги родственникам и друзьям. Очень облегчаются и упрощают жизнь. Рекомендую всем, кто не знает где безопасно хранить и пользоваться деньгами в Интернет....
04 03 2026 13:36:33
В статье приведено 3 способа, как можно просмотреть все фото и картинки в архиве на лету (т.е. не извлекая архив с помощью архиваторов). Благодаря этому, экономим и время, и место на жестком диске....
03 03 2026 13:59:37
Простая и лаконичная инструкция по созданию видео из фотографий в одном из бесплатных видеоредакторов. Все шаги подробно расписаны для начинающих!...
02 03 2026 3:56:22
Собран перечень статей, которые помогут даже вчерашнему новичку по видеообработке, создать своё видео с нуля, без помощи посторонних! Простое обучение - все материалы с пошаговым разбором всех действий....
01 03 2026 22:49:29
В статье приведено несколько способов как усилить сигнал Wi-Fi сети. После выполнения рекомендаций - дальность работы вашего Wi-Fi может существенно увеличиться......
28 02 2026 20:29:34
Эта инструкция про то, как убрать рекламу в популярных браузерах: Chrome, Firefox, Яндекс-браузер, Opera и др. В статье приведено несколько вариантов решения проблемы....
27 02 2026 23:25:53
Статья с рекомендациями по тому, что делать с ошибкой Direct3D initialization error. Выполнив советы и предписания из статьи - ошибку вы больше не увидите! Актуально для Windows 7/8/10....
26 02 2026 4:27:53
![Роутер не раздает интернет по Wi-Fi [решение]](/lifehacks-raw/img/13799.php.jpg "Роутер не раздает интернет по Wi-Fi [решение]")
В статье приведены основные причины из-за которых роутер может не раздавать интернет по Wi-Fi. Пройдясь по ним, вы сможете быстро найти решение и устранить проблему....
25 02 2026 10:48:58
![Эмулятор Сега (на русском), или как играть в приставку на ПК [Sega MD2]](/lifehacks-raw/img/20221.php.jpg "Эмулятор Сега (на русском), или как играть в приставку на ПК [Sega MD2]")
Сегодня играть в приставку Sega MD2 на компьютере — не сложнее, чем открыть Word! Вам нужно лишь загрузить эмулятор Сеги, настроить его и начать приятно проводить время. О том, как все это сделать — и будет эта заметка!...
24 02 2026 6:51:32
В статье собраны лучшие программы для чтения электронных книг в форматах: PDF, FB2, DJVU, DOC (DOCX) и многих других. Программы помогут оптимизировать страницу и настроить яркость, сделать удобные переносы, и нужный размер шрифта....
23 02 2026 4:23:14
Справочно-информационная статья о создании таблиц в Excel (кстати, скажу для начинающих, что лист в Excel - это есть одна большая таблица, а под этим обычно подразумевают выделение нужной части листа)....
22 02 2026 3:42:50
Статья подскажет где и как можно посмотреть карты со спутника (они помогут вам найти нужный адрес, узнать как выглядит сейчас улица или дом). Сервисы доступны только в онлайн-режиме....
21 02 2026 14:22:18
![Как научиться быстро печатать на клавиатуре, не смотря на нее [в слепую!]](/lifehacks-raw/img/15809.php.jpg "Как научиться быстро печатать на клавиатуре, не смотря на нее [в слепую!]")
Советы и рекомендации, которые помогут вам научиться быстро печатать на клавиатуре (причем, не смотреть на нее постоянно при работе с компьютером)....
20 02 2026 15:47:49
Инструкция по регистрации и работе с киви-кошельком. В статье рассмотрены самые нужные вопросы: пополнение кошелька, вывод денег с него, и то, как им оплатить покупку в Интернет....
19 02 2026 14:16:47
Если вы не можете зайти в ВК - рекомендую ознакомиться с этой инструкцией. В статье представлены основные причины, из-за которых не получается зайти во Вконтакте (к каждой причине дано решение со скриншотами)....
18 02 2026 20:13:12
Если вы хотите повысить скорость работы жесткого диска (HDD) - выполняйте регулярно дефрагментацию. Ну а эта статья, расскажет как ее лучше сделать ☺....
17 02 2026 12:28:51
В статье приведено несколько способов, как можно запретить ОС Windows 10 загружать и обновлять драйвера самостоятельно....
16 02 2026 16:26:13
В статье представлены лучшие программы для поиска одинаковых файлов в разных папках и дисках компьютера. Просканировав ваши накопители, вы сможете удалить дубликаты и существенно увеличить свободное прострaнcтво....
15 02 2026 5:18:29
Справочная статья с самыми нужными комaндами для меню "Выполнить" (строка "Открыть"). В статье дано краткое описание к каждой комaнде, для чего она нужна и зачем используется....
14 02 2026 6:49:17
Из этой статьи вы узнаете, как завести свой облачный Яндекс диск, как им пользоваться: загружать и передавать фото, файлы, как сделать резервную копию документов....
13 02 2026 18:57:36
В статье приведены основные причины из-за которых гаснет экран ноутбука. Прежде чем нести ноутбук в сервис - попробуйте исправить проблему самостоятельно!...
12 02 2026 22:36:11
Из статьи вы узнаете, что можно сделать, если при просмотре цифрового ТВ есть помехи: заикания звука, мерцающее изображение (часто идет "кубиками") и т.д....
11 02 2026 13:45:53
В статье приведено несколько способов отключения тачпада на ноутбуке (способы актуальны для самых разных моделей и марок: ASUS, Dell, Lenovo, Acer и др.)....
10 02 2026 22:49:41
![Как узнать износ аккумулятора ноутбука [Проверка батареи]](/lifehacks-raw/img/1466.php.jpg "Как узнать износ аккумулятора ноутбука [Проверка батареи]")
Статья поможет вам проверить состояние, узнать износ аккумулятора ноутбука: приведено несколько способов, как это можно быстро сделать в домашних условиях....
09 02 2026 22:25:26
Инструкция из которой вы узнаете как настроить интернет-подключение в ОС Windows 10 (рассмотрен вариант при использовании роутера, напрямую кабелем Интернет-провайдера, через Wi-Fi сеть, и при помощи 3G/4G модемов)....
08 02 2026 3:49:30
Эта статья пригодится всем, кому нужно поработать и прочесть иностранный сайт. С помощью нескольких кликов в браузере, сайт на английском (немецком, испанском и др.) языке можно перевести на русский!...
07 02 2026 16:10:48
Поиск пропавших людей - дело трудное и долгое. Из этой обучающей статьи узнаете, как проверить кто вас ищет в программе "Жди Меня"....
06 02 2026 23:21:40
Из этой статьи вы узнаете, как преобразовать MBR к GPT разметке диска и сохранить при этом все данные на нем. В статье разобраны по шагам все действия для конвертирования в GPT....
05 02 2026 0:43:53
В статье представлено 13 лучших браузеров 2017 года - выберите самый быстрый и оптимальный для себя! Все программы работают и совместимы с Windows 7/8/10....
04 02 2026 0:26:44
В статье указаны основные причины возникновения ошибки APPCRASH. К каждой даны рекомендации по исправлению, приведены ссылки на офиц. сайты....
03 02 2026 3:39:40
В статье вы найдете несколько способов проверки реальной скорости интернета на телефоне....
02 02 2026 6:20:37
В статье приведено несколько способов, как можно открыть диспетчер устройств (есть как универсальные варианты, так и специальные для Windows 10). Пригодится всем, кто не знает или у кого не получается открыть данный диспетчер....
01 02 2026 17:55:54
![Как записать игровое видео, гeймплей [инструкция]](/lifehacks-raw/img/16919.php.jpg "Как записать игровое видео, гeймплей [инструкция]")
В статье приведено несколько способов записи гeймплея: т.е. всего, что происходит на экране во время игры (в том числе можно записать звук из колонок и микрофона)....
31 01 2026 16:35:39
Если у вас есть интернет (торрент качает файлы, значок сети активен), а браузер не хочет открывать веб-странички - выполните последовательно рекомендации этой статьи. Проблема часто решается за 5-10 мин. времени!...
30 01 2026 21:25:33
Статья расскажем вам, как сделать фотографию с помощью обычной веб-камеры ноутбука (в том числе получить зеркальное фото)....
29 01 2026 13:19:59
Эта инструкция поможет вам удалить вирус с телефона Андроид (Android). Рассмотрен даже тот случай, когда не удается установить антивирус на телефон....
28 01 2026 14:13:11
Из статьи вы узнаете что делать и как для того, чтобы восстановить нормальную работу Skype (в некоторых случаях он просто не находит устройства: камеру, микрофон и пр.)....
27 01 2026 1:13:27
Не спешите выкидывать старый ноутбук - он еще может принести пользу! Из статьи вы узнаете, как и в каком качестве можно использовать его....
26 01 2026 21:16:39
Статья-инструкция по решению невидимости флешки BIOS'ом. В статье указаны основные причины, почему БИОС может не видеть ваш носитель....
25 01 2026 5:21:10
В статье представлено несколько безопасных способов войти в личный кабинет Мегафона (в последнее время участились случаи перехода пользователей на фишинговые сайты)....
24 01 2026 1:14:19
В статье разобраны причины из-за которых на ноутбуке могут не работать функциональные клавиши F1-F12, и Fn....
23 01 2026 18:42:33
Инструкция по восстановлению фото и медиа-файлов с флешек и SD-карт. Рассказаны по шагам все действия, приведены скриншоты к каждому действию....
22 01 2026 14:44:10
Из статьи вы узнаете что делать, если у вас не работает беспроводная мышка (материал оформлен в виде инструкции с пояснениями каждого шага)....
21 01 2026 22:49:53
![Какой ноутбук быстрее и производительнее [не могу выбрать и купить]](/lifehacks-raw/img/13420.php.jpg "Какой ноутбук быстрее и производительнее [не могу выбрать и купить]")
Если вы не можете выбрать из нескольких ноутбуков более производительный - это статья для вас. С помощью авто-сравнения ЦП, видеокарты, ОЗУ - вы сможете быстро определить, какое из устройств будет работать быстрее......
20 01 2026 16:42:43
В статье приведены причины появления ошибки 651, даны рекомендации по ее устранению. Воспользовавшись решениями из статьи - вы сможете быстро восстановить свое подключение к интернету....
19 01 2026 16:39:18
Несколько простых советов, которые помогут вам воспроизвести файл, сделанный на камере наблюдения или видеорегистраторе. Дело в том, что нередко они кодируют свое видео так, что обычные кодеки не позволяют его открыть......
18 01 2026 17:12:24
Пример в расчете кВт/час потрeбления электроэнергии ноутбуком. Из статьи вы узнаете, сколько вы платите за работу ноутбука в месяц....
17 01 2026 3:21:57
Еще:
Компьютерное -1 :: Компьютерное -2 :: Компьютерное -3 :: Компьютерное -4 ::
OK.RU/TV ввести код с телевизора