Як зробити демовідео продукту на Mac

Коротко

1. Виберіть одну мету й одного глядача та напишіть сценарій на 60–120 секунд, що проходить одним робочим процесом.
2. Підготуйте Mac: увімкніть «Не турбувати», приберіть зайве, завантажте демодані, зробіть текст достатньо великим, щоб його можна було прочитати.
3. Запишіть один безперервний дубль вікна чи області з увімкненим мікрофоном.
4. Монтуйте по порядку: виріжте помилки, прискорте очікування, перевірте наближення, додайте субтитри, виправте звук.
5. Експортуйте під кожне місце: MP4 16:9 для сайту й YouTube, вертикальне відео для соцмереж, GIF для документації.

Крок 1: вирішіть, для чого демо

Кожне вдале демо відповідає на одне запитання для одного типу глядачів. Відвідувач вашої головної сторінки хоче знати, що робить продукт. Користувач пробної версії хоче знати, як отримати результат. Потенційний клієнт хоче побачити, як розв’язується саме його проблема. Виберіть щось одне ще до того, як відкриєте будь-яку програму, бо від цього залежать тривалість, сценарій і те, де опиниться відео.

• Лендинг або пост про запуск: 30–90 секунд, один робочий процес від проблеми до результату.
• Анонс функції: 15–45 секунд, лише нове, показане в контексті.
• Урок або онбординг: 2–5 хвилин, кожен крок у темпі, за яким можна повторювати.
• Продовження після розмови з клієнтом: 2–3 хвилини, побудовані навколо його власного сценарію використання.

Крок 2: напишіть короткий сценарій

Запишіть поруч, у дві колонки, що ви казатимете й що клацатимете. Більшість людей говорить зі швидкістю 130–150 слів за хвилину, тож 90-секундне демо — це приблизно 200 слів. Це обмеження корисне: воно змушує відкинути функції, які хотілося б згадати, але які не потрібні.

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

Примітка. Один раз прорепетируйте клацання без запису. Ви знайдете повільну сторінку, відсутній дозвіл і забуте діалогове вікно ще до того, як вони коштуватимуть вам дубля.

Крок 3: підготуйте Mac

• Вимкніть сповіщення: відкрийте «Центр керування», клацніть «Зосередження» й увімкніть «Не турбувати».
• Закрийте зайве: чати, пошту й сторонні вкладки браузера. Лічильники на значках і назви вкладок видають більше, ніж здається.
• Приберіть безлад на робочому столі: вимкніть параметр «Показувати елементи»: «На робочому столі» («Системні параметри» → «Робочий стіл і Dock», macOS Sonoma і новіші) або записуйте вікно чи область, щоб робочий стіл узагалі не потрапляв у кадр.
• Завантажте демодані: тестовий обліковий запис із правдоподібними іменами й числами — ніколи не lorem ipsum і ніколи не дані справжнього клієнта.
• Зробіть текст читабельним: масштабуйте програму до 110–125% через ⌘+ або виберіть роздільність із більшим текстом («Системні параметри» → «Дисплеї»).
• Задайте форму вікна: вікно з пропорціями, близькими до 16:9, заповнює відео 16:9 без широких полів.
• Не переймайтеся розміром курсора: Shotnix перемальовує курсор після запису, від 0,6× до 4×. Якщо ваша програма для запису вбудовує курсор у зображення, спершу збільште його: «Системні параметри» → «Доступність» → «Дисплей» → «Розмір вказівника».
• Налаштуйте звук: гарнітура чи USB-мікрофон біля рота, у тихій кімнаті з м’якими поверхнями.

Крок 4: запишіть

Запишіть один безперервний дубль. Якщо збилися — зробіть паузу, повторіть речення й продовжуйте. Невдалий шматок ви виріжете потім, а один дубль тримає ваш голос, курсор і екран синхронними.

1. Клацніть значок Shotnix у смузі меню й виберіть «Записати вікно» для однієї програми, «Записати область» для фіксованої ділянки або двох вікон поруч чи «Записати весь екран» для процесу в кількох програмах. Запис вікна фіксує лише це вікно, тож усе, що плаває над ним, у кадр не потрапляє, а якщо вікно перемістити, запис рухається за ним.
2. На панелі запису ввімкніть «Мікрофон». «Системний звук» додавайте, лише якщо продукт видає звуки, які варто почути, «Камера» — якщо хочете бути в кадрі, а «Показувати клавіатурні скорочення» — якщо демо на них спирається (macOS попросить доступ у розділі «Доступність»; звичайне введення тексту ніколи не записується).
3. Залиште 60 fps (типове значення), якщо багато прокручуєте чи перетягуєте; для простого проходу клацаннями вистачить 30 fps.
4. Натисніть «Записати», вдихніть і йдіть за сценарієм. Щоб мати час приготуватися, увімкніть зворотний відлік на 3, 5 або 10 секунд у меню «…» на панелі запису. Якщо треба зібратися з думками, призупиніть запис на панелі керування записом; час паузи до відео не потрапляє.
5. Зупиніть запис на панелі керування записом, таймером у смузі меню або скороченням ⌃⌘Esc, а потім натисніть «Редагувати відео».

Примітка. Лише вбудованими засобами: ⌘⇧5 записує весь екран, вибрану частину або одне вікно (macOS 26 і новіші) у .mov, з вашим мікрофоном, а в macOS 27 і новіших — і з системним звуком. Увімкніть «Показувати клацання мишею» в меню «Параметри», щоб клацання було видно. Наближення, субтитри й чистку звуку тоді доведеться робити вручну в iMovie.

Крок 5: монтуйте в такому порядку

Порядок важливий: немає сенсу шліфувати те, що ви потім виріжете. Усе нижче робиться в редакторі Shotnix, і будь-яку дію можна відмінити.

1. Виріжте помилки. Підріжте початок і кінець, перетягуючи краї кліпу. Потім відкрийте вкладку «Субтитри», натисніть «Розшифрувати», виділіть невдале речення й натисніть Delete, щоб вирізати його з відео. «Вилучити слова-паразити» й «Скоротити паузи» приберуть решту; паузи скорочуються лише там, де на екрані нічого не відбувається.
2. Прискорте очікування. «Прискорити простої» перемотує вперед ділянки без руху, клацань і звуку — як-от завантаження сторінок чи збирання проєкту. Для решти задайте кліпу швидкість від 0,5× до 16×.
3. Перевірте наближення. «Автонаближення» вже поставило їх на кожну серію клацань. Видаліть ті, що не допомагають, перемкніть наближення на «Навести вручну», щоб затриматися на графіку чи значенні, і тримайте однаковий рівень повсюди за допомогою «Цей рівень для всіх наближень».
4. Відшліфуйте курсор. У вкладці «Курсор» виберіть згладжування «Плавно» або «Шовковисто», трохи збільште курсор для дрібних інтерфейсів, додайте ефекти клацань і ввімкніть «Сховати рух до „Зупинити“», щоб відео не закінчувалося ривком до кнопки зупинки.
5. Покажіть головне. Додайте текст (T) або стрілку (A) для важливого моменту, виділення (H) для значення, яке треба прочитати, і розмиття (B) поверх усього приватного. Розмиття лишається на деталі під час наближень.
6. Додайте субтитри. У вкладці «Субтитри» перемкніться з «Монтаж за текстом» на «Субтитри», вичитайте назви продуктів і виберіть стиль, розмір і положення.
7. Додайте брендинг, якщо хочете. Логотип — інструментом «Зображення» на панелі інструментів, вступну й завершальну заставки — у вкладці «Стиль», фонову музику — у вкладці «Аудіо». Музика сама стишується під ваш голос.
8. Виправте звук. У вкладці «Аудіо» ввімкніть «Покращити голос», щоб прибрати фоновий шум і гудіння, і «Вирівняти гучність», щоб експорт мав рівень −16 LUFS.
9. Оформіть кадр. У вкладці «Стиль» виберіть тло, відступ і заокруглені кути, а потім натисніть «Для нових записів», щоб наступного разу використати той самий стиль.

Примітка. Чернетки зберігаються автоматично. Щоб почати з чистого аркуша, у палітрі команд (⌘K) є «Почати заново з оригінального запису…».

Відеоредактор Shotnix для демо →

Крок 6: експортуйте туди, де відео житиме

• Ваш сайт: MP4 у 1080p, а для інтерфейсів із дрібним текстом — у 1440p, у H.264, щоб відтворювалося всюди. Якість «Соцмережі» — збалансоване типове значення; «Веб» дає найменший файл. Якщо відео запускається автоматично без звуку, залиште субтитри вшитими.
• YouTube: 16:9 у 1080p або 4K з якістю «Соцмережі» чи «Студія», а потім вивантажте як субтитри файл .srt, збережений через «Зберегти субтитри».
• LinkedIn та інші стрічки: 1:1 або 4:5 з вшитими субтитрами, бо більшість стрічок запускає відео без звуку.
• Reels, Shorts і TikTok: перемкніть співвідношення сторін на 9:16. Запис заповнює вертикальний кадр і панорамує за курсором, а камера, субтитри й клавіші на екрані залишаються на місці.
• Документація, README і пул-реквести: GIF розміру «Малий» або «Середній», 10–15 fps, не довше приблизно 15 секунд. GIF швидко розростаються.
• Чати й пошта: «Скопіювати» експортує відео просто в буфер обміну, готовим до вставлення.
• Кілька версій: експорт іде у фоні й стає в чергу, тож запустіть експорт 16:9, перемкніться на 9:16 і експортуйте знову, поки перший ще рендериться.

Примітка. Перед експортом вікно показує точний розмір у пікселях і орієнтовний розмір файлу та попереджає, якщо ви просите більшу роздільність, ніж є в записі. Перемикач «Кінцева заставка» додає 2-секундне завершення після вашого останнього кадру; типово його вимкнено.

Перед публікацією

• Перегляньте відео один раз без звуку. Якщо історія все одно зрозуміла, субтитри й підказки виконують свою роботу.
• Перегляньте його на телефоні. Якщо доводиться мружитися, щоб прочитати текст, наблизьте сильніше або експортуйте в більшій роздільності.
• Прогляньте запис у пошуках приватних даних: адрес ел. пошти, API-ключів, імен клієнтів, назв вкладок і сповіщень, що проскочили.
• Перевірте перші п’ять секунд. Вони мають показувати проблему чи результат, а не екран завантаження.
• Послухайте в навушниках, чи немає клацань, гудіння й стрибків гучності між частинами.

Чи можна зробити все це вбудованими програмами?

Так, але довше. Запишіть екран через ⌘⇧5, а потім зберіть відео в iMovie: підріжте й розділіть уривки, змініть їхню швидкість, наберіть субтитри як титри, наближайте ефектом Кена Бернса по одному уривку й додайте окремо записаний уривок із камерою як «кадр у кадрі». Для одного відео це посильно. Для демо, які ви переробляєте з кожним випуском, саме ручні наближення й субтитри з’їдають години.

Як наблизити запис екрана на Mac →

Запитання й відповіді