Как подготовить скриншоты для ролика по работе в ПО

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

Материал выходит в рамках цикла работ про создание учебных роликов по работе в ПО в ActivePresenter. Кросс-ссылки на статьи этого цикла будут добавлены позже.

Скриншоты создаются в полный экран

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

Зачем это нужно?

• Это даст стабильность в размерах скриншотов. Они будут всегда одного размера.
• Пост-обработка материала будет проводиться под вашим контролем, а не когда вы получили непонятно как нарезанные скриншоты и пытаетесь что-то из этого сообразить.

Масштабирование экрана 100%

Проверьте настройки своего экрана или попросите эксперта привести масштаб экрана к 100% по умолчанию.

Зачем это нужно?

• Это популярный масштаб для работы на ПК, и при нем весь интерфейс ПО не корежит. Всё выглядит не крупно, как для бабушки, но и не мелко.
• Это упростит в будущем актуализацию ролика, когда у всех скриншотов будет одинаковый масштаб.

Исключение: если все сотрудники компании массово ставят другой масштаб или эта настройка выставлена в компании по умолчанию. В таком случае создавайте скриншоты с нужным вам масштабированием экрана.

На скриншоте выставлено привычное масштабирование 100%. Интерфейс отображается как обычно.

Здесь выставлено масштабирование 125%. Обратите внимание, что интерфейс стал другим: меньше контента, кнопки с иконками слева стали крупнее, появилась скролл панель снизу.

Разрешение экрана Full HD

Постарайтесь найти монитор с разрешением 1920х1080 и проверьте, что в настройках экрана указано родное разрешение монитора.

Зачем это нужно?

• Размер скриншотов будет задавать размер кадра в видео. Поэтому ищем Full HD монитор. Этого будет достаточно, чтобы не было мелко и всё влезло в кадр. Не нужно делать скриншоты с 2К, 4К и т. д. мониторах. Тогда интерфейс будет мелким. Не нужно выставлять Full HD разрешение на мониторах 2К, 4К.
• Размер кадра видео, детализация на них и эффекты пост-обработки будут влиять на вес видео.
• Это упростит в будущем актуализацию ролика, когда у всех скриншотов будет одинаковое разрешение.

Исключение: если все сотрудники компании работают с экранами нестандартного разрешения (2К, 4К) и больший вес ролика не будет проблемой.

Это скриншот с корректным Full HD монитором и выставленными настройками. Все видно и комфортно.

Это скриншот снят на 2К-монитор и уменьшенный до размера 1920 на 1080. На экран вмещается больше контента, но всё мелкое и неразличимое. Так будут видеть видеть все на распространенных Full HD мониторах.

Курсор скрыт

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

Зачем это нужно?

Все курсоры и прочие эффекты акцентирования внимания будут добавляться на этапе пост-обработки. На скриншотах нужен только интерфейс ПО.

Наименование файлов

Договоритесь с экспертом, как называть файлы скриншотов. Самый простой вариант — это цифры по возрастанию: 1, 2, 3…

Как альтернативу можно использовать двойную или тройную нумерацию. Этот подход хорошо работает, если у вас много скриншотов или действия происходят в разных экранах / программах. Например:

Шаг 1.
1…
2…
Шаг 2.
1..

В таких случаях удобнее сразу делать нумерацию так: 01.01, 01.02, 02.01 и т. д. Где 01 — номер шага, 02 — номер действия. Ниже пример, как это выглядит в папке.

Зачем это нужно?

Чтобы вы потом поняли, в какой последовательности склеивать скриншоты.

Передача скриншотов файлами

Все скриншоты передаются отдельными файлами, изображениями или в zip-архиве. Не нужно скриншоты вставлять в Word или PowerPoint. Не нужно скриншоты вставлять в тело письма.

Зачем это нужно?

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

Отсутствие пометок, стрелок, рамок, выделений, зачёркиваний и замыливаний

Нужны только чистые скриншоты интерфейса ПО. Не делайте пометок и объясните эксперту, что они не требуются.

Зачем это нужно?

Чтобы корректно провести пост-обработку скриншотов для красоты и единого стиля.

Включите полноэкранный режим (веб-приложения)

Если вы записываете ролик по работе в ПО, которое работает в браузере, то сделайте полноэкранный режим работы. Как правило, это клавиша F11. Если она не сработала, то посмотрите настройки своего браузера.

Это корректное отображение ПО в вебе. Полный экран без интерфейса браузера.

Здесь не включен полноэкранный режим. Мы теряем полезное пространство, которое могло бы быть отведено под ваше ПО. Его занимает система и браузер. И такой скриншот выглядит мусорным за счет многих отвлекающих элементов.

Подготовьте рабочее пространство

Выключите лишние программы, скройте неужные окна, вкладки, разделы, отключите оповещения и т.д. Кажется простой шаг, но многие его недооценивают и в итоге на скриншотах много отвлекающих элементов. Оставьте только то, что нужно для вашей задачи.

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

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

Проявите осторожность с анимациями и интерактивом

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

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

---

Благодарности за обратную связь и дополнения статьи: Филипп Чурилов, Vasiliy Elaev