Звук для UI-відео: що звучить під кожним рухом

Навіщо, якщо стрічка стартує без звуку

Більшість стрічок вмикає відео без звуку, тож картинка має розповісти все сама. Звук — для тих, хто вирішив послухати: на сторінці кейсу на вашому сайті, у презентації, на дзвінку з клієнтом, на YouTube. Для них проліт у тиші виглядає як чернетка.

Тож відео має працювати в обох режимах. Спершу зробіть його зрозумілим без звуку, а потім додайте звук, який не каже нічого, чого не показує картинка.

Три шари — три завдання

1. Музична підкладка. Тихий трек під усім. Він задає настрій і тримає відео цілим між рухами.
2. Звуки руху. М’який свист повітря, коли камера їде або секція виїжджає. Вони йдуть за камерою, а не за шарами.
3. Звуки взаємодії. Дотик, коли шар стає на місце, клік, коли курсор натискає кнопку. Саме їх помічають, тож вони мають точно збігатися з картинкою.

Тримайте шари окремо — і зведення стає простим: музика найнижче, звуки руху над нею, клік — зверху.

Правила, які тримають звук тихим

• Одна подія — один звук. Якщо заголовок, підзаголовок і кнопка з’являються разом, це один дотик, а не три.
• Синхронізуйте до кадру. Клік, що звучить на мить пізніше за натиск, сприймається як помилка.
• Не кожному шару потрібен звук. Дрібні деталі можуть з’являтися в тиші; лишайте звуки для важливих рухів.
• Беріть одну родину звуків на все відео. Дзвінкі скляні клацання поруч із низькими ударами звучать як два монтажі, склеєні докупи.
• Робіть музиці плавний вхід і вихід. Трек, що починається на повній гучності чи обривається посеред ноти, слухач помічає першим.
• Послухайте з динаміка телефона й у навушниках. Низькі звуки на телефоні можуть зникнути, а дзвінкі в навушниках — різати вухо.

Музика, що закінчується разом із відео

Трек із бібліотеки рідко збігається з довжиною вашого монтажу. Його або обрізаєш посеред фрази, або картинка закінчується, а музика ще грає. Якщо берете такий трек, обріжте його по кінцю фрази, загасіть на останньому кадрі й перевірте, що ліцензія покриває майданчики, де ви публікуєте.

Мелодія ще й змагається з картинкою. Насичений мотив із сильною партією відтягує увагу від дизайну. Теплий пед, м’які клавіші чи щипкова лінія дають сторінці вести.

Як звучить відео в Casecut

У Casecut звук створюється для кожного відео — після того, як ШІ-режисер його змонтував. Свист повітря йде за камерою, дотики — за шарами, а клік — це справжній клік миші в момент натиску курсора. На головній сторінці Heroes of Digital, агенції ШІ-SEO, це тиха підкладка під першим екраном, свист, коли камера переходить до наступної секції, і один клік, коли курсор натискає головну кнопку.

Музика пишеться під проєкт: він отримує власну тональність, акорди й темп під свою тривалість, а грають її записані інструменти. Далі змінюєте ви:

• Звукові ефекти: чотири набори з тих самих записів — М’які, Скляні, Низькі й Мінімум — із власною гучністю.
• Музика: настрій, наприклад Спокій, Пульс чи Повітря, та інструмент — ембієнт без мелодії, рояль чи піаніно, вібрафон, маримба, арфа, калімба, дзвони чи дзвіночки.
• Гучність, плавний вхід і вихід музики — або без музики взагалі.
• «Скласти інший трек», якщо мелодія не та. Кнопка динаміка під прев’ю вимикає весь звук.

Зміни чути одразу, тож набір можна приміряти до картинки, а не вгадувати. Звук іде в експортований MP4 — у 16:9, 4:5 і 9:16.

Відео-кейс зі звуком — з фрейму Figma

Спробуйте на власному фреймі

Ще з блогу