Всем доброго времени суток!
Довольно часто мне задают вопросы относительно картинок. Я, правда, не специалист по рисованию и редактированию фото и пр., но базовые мало-мальские приемы мне знакомы ✌.
В этой статье хочу остановиться на нескольких способах создания GIF-анимаций. Если кто не знает — то это вроде бы обычная картинка формата GIF, но она проигрывается как видео: т.е. она динамически меняется (пример на первой картинке в статье, слева).
Чтобы делать такие картинки — не нужно обладать никакими специальными навыками, достаточно всего лишь желания и несколько минут времени. В статье рассмотрю несколько источников для создания таких GIF-картинок: видео, фото и картинки.
Из своего опыта, кстати, скажу, что больше всего пользуются популярностью ‘Гифки’, созданные из кадров популярного фильма или картинок. ‘Гифки’ из фото менее популярны, их обычно используют для создания аватарок.
Итак, перейдем к делу…
📌, Примечание!
Статья не научит вас делать профессиональные GIF-анимации. Все способы в статье приведены для начинающего пользователя, максимально просты и эффективны. Так, чтобы любой через 5-10 мин. получил желаемый результат!
Способы создания GIF-анимаций
Из видео
Для работы нам понадобиться один простенькая программа для работы с мультимедиа-файлами — ‘Видео-Мастер’ (рассчитана на начинающих пользователей!).
📌, Видео-Мастер
Сайт:
(прим.: программа ‘Видео-Мастер’ входит в пакет ‘Видео-Студия’)
Одна из лучших программ для конвертирования, сжатия и обрезки видео. Пользоваться ей очень легко и просто, даже для совсем начинающих пользователей (именно поэтому и рекомендую остановиться на ней).
Что касается нашей задачи: в ее комплексе функций есть одна нужная нам — ‘Создание GIF’. Именно ее ниже я и рассмотрю…
Итак, вопрос скачивания и установки программы ‘Видео-Мастер’ я опускаю (думаю, с этим проблем не будет ).
После запуска программы, нажмите кнопку ‘Добавить’, и откройте какой-нибудь видеоролик или фильм, в котором вам нравиться какой-то момент (и из него вы и хотите сделать анимацию).
Примечание!
Желательно не делать анимацию длиннее 30 сек. Если Вы добавите большое видео, например, целый фильм — то мы из него выберем конкретный 20-30 секундный момент из которого и сделаем ‘гифку’…
Добавление фильма
Далее в списке добавленных видео (слева) выберете одно нужное (если добавили сразу 2-3 и более) и справа над окном просмотра нажмите кнопку ‘GIF’ (см. скриншот ниже 👇,).
Создание GIF
Следующий шаг — выбор момента, из которого будем делать анимацию. Для этого:
- примерно отмотайте на то место, где хотите задать начало анимации,
- далее при помощи кнопки проигрывания
включите воспроизведение видео и нажмите кнопку начала — , когда дойдете до нужного кадра, - Далее, когда решите, что на следующем кадре нужно завершить ваш выбранный кусок из видео — нажмите кнопку конца — ,
- когда отрывок из видео будет выбран, нажмите кнопку ‘Далее’.
Выбор начало и конца GIF-анимации
Теперь необходимо выбрать размер анимации. В этом плане программа достаточно гибка: можно задать как стандартный размер для аватарки, например, 250 на 250 пикселей, 200 на 200, так и указать конкретный размер в ручном режиме (что я и сделал в своем примере).
Кстати, в этом же шаге можно просмотреть, что из себя будет представлять ‘гифка’.
Размер GIF
Последний шаг: необходимо указать количество кадров в секунду и скорость их воспроизведения. После введенных настроек можно сразу же оценить, как изменится качество картинки.
Чем больше количество кадров — тем более плавная картинка, и тем больше места она будет занимать. Длинные GIF-анимации могут достигать до нескольких десятков МБ!
Количество кадров и скорость проигрывания
Собственно, моя анимация готова (пример ниже). Весьма неплохо для человека, который это делает от большого случая к большому (на мой взгляд).
Готовая ‘гифка’…
В помощь!
1) Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)
2) Кстати, если Вы хотите создать свое видео из фото — рекомендую ознакомиться вот с этой статьей.
Из фото и картинок
С помощью спец. ПО (на компьютере)
Рекомендовать здесь как создавать анимации в больших графических редакторах (типа Photoshop или Gimp) — я не буду. Во-первых, далеко не у всех они есть (а пакеты все-таки большие о по размеру), а во-вторых, пользоваться ими не так просто, даже для создания простейшей ‘гифки’.
Здесь и сейчас я приведу очень простой способ создания ‘гифки’ из картинок и фото, буквально за несколько кликов мышкой! Для работы нам понадобится программа Photo Scape.
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
Англоязычный сервис по созданию анимаций. Чтобы создать анимацию — нужно также загрузить последовательно несколько картинок и нажать кнопку создания.
Но вот далее… сервис Вам предлагает десятки опций по редактированию полученного результата: можно изменить размер картинки, обрезать ее, повернуть, оптимизировать, добавить эффекты, изменить скорость проигрывания, подрезать края, добавить текстовую надпись, отредактировать чуть-ли не каждый кадр.
В общем, огромный пакет инструментов, как в самом настоящем большом редакторе картинок (пример на скрине ниже).
Опции редактирования