Редактирование видео

Как создать фоновое видео для главной страницы сайта

Posted 15 октября 2021 г.
Clipchamp — бесплатный онлайн-редактор видеоПопробуй бесплатно
Поделиться этой публикацией

Статичные домашние страницы постепенно уходят в прошлое, уступая дорогу красивым видеофонам, которые набирают популярность по всему интернету. Правильно подобранный видеофон разогреет интерес посетителей и задаст настроение всему сайту. Видеофон также может повысить показатели конверсии. По данным журнала Forbes, видео на целевой странице способно увеличить конверсию на 80%.

Ну кто откажется попробовать видеофон при такой статистике? В этой статье мы делимся советами по выбору и созданию фонового видео для главной страницы сайта. 

  • Что такое фоновое видео? 

  • Примеры видеофонов 

  • Как создать фоновое видео для главной страницы сайта

Что такое фоновое видео?

Собственно, название говорит само за себя: это видео, которое проигрывается на фоне вашего сайта. Так как видео способно красноречиво описать характер и рассказать историю бренда, чаще всего оно помещается на фоне главной страницы сайта. В отличие от руководств и презентаций товаров, фоновое видео создается с целью передать стиль и настроение, а не информацию. Фоновые ролики, как правило, короткие (не больше 30 секунд) и сопровождаются субтитрами или содержат минимум текста (либо текст отсутствует вовсе).

What is a video background?

Примеры видеофонов 

Чтобы вдохновить вас перед созданием видеофона, мы составили небольшую подборку с отличными примерами сайтов, где используется фоновое видео.

Mediaboom

Агентство цифрового маркетинга Mediaboom разместило на главной странице своего сайта фоновое видео с кратким экскурсом в рабочие будни компании. Видео выполнено в черно-белых тонах, и поэтому текст поверх ролика не теряется и легко читается. Видео, где показаны разные аспекты работы агентства, располагает к себе зрителя на более глубоком уровне, нежели типичная страница «О компании». В ролике отключен звук и показаны клиент и сотрудник компании, рабочее пространство, офис и задействованные технологии — в целом, отличная иллюстрация услуг агентства.

Media Boom

Venem 1.0

Австралийский модный бренд Venem 1.0 выбрал для своего фонового видео другой формат. Компания рекламирует новые поступления с помощью коротких фоновых роликов, которые приглашают посетителей ознакомиться с коллекцией и нажать кнопку с призывом к действию. Такое фоновое видео раскрывает творческий подход компании и смотрится на одном дыхании. 

Venem 1.0

The Cliffs

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

The Cliffs

Project Skin MD

Project Skin MD выводит фоновое видео на кардинально новый уровень и рассказывает целую историю. В начале ролика мы видим, как женщина приходит в клинику и направляется к стойке регистрации. Затем видео показывает, как проходит типичный прием. Таким образом, один короткий ролик освещает работу клиники сразу с нескольких сторон — приемная, персонал, средства по уходу и лазерные процедуры, товары для продажи и блестящее обслуживание. Текста, опять же, минимум, и он не меняется на протяжении всего ролика.

Project Skin MD

Как создать фоновое видео для главной страницы сайта

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

Clipchamp — больше, чем просто бесплатный редактор видео. На нашей платформе также собрана огромная коллекция ресурсов, включая профессиональные стоковые видеоролики. Чтобы помочь вам воспользоваться этими преимуществами максимально эффективно, мы подготовили пошаговую инструкцию по созданию фонового видео для главной страницы сайта.

Шаг 1. Начните с создания учетной записи в Clipchamp

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

Step 1. Get started by creating a Clipchamp account

Шаг 2. Создайте новый проект

Нажмите кнопку «Создатьвидео» на боковой панели слева. Выберите один из пяти форматов, который лучше всего подойдет для вашего проекта. Для фона главной страницы рекомендуем использовать широкоэкранный формат с соотношением сторон 16:9.

Step 2. Create a new project

Шаг 3. Добавьте собственное или стоковое видео

Нажмите кнопку «Сток» на боковой панели слева и просмотрите доступные варианты. Присмотрев подходящее видео, нажмите кнопку «+ Добавить» в правом верхнем углу видео. Выбранные ролики автоматически загрузятся в вашу медиатеку. Если вы хотите воспользоваться собственным видеоматериалом, нажмите кнопку «Добавить ресурс» на панели слева и импортируйте файл с компьютера.

Step 3. Add personal video footage or stock footage

Шаг 4. Добавьте и отредактируйте видео на шкале времени 

Перетащите видеоролики на шкалу времени и разместите их в желаемой последовательности. Если вы поместили клип не туда, не волнуйтесь: ролики можно свободно перемещать по шкале. Теперь клипы можно подрезать: для этого воспользуйтесь специальным инструментом или просто потяните зеленую рамку клипа за правый или левый край. Настройте цветовой баланс, добавьте фильтр или оставьте видео как есть. Однако мы рекомендуем понизить экспозицию или применить эффект черно-белого кино, чтобы поверх ролика легко считывался текст. 

Step 4. Add and edit footage in timeline

Шаг 5. Добавьте анимированные заголовки (если нужно)

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

Step 5. Add motion titles if needed

Шаг 6. Экспортируйте проект

Нажмите фиолетовую кнопку «Экспортировать» в правом верхнем углу редактора. На этом этапе вы сможете выбрать разрешение, в котором хотите скачать свой проект. Для фона рекомендуем выбрать разрешение 1080p, а также сжать файл для ускоренной загрузки на сайт. И наконец, нажмите кнопку «Продолжить» и дождитесь, пока Clipchamp экспортирует ваше видео. После этого вы сможете сохранить его на компьютер или опубликовать в соцсетях

Step 6. Export your project

Мало?

Не забывайте про другие наши видеоуроки и статьи с полезными советами и хитростями по созданию эффектного видео!

Больше из блога Clipchamp

Экспорт в 1080p переходит на бесплатную основу

26 марта 2022 г.
Сегодня в Clipchamp царит отличное настроение, потому что экспорт в 1080p объявляется…

Новинка! Встречайте функцию записи с экрана и камеры

9 февраля 2022 г.
Ну кто не любит удачные экранные дуэты? Джим и Пэм в «Офисе», Маркус и Майк в «Плохих…

Как легко создать видео с текстом песни для YouTube

4 ноября 2021 г.
В этой ситуации, наверное, бывал каждый. Вы напеваете любимую песню перед друзьями…

Создавайте видео бесплатно вместе с Clipchamp!

It looks like your preferred language is English