Хотите узнать, как создавать и добавлять синемаграфы в свои посты WordPress?? Синемаграфы — это изображения, в которых одна часть или область движется, а остальная часть изображения остается неподвижной. Эти изображения очень привлекательны и добавляют элемент повествования в ваши статьи. В этой статье мы покажем вам, как легко создавать и добавлять синемаграфы в WordPress.
Что такое синемаграфы?
Синемаграфы обычно представляют собой GIF-изображения, в которых небольшая часть изображения движется, а остальная часть остается неподвижной. Они выглядят очень кинематографично, отсюда и название «синемаграфы».
Они добавляют элемент повествования к изображениям, что делает их более интересными. Они особенно полезны при сопровождении лонгформного контента, эпизода подкаста или аудиорассказа.
Создание синемаграфов немного отличается от создания обычных GIF-файлов. Однако если у вас есть нужные инструменты, то с небольшими усилиями и некоторой практикой вы сможете создавать потрясающие синемаграфы из своих собственных видеороликов.
Итак, давайте рассмотрим, как легко создавать и добавлять синемаграфы в WordPress.
Создание синемаграфов из видео
Чтобы начать, вам понадобятся следующие элементы:
- Небольшой видеоклип, который вы хотите преобразовать в синемаграф
- Adobe Photoshop
- Ваше время, терпение и творческий подход
Давайте начнем.
Сначала вам нужно подготовить видео. Вы можете использовать инструмент для редактирования видео, например iMovie, чтобы обрезать видео до минимального клипа, который вам нужен для синемаграфа.
Далее вам нужно открыть Photoshop и импортировать ваше видео в слои, нажав на кнопку Файл » Импорт » Кадры видео в слои меню.
Выберите видео и нажмите на кнопку OK, чтобы продолжить. В зависимости от размера вашего видео, для полного импорта может потребоваться некоторое время.
Как только ваше видео будет импортировано, вы увидите кадры видео в качестве слоев на панели слоев.
Теперь нужно выделить все слои, кроме самого первого (Слой 1).
Перейдите к Слой » Новый » Группа из слоёв или нажмите Command + G (CTRL+G в Windows), чтобы добавить слои в группу.
Далее необходимо выбрать группу и перейти в раздел Слой » Маска слоя » Раскрыть все добавить маску в группу.
После добавления маски нажмите клавиши Command + I (Ctrl + I в Windows), чтобы инвертировать цвет маски.
Теперь установите цвет переднего плана на белый и нажмите на инструмент «кисть». Вам нужно использовать инструмент кисть, чтобы выделить область, которую вы хотите показать в цикле.
После этого перейдите в меню Окно » Временная шкала чтобы открыть все ваши слои в формате анимации.
Вы заметите, что на временной шкале все кадры, кроме первого, стали прозрачными.
Чтобы изменить это, выберите первый слой (Layer 1) на панели слоев и нажмите на значок Unfiy Layer Visibility, а затем нажмите кнопку Match.
Затем нажмите на значок переключения временной шкалы и выберите все кадры. После этого снова нажмите на кнопку переключения, чтобы выбрать «Копировать кадры».
После копирования кадров нажмите на кнопку переключения и выберите опцию «Вставить кадры».
Вам будет предложено выбрать метод вставки. Выберите «Вставить после выделения» и нажмите кнопку OK.
Затем еще раз нажмите на значок переключения временной шкалы и выберите опцию «Обратные кадры».
Ваша анимация в формате синемаграфа почти готова.
Чтобы сохранить его на компьютере, перейдите по ссылке Файл » Сохранить для Web опция. Появится всплывающее окно, в котором нужно выбрать формат GIF и нажать на кнопку сохранения.
Вот и все, ваш «Синематограф» готов.
Вы можете добавить его на свой сайт, как вы бы добавили любой другой GIF в WordPress. Просто отредактируйте пост или страницу, куда вы хотите добавить синемаграф, и нажмите на кнопку добавления медиа.
Откроется окно загрузки медиафайлов, нажмите на кнопку «Выбрать файлы», чтобы загрузить GIF-файл с вашего компьютера.
После загрузки нажмите на кнопку «Вставить в пост», чтобы продолжить работу.
Теперь вы увидите изображение в редакторе постов WordPress.
Не забудьте сохранить или обновить пост. Теперь вы можете нажать на кнопку предварительного просмотра, чтобы увидеть синемаграф в действии. Вот синемаграф, который мы создали в этом уроке.
Надеемся, что эта статья помогла вам узнать, как создавать и добавлять синемаграфы в WordPress. Вы также можете посмотреть наш список сайтов, предлагающих бесплатные роялти-фри изображения для пользователей WordPress.
Источник: www.wpbeginner.com