Как создать и добавить гиф анимацию из видео в WordPress?

Хотите научиться создавать и добавлять в статьи на вордпрессе сайте синемаграфы или проще говоря ищите материалы как создать гиф анимацию из видео? Тогда читаем дальше.

Синемаграф (Cinemagraph) – это изображение, в котором какой-то элемент или целая часть движется, а вся остальная картинка статична.

Такие элементы очень эффектно смотрятся и добавляют изюминку статье. Сегодня я расскажу, как создавать и добавлять синемаграфы в WordPress.

Что такое Синемаграфы?

Cinemagraph – это, как правило, GIF-элемент, в котором небольшая часть подвижна, а все остальное – картинка. Выглядит это очень кинематографично, собственно, поэтому и такое название.

Такие элементы очень интересно смотрятся, разряжают атмосферу, а порой служат и частью повествования. Синемаграфы особенно полезны при создании объемного текстового контента, подкаст эпизода или аудио истории.

Создание синемаграфов немного отличается от создания обычных GIF-элементов. Однако если у вас есть необходимые программы и кое-какой опыт, то приложив минимальные усилия, вы с легкостью сможете создать удивительные синемаграфы из видео.

Итак, как же легко создать и добавить cinemagraph в WordPress.

Как сделать синемаграф из видео

Вам понадобятся:

1. Маленький ролик, из которого вы хотите сделать синемаграф
2. Adobe Photoshop
3. Время, терпение и фантазия

Начнем!

Подготовьте видео – для этих целей может подойти, например, такой простой видео редактор как  iMovie. Обрежьте клип до минимального размера, который вам необходим для создания синемаграфа.

Затем импортируйте видео в слои Фотошопа, нажав на Файл » Импортировать » Импорт видеокадров в слои.

Выберите необходимое видео и нажмите по кнопке «OK». Время перемещения будет зависеть от размера ролика.

Как только видео переместится, вы увидите в панели разбивку видеокадров по слоям.

Выделите все слои кроме первого (Layer 1).

Нажмите в меню по Слои » Новый » Группа из слоев или зажмите Command + G (CTRL+G в Windows), чтобы добавить слои в группу.

Затем выделите группу и нажмите Слои » Слой-маска Mask » Показать все. Таким образом вы сделаете маску для всей группы.  

После добавления маски нажмите Command + I (или Ctrl + I), чтобы инвертировать цвет маски.

Поменяйте цвет переднего плана на белый и выберите инструмент кисти. Вам она понадобится для того, чтобы выделить область, которую вы хотите сделать динамичной.

Для того чтобы открыть все слои в анимационном формате перейдите по Окно » Шкала времени.

После этого все кадры за исключением первого в шкале времени станут прозрачными.

Чтобы это изменить выберите первый слой (Layer 1), нажмите по иконке Видимость слоя, а затем по Подобрать.

После этого в Шкале времени щелкните по значку переключения и выберите все кадры. Еще раз выберите значок переключения и щелкните по Копировать кадры.

После этого нажмите кнопку переключения и щелкните Вставить кадры.

Вам предложат выбрать метод вставки – поставьте галочку напротив «Вставить после выделения» и щелкните по OK.

Еще раз щелкните по значку переключения временной шкалы и выберите Упорядочить кадры.

Осталось совсем чуть-чуть!

Сохраните синемаграф  на компьютер: Файл » Сохранить для веб → в сплывающем окне выберите GIF-формат и щелкните по кнопке Сохранить.

Вот и все! Синемаграф готов.

Его можно добавить в любое место записи, как любой GIF-элемент. Просто зайдите в запись или на страницу, куда хотите добавить и щелкните по Добавить медиа.

Вылезет всплывающее окно медиа-загрузчика, нажмите на кнопку, чтобы выбрать с компьютера необходимый GIF-файл.

После загрузки щелкните по «Вставить в запись» и вы увидите изображение в редакторе записи.

Не забудьте сохранить или обновить запись.

Теперь можно нажать и на кнопку предварительного просмотра, чтобы увидеть в деле только что созданный синемаграф.

Вот, что у нас получилось:

Надеюсь, эта статья помогла вам разобраться, и вы теперь сможете без труда создавать и вставлять синемаграфы в WordPress записи.

Возможно, вам также пригодится информация о том как зарабатывают на фотостоках.

Если вам понравилась статья – не забывайте ставить лайки. Подписывайтесь на мой YouTube канал, находите меня в социальных медиа.