Использование текста в ScreenFlow

• May 17, 2024

В последнем уроке мы начали короткую версию маркетингового вступления или бампера. Мы использовали технику маскировки, чтобы нарисовать изогнутую линию на холсте и упорядочить ее с помощью входа мышиного персонажа слева от холста. Теперь мы будем работать с текстовыми элементами, такими как подзаголовок книги и логотип компании. Давайте добавим субтитры на холст с помощью ScreenFlow Text.

1. Анимация субтитров книги будет представлять собой комбинацию появления и движения. Он начнется одновременно и будет иметь ту же продолжительность, что и анимация мыши, которую мы создали в последнем уроке (см. Ссылки ниже). Переместите Scrubber в ту же начальную точку на временной шкале, что и анимация мыши, до 0,5 секунд от начала временной шкалы. На панели «Свойства» перейдите на вкладку «Текст», чтобы просмотреть панель «Текст», а затем нажмите кнопку «Добавить текстовое поле» в нижней части панели, чтобы добавить текстовое поле на холст. Перетащите новую текстовую дорожку временной шкалы ниже звуковой дорожки.
   
   
2. Как вы можете видеть на панели «Текст», мы установим атрибуты для текста «Шрифт», «Размер», «Заливка», «Контур» и «Фон».
   
   Шрифт
   
   Обычно вы используете шрифт без засечек, если это возможно, для видеопроектов, потому что их легче читать на холсте. Тем не менее, шрифт Baskerville, шрифт с засечками, является частью бренда. Так что я использовал Баскервиль с курсивом и размером 36.
   
   центровка
   
   Мы сохраним выравнивание по левому краю.
   
   Заливка
   
   Поле рядом с заливкой уже отмечено, но нам нужно установить цвет или заливку изображения. В раскрывающемся меню выберите для параметра «Заливка» значение «Сплошной цвет» и щелкните поле цвета, чтобы открыть панель цветов. Нажмите значок «Цветовые палитры» и установите цвет текста на черный.
   
   Контур
   
   Мы не хотим иметь контур вокруг внешнего края текста. Оставьте флажок рядом с пунктом Outline не отмеченным.
   
   Фон
   
   Раздел Backdrop содержит элементы управления цветом фона или изображения за текстом. Заполнение пустого пространства вокруг текста по умолчанию установлено на 20,0 пикселей. Давайте удалим пустое пространство, переместив ползунок Margin влево, чтобы установить поле на ноль. Это удаляет любое пустое пространство за пределами текста в текстовом поле и перемещает край текстового поля к краю текста. Снимите флажок рядом с Backdrop, и вы заметите, что черный фон за текстом удален.
   
   Теперь, когда текст субтитров установлен, нам нужно перетащить его в положение рядом с мышью. Обратите внимание, что текстовая дорожка на временной шкале показывает текст из текстового поля, что является простым способом идентификации каждой текстовой дорожки.
   
   
3. Выбрав текстовую дорожку на временной шкале и в ползунке в точке 2,5 секунды (когда мышь находится наверху кривой), перетащите текстовое поле рядом с мышью. Это конечная позиция для текстовой анимации. В конце анимации текст будет иметь непрозрачность 100% и будет расположен рядом с символом мыши.
   
   
4. Откройте панель «Видео», щелкнув вкладку «Видео». Нажмите кнопку «Добавить действие видео» на панели «Видео», чтобы добавить действие видео в текстовую дорожку. Перетащите новый прямоугольник действия на дорожку в точку 0,5 на временной шкале. Это сделает длительность появления / движения 2 секунды. Переместите скребок обратно к началу анимации, на 0,5 секунды на временной шкале.
   
   Чтобы создать движение, нам нужно переместить текстовое поле в центр холста.
   
   Чтобы создать эффект затухания, нам нужно установить непрозрачность текста равной 0 в точке 0,5 секунды.
   
   

ScreenFlow скриншоты, используемые с разрешения Telestream.

Видео инструкция: Screenflow 5 Tutorial - How to add text annotations in screenflow (May 2024).