Как создать 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!
В статье приведены одни из лучших антивирусов 2018г. по результатам AV-тестов. Выбрав один из них, вы обеспечите надежную защиту от вирусов своей Windows....
20 07 2026 20:59:46
Справочная статья, в которой приведены все основные настройки UEFI ноутбука Asus (ко всем разделам прикреплены картинки с расшифровкой основных параметров)....
19 07 2026 18:20:40
Несколько способов, как можно узнать модель и серию телевизора....
18 07 2026 12:45:31
Из статьи вы узнаете как создать PDF файл (приведено несколько способов, которые реально работают). Актуально для пользователей Windows....
17 07 2026 2:23:30
В статье приведены только лучшие программы для создания загрузочных флешек с Windows. Также к некоторым из них есть инструкции с пошаговым описанием процесса работы....
16 07 2026 11:56:19
В статье предложено несколько способов поиска нужного драйвера для Ethernet-контроллера (сетевой карты). После его установки, интернет по LAN-кабелю начнет работать в штатном режиме......
15 07 2026 7:35:44
В статье представлен один из способов учета рабочего времени сотрудников, работающих за ПК. Позволяет очень точно вести контроль деятельности: кто, чем, когда и сколько занимался....
14 07 2026 1:21:21
Из статьи вы узнаете, как заменить батарею ноутбука, на что обратить внимание при этом, как правильно выбрать новую, оценить степень ее износа. В общем-то, актуальный список вопросов, с которым сталкивается каждый, у кого сел аккумулятор....
13 07 2026 19:38:11
Несколько простых способов, как оплачивать покупки в интернете и не показывать реквизиты своей банковской карты (это очень полезно в целях безопасности)....
12 07 2026 14:16:40
Если у вас не работает мышь или тачпад, то ноутбук можно перезагрузить (выключить) с помощью нескольких сочетаний клавиш на клавиатуре. В этой статье я привел 5 способов, как это можно сделать....
11 07 2026 10:21:22
![Как обрезать видео по краям [3 способа]](/lifehacks-raw/img/20750.php.jpg "Как обрезать видео по краям [3 способа]")
В статье приведено несколько способов, как можно обрезать видео по краям (не по длине, а именно удалить часть изображения - актуально, если в кадр попало что-то лишнее)....
10 07 2026 8:48:34
В статье разобрано несколько моделей аппаратов (с разными версиями Андроид) и показано, как в них активировать (включить) режим отладки по USB....
09 07 2026 14:18:12
В статье приведены основные причины, из-за которых на компьютере может не воспроизводится видео....
08 07 2026 20:15:57
Статья о том, как выбрать криптовалюту, которая покажет рост, как заработать на изменении ее курса и пр. Также я дал ответ на то, а покупать ли Биткоин вообще......
07 07 2026 13:42:19
Несколько советов и рекомендаций, которые подскажут вам, что можно сделать при зависании ОС Windows 10....
06 07 2026 10:51:48
![Роутер не раздает интернет по Wi-Fi [решение]](/lifehacks-raw/img/13799.php.jpg "Роутер не раздает интернет по Wi-Fi [решение]")
В статье приведены основные причины из-за которых роутер может не раздавать интернет по Wi-Fi. Пройдясь по ним, вы сможете быстро найти решение и устранить проблему....
05 07 2026 6:30:42
Из статьи вы узнаете, как завести себе e-mail на сервисе Яндекс.Почты, как его настроить (в т.ч. сделать так, чтобы сообщения в почтовом ящике вы могли читать на телефоне, как обычные SMS-ки)....
04 07 2026 14:14:27
В статье найдете причины из-за которых ваш компьютер (ноутбук) может не видеть второй монитор (или ТВ). Основной акцент на интерфейс HDMI....
03 07 2026 6:52:27
Устраняем причины из-за которых компьютер/ноутбук под Windows 10 выходят из спящего режима самостоятельно. Статья написана в форме пошаговой инструкции....
02 07 2026 6:49:33
В статье представлены лучшие программы для поиска одинаковых файлов в разных папках и дисках компьютера. Просканировав ваши накопители, вы сможете удалить дубликаты и существенно увеличить свободное прострaнcтво....
01 07 2026 17:33:40
Короткая заметка с несколькими способами, как можно увеличить количество портов на ноутбуке....
30 06 2026 14:40:29
В статье приведено несколько вариантов, как можно конвертировать документ в формате PDF в обычную картинку(и) JPG. Задача актуальна в повседневной офисной работе....
29 06 2026 1:31:10
В статье приводится несколько способов сканирования документа с помощью обычного смартфона на Андроид. Может пригодится в повседневной офисной работе....
28 06 2026 22:28:28
Из статьи вы узнаете почему экран монитора компьютера/ноутбука мог стать красным, и что с этим делать....
27 06 2026 15:58:49
Если вы пытаетесь установить Windows, но доходя до этапа указания диска для установки системы сталкиваетесь с тем, что там ничего нет (т.е. Windows не видит ваш диск) - рекомендую проверить (и исправить) несколько моментов......
26 06 2026 2:47:32
Если у вас процессор загружен на 100% и вы не можете разобраться в чем дело, рекомендую ознакомиться с этой статьей. В ней я поделюсь основными причинами загрузки ЦП....
25 06 2026 18:18:42
Обучающая статья по видео-редактированию. В ней представлено пару способов, как можно приблизить определенную область в видео (т.е. сделать ее крупнее и заострить на ней внимание)....
24 06 2026 13:38:53
Эта статья пригодится всем, кому нужно поработать и прочесть иностранный сайт. С помощью нескольких кликов в браузере, сайт на английском (немецком, испанском и др.) языке можно перевести на русский!...
23 06 2026 7:29:58
В статье приведено несколько советов, которые помогут вам убрать эхо и различные шумы (треск, свист, фон и др.) при использовании микрофона....
22 06 2026 23:49:28
Рекомендации, которые помогут увеличить время работы ноутбука от аккумулятора (даже если у вас изношена батарея и она быстро стала разряжаться)....
21 06 2026 13:27:18
Инструкция для начинающих по сравнению эффективной производительности разных процессоров (Intel Core i3, i5, i7, AMD A-8, A-10, FX и т.д.). В статье приведены сайты и ссылки, рассказано, что откуда брать и на что смотреть. В общем, сможете сравнить любые процессоры между собой....
20 06 2026 3:45:32
В статье рассматривается одна утилита, которая помогала мне удалять даже те программы, которые не удаляются через установку и удаление программ в панели управления Windows....
19 06 2026 10:41:35
Подробная инструкция по созданию загрузочных флешек с различными ОС Windows: XP, 7, 8, 10. В статье подробно рассматривается несколько способов, разные утилиты: UltraISO, Rufus, WinSetupFromUSB и др....
18 06 2026 1:43:22
В статье приведено несколько способов, как можно записать звук на компьютере (тот, которые вы слышите в колонках или через микрофон)....
17 06 2026 7:20:58
В статье приведено несколько вариантов парольной защиты ноутбука и файлов, расположенных на нем. Считаю, что рекомендации пригодится всем, кто задумался о безопасности своих данных....
16 06 2026 10:21:14
В статье приведено несколько способов, как можно временно или постоянно (навсегда) отключить защитника (Defender) в ОС Windows 10. Статья изобилует скринами....
15 06 2026 19:12:41
![Телефон не видит Wi-Fi сеть, что делать? [актуально для Андроид]](/lifehacks-raw/img/13793.php.jpg "Телефон не видит Wi-Fi сеть, что делать? [актуально для Андроид]")
В статье указано, что можно сделать, если ваш телефон не видит Wi-Fi сеть (актуально для устройств на Андроид). Статья оформлена в виде инструкции (по шагам)....
14 06 2026 10:56:15
Инструкция по тому, как сжать любой видеофайл и уменьшить его размер. Так же из статьи узнаете как подрезать видео, вырезать из него ненужные фрагменты, улучшить качество....
13 06 2026 16:16:19
В статье приведено несколько способов вставки символов, которых нет на клавиатуре. Пригодится всем в офисной работе, кто работает с текстами и документами....
12 06 2026 9:48:18
Из этой статьи вы узнаете, как можно посмотреть, кто пользуется вашей Wi-Fi сетью (кстати, это можно сделать не только в настройках роутера, но и с помощью спец. программ для Windows и Android)....
11 06 2026 19:32:51
![Пропал звук после переустановки Windows [Причины и решение]](/lifehacks-raw/img/12235.php.jpg "Пропал звук после переустановки Windows [Причины и решение]")
В статье разобраны основные причины из-за которых может пропасть звук после переустановки ОС Windows. Даны рекомендации и советы по решению и восстановлению работы ПК (ноутбука)....
10 06 2026 19:34:15
В статье приведены основные причины из-за которых у вас может не работать интернет на компьютере, подключенный сетевым кабелем к роутеру. Статья изобилует скринами....
09 06 2026 19:11:39
Советы и рекомендации, которые помогут вам восстановить работу компьютера и устранить причину появления черного экрана при загрузке Windows....
08 06 2026 11:31:25
![Ускоритель работы Windows 10 - обзор одной из лучших утилит [Advanced SystemCare 12]](/lifehacks-raw/img/15351.php.jpg "Ускоритель работы Windows 10 - обзор одной из лучших утилит [Advanced SystemCare 12]")
В статье представлена одна из лучших утилит для оптимизации и очистки ОС Windows (7, 8, 10), своего рода ускоритель работы системы. Благодаря ее работе, вы сможете существенно повысить производительность своего ПК/ноутбука....
07 06 2026 20:14:14
Небольшая инструкция по включению Wi-Fi модуля ноутбука и его подключению к сети интернет....
06 06 2026 1:32:36
Эта инструкция поможет вам узнать хаpaктеристики телефона Андроид: точную модель устройства, процессор (и его количество ядер), ОЗУ (RAM), параметры камеры, состояние батареи и многие другие полезные "штуки"....
05 06 2026 2:50:38
Советы и рекомендации по включению игрового режима в ОС Windows 10. Статья поможет ускорить и повысить производительность компьютера в играх (FPS+)....
04 06 2026 0:24:39
Из статьи вы узнаете, что делать при появлении синего экрана в Windows 10 (инструкция по восстановлению работоспособности системы)....
03 06 2026 15:11:17
Статья расскажем вам, как сделать фотографию с помощью обычной веб-камеры ноутбука (в том числе получить зеркальное фото)....
02 06 2026 16:38:36
Поиск и нахождение точки по ее координатам. Статья поможет вам узнать свои координаты и не заблyдиться в незнакомой части города....
01 06 2026 1:50:13
Еще:
Компьютерное -1 :: Компьютерное -2 :: Компьютерное -3 :: Компьютерное -4 ::
