Как создавать и добавлять Cinemagraphs в WordPress

Хотите узнать, как создавать и добавлять Cinemagraphs в ваших постах WordPress? Cinemagraphs – изображения, движущиеся одной частью или областью, в то время как остальная часть изображения остается неподвижной. Эти изображения очень интересны и добавляют элемент рассказа в ваши статьи. В этой статье мы покажем вам, как легко создавать и добавлять кинематографы в WordPress.

^

Что такое Cinemagraphs?

Cinemagraphs, как правило, изображения GIF, где небольшая часть изображения движется, а остальная часть остается неподвижной. Они выглядят очень кинематографично, отсюда и название cinemagraphs.

^

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

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

При этом давайте посмотрим, как легко создавать и добавлять кинограммы в WordPress.

Создание Cinemagraphs из видео

Для начала вам понадобятся следующие предметы:

Небольшой видеоклип, который вы хотите превратить в синеграф
Adobe Photoshop
Ваше время, терпение и креативность
Давайте начнем.

Сначала вам нужно подготовить видео. Вы можете использовать инструмент для редактирования видео, например iMovie, чтобы обрезать видео до минимального клипа, необходимого для кинематографа.

Затем вам нужно открыть Photoshop и импортировать видео в слои, щелкнув меню «Файл»> «Импорт» Видеокадры в слои.

^

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

^

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

^

Теперь вам нужно выбрать все слои, кроме самого первого (Layer 1).

Перейдите в меню Layer »New» Group From Layers или нажмите Ctrl + G (CTRL + G в Windows), чтобы добавить слои в группу.

^

Затем вам нужно выбрать группу и перейти в «Слой»> «Маска слоя»> «Показать все», чтобы добавить маску в группу.

^

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

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

^

После этого перейдите в Window »Timeline, чтобы открыть все ваши слои в формате анимации.

Вы заметите, что все кадры выглядят прозрачными на временной шкале, кроме первого.

^

Чтобы изменить это, выберите первый слой (Layer 1) на панели слоев и нажмите на значок «Не виден слой», а затем нажмите кнопку «Match».

^

Затем нажмите на значок переключения временной шкалы и выберите все кадры. После этого снова нажмите кнопку переключения, чтобы выбрать «Копировать кадры».

^

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

Вам будет предложено выбрать метод вставки. Выберите «Вставить после выбора» и нажмите кнопку «ОК».

^

Затем вам нужно еще раз щелкнуть значок переключателя временной шкалы и выбрать опцию «Обратные рамки».

^

Ваша анимация cinemagraph почти готова.

Чтобы сохранить его на своем компьютере, выберите «Файл»> «Сохранить для Интернета». Появится всплывающее окно, в котором вам нужно выбрать формат GIF и нажать кнопку «Сохранить».

^

Вот и весь твой кинематограф готов.

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

^

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

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

Теперь вы увидите изображение в своем редакторе сообщений WordPress.

Не забудьте сохранить или обновить сообщение. Теперь вы можете нажать на кнопку предварительного просмотра, чтобы увидеть cinemagraph в действии. Вот синеграф, который мы создали во время этого урока.

^

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