Как создать 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!
Сборник САМЫХ нужных программ для работы с жестким диском (HDD): диагностика и тестирование, очистка от мусора, дефрагментация, форматирование, разбивка на разделы......
07 03 2026 5:59:14
Из этой статьи Вы узнаете, как найти принтер в локальной сети, а затем добавить и подключить его в Windows, чтобы можно было распечатывать документы на прямую!...
06 03 2026 5:51:53
После установки Windows 10 — все картинки и фото будут открываться в приложении "Фотографии". В этой заметке мы исправим это, вернув просмотрщик фото, который был в Windows 7 и XP....
05 03 2026 5:21:24
В статье приведены варианты подключения жесткого диска (SATA/IDE) к USB-порту компьютера/ноутбука....
04 03 2026 10:44:58
Из статьи вы узнаете как включить гибернацию в Windows, и добавить этот режим работы в меню ПУСК. Материал актуален для современных ОС Windows 7/8/10....
03 03 2026 18:48:30
Разбираемся, что можно сделать с шумом и треском от диска, который так сильно раздражает многих пользователей. В статье приведены рекомендации, которые не раз и не два помогали мне уменьшить уровень шума от HDD....
02 03 2026 9:43:37
В статье предложено 3 способа заблокировать определенный номер телефона (т.е. занести его в черный список, чтобы он никогда не смог дозвониться до вас!)....
01 03 2026 16:59:53
В статье привожу несколько полезных советов о том, как можно отследить свою посылку и сразу же узнать, когда она прибудет в ваше почтовое отделение....
28 02 2026 15:33:42
Инструкция поможет всем пользователям ПК/ноутбуков с ОС Windows 10, у которых жесткий диск загружен на 100%. Даны несколько советов по снижению нагрузки....
27 02 2026 8:21:15
Из статьи вы узнаете где можно найти и скачать новые шрифты, как их установить (добавить) в Windows, и как их использовать в документах Word, чтобы они открывались на других компьютерах (где нет такого шрифта)....
26 02 2026 17:26:41
Несколько вариантов решения проблем из-за которых не происходит автоматическая установка драйверов для подключаемых устройств к USB-порту компьютера (телефона, например)....
25 02 2026 22:16:58
В статье представлены 10 лучших антивирусов на начало 2019 г. Установив любой из них, вы существенно повысите безопасность своих данных (да и средств, т.к. в последнее время онлайн-банкинг развивается семимильными шагами...)....
24 02 2026 0:12:14
Из этой статьи вы узнаете что можно сделать с Microsoft Outlook, если была заблокирована почта из-за неполадок Microsoft Exchange Server....
23 02 2026 3:45:41
Статья предназначена для пользователей, которые не знают, что делать с хост-процессом Svchost.exe, когда он грузит процессор. В статье приведено несколько способов решения проблемы....
22 02 2026 6:23:55
Если вы не знаете, почему быстро садится батарея вашего смартфона - рекомендую ознакомиться с этой статьей. Также вы узнаете, как можно увеличить время работы телефона....
21 02 2026 8:30:35
В статье приведено несколько способов, как можно изменить свой голос при разговорах по телефону (рассмотрены как приложения для Андроид, так и старые "дедовские" хитрости)....
20 02 2026 8:56:55
В статье приведено несколько способов, которые помогут вам убрать эффект красных глаз с фото....
19 02 2026 13:53:30
Несколько простых и удобных способов всегда знать курс нужной валюты на телефоне (под управлением Андроид). Отмечу, что предложенные способы позволяют настроить уведомления при резком изменении курса....
18 02 2026 5:27:53
В статье приведено несколько способов, как можно открыть диспетчер устройств (есть как универсальные варианты, так и специальные для Windows 10). Пригодится всем, кто не знает или у кого не получается открыть данный диспетчер....
17 02 2026 4:53:43
Из статьи вы узнаете где находится кнопка Win на клавиатуре, зачем она нужна и найдете самые полезные сочетание клавиш с ней (например, Win+G – открыть игровое меню, Win+R – вызвать окно "Выполнить" и т.д.)....
16 02 2026 8:51:59
Причины и способы устранения ошибки, связанной с безопасностью сертификата сайта (может всплыть в любом современным браузере)....
15 02 2026 1:55:49
В статье приведено несколько причин появления черных полос по краям экрана, и даны рекомендации как их убрать (получилась небольшая инструкция)....
14 02 2026 2:18:23
Обзор одной из лучших утилит для автоматического обновления драйверов: от вас требуется нажать всего 1 кнопку! Работает в ОС Windows XP, 7, 8 ,10 (32/64 бит)....
13 02 2026 1:58:32
В статье приведены одни из лучших антивирусов 2018г. по результатам AV-тестов. Выбрав один из них, вы обеспечите надежную защиту от вирусов своей Windows....
12 02 2026 22:40:36
Пошаговый пример создания своей собственной почты (ящика) от Mail.ru. После прочтения и выполнения инструкций - у вас будет свой e-mail, на который можно будет получать письма от других людей, сервисов (сайтов в интернете)....
11 02 2026 23:15:43
Инструкция по тестированию скорости работы диска: жесткого (HDD), твердотельного (SSD). Показана разница в скорости работы и сделан вывод, стоит ли переходить на SSD диск....
10 02 2026 12:23:59
Из этой статьи вы узнаете, как можно посмотреть, кто пользуется вашей Wi-Fi сетью (кстати, это можно сделать не только в настройках роутера, но и с помощью спец. программ для Windows и Android)....
09 02 2026 11:32:28
Эта инструкция расскажет Вам, как можно оптимизировать и ускорить Windows 7 (семерку), тем самым повысить быстродействие и производительность компьютера....
08 02 2026 16:14:44
В статье приведено 2 способа, как можно отключить процесс Antimalware Service Executable, который иногда сильно нагружает процессор, диск (может привести даже к зависанию и тормозам ПК)....
07 02 2026 20:20:29
В статье приведено 3 лучших программы, которые проконтролируют вашу работу за компьютером и вовремя напомнят о перерыве. Незаменимая вещь, чтобы сохранить зрение!...
06 02 2026 23:50:44
Из этой инструкции вы узнаете как и чем можно быстро проверить флеш-накопитель на вирусы. Изложено 3 способа, как очистить зараженную флешку....
05 02 2026 12:21:22
Настройка статического IP-адреса на роутерах Asus, TP-link, Tenda....
04 02 2026 14:43:21
Если вы не знаете, как удалить драйвер видеокарты из системы Windows - то некоторые спец. утилиты (вроде DDU) - Вам помогут! Кроме этого рассмотрены и другие способы, чтобы удалить нерадивый драйвер....
03 02 2026 7:56:43
В статье приведено несколько способов, как можно запретить ОС Windows 10 загружать и обновлять драйвера самостоятельно....
02 02 2026 18:47:14
В статье приведено 3 способа, как можно зайти в BIOS или UEFI на ноутбуках ASUS. Инструкция пригодится всем, кто надумает переустановить Windows, поменять приоритет загрузки, изменить определенные параметры....
01 02 2026 2:29:15
В статье приведено несколько способов, как можно создать невидимую папку (есть варианты как и без сторонних программ, так и с помощью спец. хитрого софта)....
31 01 2026 12:31:23
Из статьи вы узнаете, как посмотреть и удалить историю посещений в браузере на Андроид (рассмотрены приложения Chrome, Яндекс браузер, Opera)....
30 01 2026 8:48:16
Игры могут тормозить из-за видеокарты, процессора, ОЗУ, жесткого диска, скорости сети и пр. Не всегда просто определить истинную причину. В этой статье мы проведем диагностику и найдем "узкое" место на вашем ПК/ноутбуке....
29 01 2026 1:19:43
Если у вас не включается компьютер и вы не знаете что делать - рекомендую пошагово пройтись по данному руководству. Не так уж и редко проблему удается решить самостоятельно, не прибегая лишний раз к помощи мастера и не тратя деньги....
28 01 2026 3:29:42
В статье пошагово разобрано, как можно легко и быстро сбросить даже пароль администратора в ОС Windows XP, 7, 8, 10 (посвящается всем, кто не может войти в систему)....
27 01 2026 2:25:28
Пошаговая инструкция, которая поможет вам открыть настройки Wi-Fi роутера (или, как говорят, "Веб-интерфейс"). В статье приведены фото и скриншоты каждого шага, с краткими комментариями и пояснениями....
26 01 2026 8:26:33
Несколько способов, как можно проверить скорость работы интернета на своем компьютере. Приведены также онлайн-сервисы для проверки скорости скачивания и отдачи....
25 01 2026 11:52:22
Краткая инструкция, которая расскажет вам как узнать модель процессора, и посмотреть его спецификацию (тактовую частоту, кэш, количество ядер, и т.д.)....
24 01 2026 22:31:47
Настройка приема цифровых каналов на телевизоре LG (из статьи вы также узнаете, как выбрать и подключить антенну, что делать, если есть помехи и пр.)....
23 01 2026 1:39:13
Из статьи вы узнаете, как можно легко и быстро изменить размер шрифта в ОС Windows 10 (например, если шрифт слишком мелкий и его трудно читать)....
22 01 2026 4:17:19
Из статьи вы узнаете почему экран монитора компьютера/ноутбука мог стать красным, и что с этим делать....
21 01 2026 5:16:40
Статья поможет вам узнать текущую температуру жесткого диска, а также снизить ее, если она перейдет границу оптимального значения....
20 01 2026 15:39:56
В статье я привел одни из самых лучших онлайн-видеоредакторов. Теперь нет нужды скачивать программу, ведь можно вести монтаж видео прямо в Интернете!...
19 01 2026 5:58:25
Собран перечень статей, которые помогут даже вчерашнему новичку по видеообработке, создать своё видео с нуля, без помощи посторонних! Простое обучение - все материалы с пошаговым разбором всех действий....
18 01 2026 19:32:27
Если вас часто стали отвлекать от дел рекламные и спамные уведомления - то рекомендую просто отключить их. Как это сделать на Андроиде расскажет эта инструкция (приведено несколько способов)....
17 01 2026 10:43:10
Еще:
Компьютерное -1 :: Компьютерное -2 :: Компьютерное -3 :: Компьютерное -4 ::
OK.RU/TV ввести код с телевизора