Как создать 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!
Если вы печатали-печатали и пропал свет (возможно просто перепутали и нажали кнопку "Не сохранять") – не волнуйтесь, есть шансы восстановить не сохранённый документ Word. Эта инструкция как раз вам в помощь!...
05 06 2026 8:49:13
Инструкция по заказу и покупке товара со скидкой в Интернет-магазине (на примере популярного китайского магазина Алиэкспресс)....
04 06 2026 7:33:52
В статье вы найдете несколько способов проверки реальной скорости интернета на телефоне....
03 06 2026 21:16:46
В статье приведено 5 важных правил работы за компьютером, которые помогут вам сохранить здоровье (бережем глаза, спину, руки, шею)....
01 06 2026 17:28:24
Инструкция с пошаговыми действиями по оплате ЖКХ через интернет (пригодится всем, кому надоело стоять в очередях)....
31 05 2026 6:42:53
В статье найдете причины из-за которых ваш компьютер (ноутбук) может не видеть второй монитор (или ТВ). Основной акцент на интерфейс HDMI....
30 05 2026 19:46:29
В статье рассказано почему не заряжается аккумуляторная батарея ноутбука, даны советы и рекомендации что делать в таких случаях, чтобы восстановить зарядку....
29 05 2026 9:27:35
В этой статье приведено самое основное о SSD M2, что вам понадобиться знать перед покупкой: про интерфейс (PCI-E 2.0 x4, PCI-E 3.0 x2, PCI-E 3.0 x4, SATA III), про габариты 2242, 2260, 2280, про ключи "M"," "B", "B&M"....
28 05 2026 17:48:56
Несколько способов, как можно найти и произвести установку драйвера в Windows для неизвестного устройства (актуально для версии Windows 7, 8, 10)....
27 05 2026 8:50:16
Обзор популярной платежной системы Яндекс Деньги. Из статьи вы узнаете, как пополнить кошелек, как перевести средства, а также вывести их на свой банковский счет. Указаны основные преимущества платежной системы и ее особенности....
26 05 2026 20:50:23
Инструкция по удалению "навязанных" стартовых страниц, вкладок, игроцентра, амиго и прочего "добра" от Mail.ru. В статье приводятся скриншоты с пояснением каждого шага....
25 05 2026 8:46:34
В статье предложено несколько вариантов решения этой ошибки, появляющейся при установке Windows 10 на этапе выбора диска....
24 05 2026 17:26:51
В статье приведены основные причины появления постороннего звука в колонках (шипение, треск, щелчки мышки и пр.), даны рекомендации, что делать и как устранить эту проблему....
23 05 2026 10:42:43
Если вас замучили всплывающие окна (push-уведомления) на различных сайтах, то эта статья для Вас. В ней рассказано как их отключить и заблокировать в популярных браузерах (Google Chrome, Firefox, Opera, Яндекс браузере), чтобы они не доставали....
22 05 2026 10:44:59
Из статья вы узнаете как можно найти и определить наиболее быстрые публичные серверы DNS именно для вашего провайдера, а затем указать их в Windows. Таким образом можно ускорить, например, открытие интернет страничек....
21 05 2026 23:16:54
В статье изложены способы восстановления данных с жесткого диска для тех случаев, когда не загружается Windows. Материал ориентирован на начинающих пользователей....
20 05 2026 1:46:51
Если Вы не знаете, что делать с ошибкой "DNS-сервер не отвечает" - рекомендую ознакомиться с этой статьей и восстановить работу интернета в Windows....
19 05 2026 4:16:27
В статье приведено несколько способов, как можно увеличить громкость на Андроиде (особенно пригодится тем, у кого не телефоне слишком тихий звук, и он часто пропускает вызовы др. абонентов)....
18 05 2026 15:50:20
Из статьи вы узнаете как провести обработку и ретушь фото быстро и просто (даже если вы никогда не работали с фото-редакторами). Вы увидите, как с фото лица можно удалить ямочки и прыщики, повысить яркость, провести тонирование, сделать кожу более гладкой. Статья рассчитана на начинающего пользователя....
17 05 2026 10:25:52
![Как узнать сколько бит 32 или 64 моя Windows, какую выбрать для установки [их различие] // разрядность Windows 7, 8, 10](/lifehacks-raw/img/2577.php.jpg "Как узнать сколько бит 32 или 64 моя Windows, какую выбрать для установки [их различие] // разрядность Windows 7, 8, 10")
В статье приводится несколько способов, которые помогут вам определить сколько бит в вашей ОС Windows - 32 или 64. Способы актуальны для Windows 7, 8, 8.1, 10....
16 05 2026 23:30:29
Инструкция для начинающих по сравнению эффективной производительности разных процессоров (Intel Core i3, i5, i7, AMD A-8, A-10, FX и т.д.). В статье приведены сайты и ссылки, рассказано, что откуда брать и на что смотреть. В общем, сможете сравнить любые процессоры между собой....
15 05 2026 3:19:36
Из статьи вы узнаете почему нельзя подключать на "горячую" ТВ или монитор к ПК (ноутбуку) по HDMI кабелю. Уже не раз такая "самонадеянность" приводила к сгоревшим портам......
14 05 2026 18:14:38
В статье приведено несколько способов, как можно записать звук на компьютере (тот, которые вы слышите в колонках или через микрофон)....
13 05 2026 12:24:22
Создаем и подключаем себе облачный диск к Windows, который позволит безопасно и удобно хранить файлы 10-ками гигабайт и не опасаться за их сохранность....
12 05 2026 20:33:17
Из этой статьи вы узнаете как войти в UEFI (BIOS) без использования и нажатия специальных клавиш во время загрузки компьютера (например, F2, Del и др.). Такие варианты входа из Windows могут вас выручить, когда никак не получается войти в BIOS классическим способом....
11 05 2026 14:33:37
![Пропал значок Bluetooth на ноутбуке: как его добавить в трей рядом с часами [инструкция]](/lifehacks-raw/img/17137.php.jpg "Пропал значок Bluetooth на ноутбуке: как его добавить в трей рядом с часами [инструкция]")
Из статьи вы узнаете почему пропал значок Bluetooth на ноутбуке и как его снова включить, чтобы он появился в трее: в правом нижнем углу экрана (рядом с часами)....
10 05 2026 4:28:24
Пошаговая инструкция по настройке экрана: яркости, контрастности, четкости текста, разрешения. От этих параметров зависит не только качество картинки, но и наше зрение!...
09 05 2026 6:25:20
Несколько способов, как можно узнать модель и серию телевизора....
08 05 2026 19:56:35
Инструкция по тому, как создать резервную копию драйверов на "пожарный" случай. Например, такая копия будет полезна при переустановке Windows, если просто произойдет конфликт драйверов, или после вирусной атаки....
06 05 2026 19:36:16
Инструкция со скриншотами, которая поможет вам настроить раздачу интернета с одного компьютера на другой (если они соединены сетевым кабелем)....
05 05 2026 7:35:54
Собран перечень статей, которые помогут даже вчерашнему новичку по видеообработке, создать своё видео с нуля, без помощи посторонних! Простое обучение - все материалы с пошаговым разбором всех действий....
04 05 2026 3:16:10
В статье рассмотрено несколько способов (в UltraISO и в CDBurnerXP), как создать ISO-образ из файлов и папок, и диска, вставленного в CD/DVD привод. Статья изобилует скриншотами с пояснением каждого шага....
03 05 2026 15:52:41
Краткая инструкция, которая расскажет вам как узнать модель процессора, и посмотреть его спецификацию (тактовую частоту, кэш, количество ядер, и т.д.)....
02 05 2026 1:22:29
В статье приведено несколько вариантов, как можно отформатировать карту памяти (SD-карту). Для сбойных и глючных карт, приведено несколько спец. утилит для форматирования и полной очистки ее от всех файлов (утилиты позволяют восстановить работоспособность SD-карты)....
01 05 2026 8:58:55
В статье приводятся лучшие бесплатные антивирусы и программы для защиты вашего ПК. В своем топ-10 я отобрал только самое актуальное для 2017г. - пользуйтесь!...
30 04 2026 11:23:21
В статье приведено несколько причин медленной работы SSD M2 накопителя....
29 04 2026 18:29:43
В статье представлено 13 лучших браузеров 2017 года - выберите самый быстрый и оптимальный для себя! Все программы работают и совместимы с Windows 7/8/10....
28 04 2026 13:53:59
В статье рассматривается 3 бесплатных способа, чтобы сделать визитку (самостоятельно). 2 способа, кстати, содержат в себе готовые шаблоны для работы, что очень удобно. Статья представляет собой инструкцию для начинающих, которая позволит им самим создавать визитки....
27 04 2026 3:24:20
В статье приведены лучшие сервисы с картами полетов самолетов, которые позволят в режиме онлайн узнать, где сейчас летит самолет, время взлета и посадки, текущую скорость и т.д....
26 04 2026 2:49:52
В статье приведено несколько способов отключения тачпада на ноутбуке (способы актуальны для самых разных моделей и марок: ASUS, Dell, Lenovo, Acer и др.)....
25 04 2026 0:46:16
Из статьи вы узнаете, как можно вести ручную и автоматическую запись всех входящих и исходящих телефонных разговоров (на Андроиде). Рассмотрено 2 способа....
24 04 2026 4:31:33
Если у вас не работает камера на телефоне Андроид - попробуйте пройтись по шагам этой инструкции. В ряде случаев удается восстановить работу устройства самостоятельно, без сервиса....
23 04 2026 14:16:34
Эта инструкция поможет вам удалить драйвера в системе, которые стали ненужны (например, устарели). Особенно актуально, когда вы хотите установить новые драйвера, а старые перед этим нужно удалить....
22 04 2026 22:24:31
Эта инструкция расскажет вам, как создать загрузочную флешку с Windows 10 в программе WinSetupFromUSB. Все действия разбиты на шаги, приведены скриншоты....
21 04 2026 21:26:51
В статье приведено несколько советов, которые помогут вам убрать эхо и различные шумы (треск, свист, фон и др.) при использовании микрофона....
20 04 2026 18:35:15
Если почта не отдает Вам вашу посылку - не спешите расстраиваться. В этой небольшой статье поделюсь о том, какие действия можно предпринять для того, чтобы Вам выдали ее!...
19 04 2026 18:56:18
В статье разобраны причины из-за которых на ноутбуке могут не работать функциональные клавиши F1-F12, и Fn....
18 04 2026 22:22:43
Если вы хотите почистить свой компьютер от мусора и ускорить его - необходимо проделать ряд шагов: удалить мусор с диска, "хвосты" в реестре, удалить кэш браузеров, временные файлы и пр.. Полная инструкция приведена в данной статье....
17 04 2026 3:19:39
Еще:
Компьютерное -1 :: Компьютерное -2 :: Компьютерное -3 :: Компьютерное -4 ::
