Как создать 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!
Если у вас в системном трее Windows 10 отображается только время (без даты и дня недели) — не спешите отчаиваться, это легко исправить!...
05 06 2026 22:10:39
Эта инструкция расскажет вам, как создать загрузочную флешку с Windows 10 в программе WinSetupFromUSB. Все действия разбиты на шаги, приведены скриншоты....
04 06 2026 13:28:54
Заметка с советами по устранению мерцания (мигания) изображения на экране компьютера (ноутбука)....
03 06 2026 9:45:26
Несколько вариантов решения проблем из-за которых не происходит автоматическая установка драйверов для подключаемых устройств к USB-порту компьютера (телефона, например)....
02 06 2026 4:32:38
В статье приводится несколько способов, как конвертировать PDF в WORD. Рассмотрена конвертация с помощью подручных программ и онлайн-сервисов....
01 06 2026 6:27:35
Советы из статьи помогут вам продлить время работы телефона на улице (во время зимних холодов)....
31 05 2026 1:41:37
В статье приведено 3 способа, как можно отменить и очистить очередь печати документов на принтере....
30 05 2026 23:31:46
Статья поможет вам откатиться к предыдущему рабочему драйверу. Рассмотрено несколько способов восстановления старых драйверов....
29 05 2026 16:21:27
С помощью сего руководства вы сможете настроить (увеличить/уменьшить) скорость вращения вентиляторов (кулеров) в системном блоке компьютера....
28 05 2026 15:56:59
Справочная статья по работе со штрих-кодами на Андроид. Из статьи вы узнаете, что это такое, как создать этот QR-код, и как прочитать его. Кроме этого, предложен вариант, как можно быстро выполнить оплату по QR-коду с мобильного телефона....
27 05 2026 1:27:28
В статье приведено 10 самых лучших браузеров 2018г. (по версии нашего сайта). Надеюсь, благодаря сему обзору/рейтингу вы сможете для себя выбрать подходящий продукт!...
26 05 2026 16:57:25
В статье отвечаю на вопрос пользователя по исчезновению свободного места на жестком диске с Windows. Приведены рекомендации, как освободить место на диске "C:"....
25 05 2026 22:44:59
Инструкция по созданию нескольких разделов на флешке (или внешнем жестком диске) с разными файловыми системами: FAT, FAT32, NTFS....
24 05 2026 23:41:24
В статье представлены лучшие программы для поиска одинаковых файлов в разных папках и дисках компьютера. Просканировав ваши накопители, вы сможете удалить дубликаты и существенно увеличить свободное прострaнcтво....
23 05 2026 18:13:32
Из статьи вы узнаете как провести обработку и ретушь фото быстро и просто (даже если вы никогда не работали с фото-редакторами). Вы увидите, как с фото лица можно удалить ямочки и прыщики, повысить яркость, провести тонирование, сделать кожу более гладкой. Статья рассчитана на начинающего пользователя....
22 05 2026 20:12:43
В статье приведено несколько заметок и сервисов, которые помогут вам найти и собрать максимум информации о заинтересовавшим вас человеке....
21 05 2026 21:38:56
Статья о платежной системе PayPal. Из нее узнаете об основных преимуществах PayPal, о том, как в ней зарегистрироваться и начать пользоваться. Материал рассчитан на людей, которые до этого не пользовались данной платежной системой....
20 05 2026 17:31:18
Пошаговая инструкция со скриншотами о том, как передавать файлы с телефона (Android) на ноутбук (Windows 10) по Bluetooth....
19 05 2026 4:16:19
Так же каждая статья — это результат опыта работы с тем или иным софтом, опыта с решением той или иной компьютерной проблемы...
18 05 2026 6:50:45
В статье приведены основные причины отсутствия звука в наушниках, подключенных к ноутбуку (компьютеру)....
17 05 2026 2:38:47
В этой статье приведены 4 совета, которые помогут вам решить проблему отсутствия интернета (Wi-Fi) после выхода компьютера/ноутбука из режима сна....
16 05 2026 23:35:56
В статье указаны причины, почему Windows может не уходить в спящий режим. Статья актуальна, как для ноутбуков, так и для ПК под управлением Windows 7/8/10....
14 05 2026 16:36:23
Если вы хотите почистить свой компьютер от мусора и ускорить его - необходимо проделать ряд шагов: удалить мусор с диска, "хвосты" в реестре, удалить кэш браузеров, временные файлы и пр.. Полная инструкция приведена в данной статье....
13 05 2026 8:54:11
В статье рассматриваются только самые лучшие (отобранные мной) программы для очистки компьютера (диска, реестра, Windows, браузеров) от "мусора" (временных файлов, хвостов, кэша и пр.)!...
12 05 2026 11:40:52
Инструкция по подключению жесткого диска (HDD) от ноутбука к компьютеру с пояснениями и фото каждого шага. В статье приводится несколько способов подключения диска....
11 05 2026 10:45:30
Если вам стало скучно за компьютером - то порекомендую ознакомиться с материалом этой статьи: здесь приведены одновременно интересные и полезные занятия!...
10 05 2026 17:20:56
![Как сделать скриншот в игре: 4 способа [инструкция]](/lifehacks-raw/img/16901.php.jpg "Как сделать скриншот в игре: 4 способа [инструкция]")
Небольшая инструкция, в которой приведено 4 способа как можно сделать скриншот в игре. Актуально для пользователей Windows....
09 05 2026 4:59:45
Инструкция по обновлению и переустановки видеодрайвера в Windows 7/8/10. В статье рассмотрены видеокарты: AMD, NVidia и IntelHD, актуально как для ноутбуков, так и для ПК....
08 05 2026 5:41:21
Статья расскажет, на что нужно обратить внимание при ремонте техники (компьютеров, ноутбуков и пр.), чтобы не быть обманутым и не попасться на удочку мошенникам....
07 05 2026 7:34:10
В статье представлены самые популярные способы подключения к сети интернет (которые предлагаются повсеместно провайдерами). Вы узнаете плюсы/минусы каждого способа, и сможете определиться с выбором....
06 05 2026 8:46:55
Статья о соц. сети Одноклассники. Рассматриваются вопросы: о входе на свою страницу без ввода пароля в авто-режиме и быстрый вход с рабочего стола Windows....
05 05 2026 5:51:33
Эта инструкция про то, как убрать рекламу в популярных браузерах: Chrome, Firefox, Яндекс-браузер, Opera и др. В статье приведено несколько вариантов решения проблемы....
04 05 2026 23:48:40
Эта статья поможет сравнить несколько антивирусов, браузеров и др. продуктов в одном окне! Вы сможете увидеть плюсы/минусы программы по пунктам....
03 05 2026 19:40:37
В статье приведены лучшие игры для приставки Денди, в которые можно поиграть на компьютере (предварительно загрузив необходимое ПО). Пост о старых играх и ностальгии по тем временам....
02 05 2026 6:42:24
В статье приведены простые способы, как можно узнать объем и тип памяти, установленной на видеокарте (работают, даже если у вас не установлены драйвера)....
01 05 2026 2:36:26
В статье вы найдете несколько рабочих способов, как можно сжать файл PDF (как не значительно, так и процентов на 50-90%!)....
30 04 2026 23:49:27
В этой инструкции приводятся параметры и настройки, которые помогут повысить производительность (увеличить FPS) вашей видеокарты NVIDIA в играх на 15% и более!...
29 04 2026 0:37:57
![Как подключить компьютер (ноутбук) к роутеру сетевым кабелем [LAN]](/lifehacks-raw/img/11185.php.jpg "Как подключить компьютер (ноутбук) к роутеру сетевым кабелем [LAN]")
Инструкция по подключению компьютера (или ноутбука) к роутеру (маршрутизатору) с помощью сетевого кабеля (Ethernet). Также в статье указано, почему после подключения может "гореть" красный крестик на значке интернета в Windows....
28 04 2026 13:53:37
Из статьи вы узнаете, как завести себе e-mail на сервисе Яндекс.Почты, как его настроить (в т.ч. сделать так, чтобы сообщения в почтовом ящике вы могли читать на телефоне, как обычные SMS-ки)....
27 04 2026 19:39:50
В статье приведено и показано на скриншотах, как отформатировать диск с помощью комaндной строки, через BIOS, классическим способом (через мой компьютер), и через спец. утилиты....
26 04 2026 13:46:20
В статье разобраны основные причины из-за которых компьютер (ноутбук) могут не видеть подключенный телефон к их USB-порту. Статья изобилует скриншотами с пояснением каждого шага....
25 04 2026 0:46:41
Для выполнения определенных задач (запуск старых игр, ПО и пр) очень часто на компьютере требуется 2 разных Windows: XP и 7, или 7 и 10. О том, как можно решить сию задачу, рассказано в материале этой статьи....
24 04 2026 14:54:45
Инструкция по переносу Windows с жестког диска на твердотельный накопитель (с HDD на SSD), бесплатно, без переустановки системы и потери данных....
23 04 2026 10:58:24
Из этой статьи вы узнаете, как можно замедлить видео, тем самым, выделив определенный фрагмент, на котором нужно сделать акцент. Своего рода урок по видеомонтажу....
22 04 2026 20:42:10
В статье приведено несколько способов, которые помогут вам открыть комaндную строку в различных Windows: XP/7/8/10 (в том числе от имени администратора)....
21 04 2026 8:42:51
В статье приведено несколько способов сохранения обычной странички в интернете в PDF-файл. Это может быть полезно, когда вы хотите прочитать страницу позже, поработать с ней, отредактировать под свои требования....
20 04 2026 15:27:42
Если вы хотите кого-то разыграть, изменив свой голос, вам понадобятся спец. программы. В этой статье я собрал лучшие, который в режиме реального времени помогут вам изменить свой голос до неузнаваемости!...
19 04 2026 8:17:33
Из статьи вы узнаете, как быстро и в автоматическом режиме обновить все установленные программы в Windows (подобно тому, как это делает Android с Google Play)....
18 04 2026 3:23:23
4-я часть цикла моих статей, посвященных лучшим играм-хитам прошлого. На этот раз представлены самые интересные игры из жанра стрелялок и приключений (я просто решил объединить сразу десяток жанров под один "колпак"). Получилось весьма и весьма интересно!...
17 04 2026 22:42:39
Еще:
Компьютерное -1 :: Компьютерное -2 :: Компьютерное -3 :: Компьютерное -4 ::
