Недавно просматривал здесь на сайте рубрику, посвященную Camtasia Studio, и поймал себя на мысле, что я ничего не пишу про эффективные визуальные решения, которые будут интересны для повторения моими читателями в своих видео.
Надо исправлять это упущение! И для начала я предлагаю вам дополнить свои видео всплывающей информационной панелью.
Автор оригинальной идеи всплывающей панели Ник Ниммин
Для чего нужны информационные панели в видео
Всплывающая панель для видео в Camtasia Studio – это не просто дань моде, чтобы в кадре что-то мелькало, а именно инструмент, с помощью которого можно довести до зрителя дополнительную информацию.
Такой дополнительной информацией могут быть:
- представление автора или героя видео зрителям;
- указание географического положения или названия объекта;
- время и дата съемки;
- другая важная информация…
Фишка заключается в том, что дополнительную информацию зритель получает параллельно с основным видеосюжетом. Автору видео не нужно дополнительно отвлекаться на ее доведение.
Такие панели могут выглядеть по разному, но их объединяет то, что их наличие играет положительную роль в деле удержания аудитории в процессе просмотра видео.
А выглядит всплывающая панель, про которую пойдет речь в статье, вот так:
Как сделать основу всплывающей панели
Вы уже поняли, что в основе всплывающей панели, лежат 3 прямоугольные плашки и определенное их движение в кадре.
Сами плашки делаются из базовых прямоугольников из арсенала примечаний, потому что они имеют закругленные вершины.
Для черной основы кадра проекта я выбираю белый прямоугольник и перетаскиваю его напрямую в кадр так, чтобы его левая верхняя вершина оказалась в центре, а сам прямоугольник находился в правой нижней четверти кадра.
Касание центра кадра верхней левой вершиной определяется по появлению желтых направляющих.
Если вдруг они не появляются, зайдите на вкладку «Вид» и проверьте, чтобы был отмечен пункт «Привязка к области просмотра»
Такое исходное положение прямоугольника в кадре нужно для того, чтобы в итоге не просто задать прямоугольнику определенный размер, но и чтобы у любого из моих читателей получились одинаковые размеры.
Для этого, взявшись за маркер с правой стороны, сначала увеличиваем ширину фигуры вправо так, чтобы координата X стала равна 404. А затем движением вверх за маркер с нижней стороны уменьшаем координату Y до 89.
Далее сделаю 2 копии этого фрейма и перейду к дальнейшей групповой обработке теперь уже трех прямоугольников.
Настройка элементов всплывающей панели по месту
Для начала я задам созданным прямоугольникам цвета со значениями и в порядке показанными на рисунке.
Они выбраны для наглядности, а на практике вы можете выбирать те цвета, которые посчитаете нужными, основываясь либо на контрасте с кадром, либо на их гармонии с ним.
После задания цветов выделяю все три фрейма и, снова ориентируясь по координатам на панели «Свойства», перетаскиваю их в левый нижний угол кадра так, чтобы координата X стала равна минус 480, а координата Y – минус 385.
Для простоты и экономии времени СОВЕТУЮ ВРУЧНУЮ ВЫСТАВИТЬ значения координат.
Это положение будет полностью соответствовать авторскому варианту, и на мой взгляд является оптимальным, хотя на практике можно ставить эту группу фреймов в любое другое место.
Теперь выделяю средний фрейм с красным прямоугольником и поверну его по оси Z на +3º, а самый нижний, белый прямоугольник, поверну по оси Z в обратную сторону, т.е. на -3º.
Далее, выделив красный фрейм, сделаю 4 клика клавишей вправо, чтобы вывести его немного вправо от центральной черной плашки. Аналогично, через 4 клика, только клавишей влево, выведу в сторону белый фрейм.
Это добавит пространственной наглядности группе прямоугольников.
Настройка элементов всплывающей панели по месту
После установки и оформления элементов всплывающей панели в кадре нужно анимировать ее всплытие.
Для этого выделяю сразу все три фрейма и добавляю на них настраиваемые анимации в начало и конец.
После этого устанавливаю бегунок в начало фреймов и вывожу всю группу вниз так, чтобы она скрылась из кадра. Копирую или запоминаю получившуюся при этом координату Y. Затем устанавливаю бегунок в конец фреймов и задаю для группы те самые скопированные (запомненные) значение координаты Y.
Поскольку плашки появляются и исчезают в кадре по очереди, то эту очередность нужно задать расстановкой анимаций в пространстве.
Анимация белого прямоугольника должна начинаться самой первой. Установив бегунок в ее начало и двигая красный маркер вправо, выделяю фрагмент, равный 12 кадрам и в это место ставлю начало анимации красного прямоугольника.
Аналогично от ее начала определяю и устанавливаю начало анимации черного прямоугольника.
Таким образом фреймы будут появляться в кадре в очередности: белый, красный, черный. А выходит из кадра сначала красный прямоугольник, затем черный и белый. При этом для анимаций выхода 12-ти кадровые фрагменты нужно отмерять от конца анимаций.
Настройка надписи на всплывающей панели
Для надписи берем с вкладки «Примечания» любой текстовый фрейм и устанавливаем его поверх черного прямоугольника, делая размер самого текстового фрейма соизмеримым с черным прямоугольником.
После этого наносим нужную надпись и выбираем для нее шрифт. В моем примере выше это курсивный шрифт Arial размером 80px.
Далее с вкладки «Поведения» добавляем на текстовый фрейм эффект «Постепенное появление».
Он применяется с параметрами, установленными по умолчанию, а значит нам остается только выставить сам текст по месту на таймлайне.
Начало текстового фрейма должно совпадать с концом анимации красного прямоугольника, а конец фрейма должен находиться в точке, равной 21 кадру от начала анимации выхода все того же красного прямоугольника.
Такое расположение позволяет надписи появляться и исчезать синхронно с черным прямоугольником всплывающей панели.
На этом можно считать, что всплывающая панель готова!
Весь процесс ее создания наглядно можно посмотреть вот в этом видео:
Уверен, что у вас не будет трудностей с созданием всплывающей панели в своем видео. Метод, про который я вам рассказал, позволяет не просто повторить ее, но и сделать ее именно такой, какой она получилась у меня.
Если остались какие-то вопросы, то задавайте их в комментариях, и, конечно, очень хотелось бы, чтобы написали, что у вас получилась своя всплывающая панель. Пишите!
С уважением, Сергей, Почечуев
