Начиная с VSDC 8.1, панель графических объектов была дополнена новым инструментом Кривая линия, предоставляющим широкие возможности для разнообразия визуального контента.

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

• Как создать кривую линию на видео
• Как заполнить кривую линию градиентом
• Как использовать кривую линию в качестве траектории движения
• Как разместить текст вдоль кривой линии
• Как задать движение кривой линии

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

Без дальнейших отступлений, давайте погрузимся в эту тему подробнее.

Как создать кривую линию на видео

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

Подобно свободным фигурам, кривые формируются из контрольных точек и изогнутых линий (сплайнов). Чтобы нарисовать линию, поместите две или более контрольных точек на сцену, используя правую кнопку мыши.

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

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

Чтобы открыть меню настроек, дважды щелкните на слое с кривой линией на таймлайне и перейдите в Окно Свойств. Здесь доступны две группы настроек: Общие параметры и Настройки кривой линии.

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

Давайте рассмотрим параметры из этой группы по очереди.

Настройки кривой линии позволяют задать толщину и цвет линии, выбрать тип заливки, создать анимацию и изменить объект.

Настройки кривой линии

Первая группа параметров позволяет настроить основные характеристики кривой линии: ее цвет, толщину и тип заливки.

Карандаш

В меню Карандаш доступно 5 типов заливки:

• Сплошная
• Градиент
• Градиентная заливка точки
• Образец изображения
• Путь

В зависимости от выбранного типа заливки вы сможете настроить дополнительные параметры. Поэтому давайте рассмотрим настройки для каждого режима отдельно.

Сплошная

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

Градиент

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

Градиентная заливка точки

Следующий режим называется Градиентная заливка точки, и он создает многоцветную градиентную заливку, назначая отдельные цвета каждой контрольной точке.

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

Здесь можно выбрать цвет для контрольной точки, настроить вес градиента (распространение цвета, назначенного точке) и прозрачность прилегающей области.

Образец изображения

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

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

Путь

И, наконец, режим Путь предназначен для преобразования кривых линий в траекторию движения. Выбрав этот мод, вы сделаете изогнутую линию невидимой на сцене и превратите ее форму в путь движения любого объекта в проекте..

Давайте разберем, как использовать этот режим.

Вернитесь на основную вкладку таймлайна и щелкните правой кнопкой мыши по кривой линии, затем выберите опцию Преобразовать в карту движения. В появившемся окне нажмите OK, чтобы подтвердить настройки по умолчанию.

После преобразования кривой линии выберите слой Движение на таймлайне и скопируйте его:

Затем вернитесь на основную вкладку шкалы времени и импортируйте или создайте объект, который вы хотите анимировать. В нашем примере мы будем использовать небольшое изображение. Сделайте двойной щелчок на этом объекте и вставьте слой движения на временную шкалу. И вот как будет выглядеть наш результат (помните, что кривая линия в этом режиме будет невидимой):

Обратите внимание, что если вы вернетесь к настройкам кривой линии, вы можете настроить такие параметры как Начальная позиция и Видимая часть кривой. Они определяют точку от начала линии, в которой объект начинает движение, и точку перед концом линии, в которой объект останавливается. Например, если вы установите начальную точку на 25%, объект скроет первые 25% от начала линии; Если вы установите видимую часть кривой на 25%, объект скроет последние 25% до конца этой линии.

Как разместить текст вдоль кривой линии

Режим Путь также позволяет разместить текст вдоль кривой линии, сохраняя ее невидимой. И вот основной принцип работы данного мода.

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

Сделайте двойной щелчок по текстовому объекту и перейдите в окно свойств; откройте параметры Привязка к пути и выберите кривую, созданную ранее. Ваш текст изменится соответствующим образом:

Обратите внимание, что исходный текстовый объект виден только в режиме редактирования. Как только вы активируете воспроизведение, он исчезнет.

Если вам нужно доработать добавленный текст, для вашего удобства мы создали 4 дополнительные опции:

Режим позволяет разместить текст над, в центре или под линией кривой.

Растянуть по длине позволяет растянуть текст до длины строки или сохранить исходную длину.

Обтравочная маска позволяет задать обрезку тех частей изогнутой линии и текста, которые выходят за пределы исходного текстового объекта.

Аппроксимация позволяет сглаживать кривые текста.

Как анимировать кривые линии

В последнем разделе этого руководства мы покажем вам, как анимировать кривые линии. Для этого вам понадобится ознакомиться со следующими тремя параметрами:

• Направление (по часовой стрелке или против часовой стрелки)
• Начальная позиция
• Видимая часть кривой

Давайте начнем с основных понятий.

Начальная позиция определяет точку на линии, в которой заливка становится видимой. Видимая часть кривой определяет процент видимой части линии. Например, если вы установите 20% для первого и 70% для второго, градиентная заливка не будет покрывать первые 20% и последние 30% линии:

Если оставить эти параметры как есть, кривая линия останется неподвижной. Однако если развернуть меню и установить начальное и конечное значения, можно создать анимацию. Например, если установить Начальное значение для Начальной позиции на 0%, а Конечное значение для Начальной позиции на 50%, заливка будет медленно исчезать во время воспроизведения:

Аналогичный результат можно получить, если установить следующие параметры для Видимой части кривой:

• Начальное значение: 100%
• Конечное значение: 0%

Единственное отличие заключается в том, что заливка будет исчезать с конца кривой линии:

Вы также можете поиграть с настройками и выбрать нужные значения для обоих параметров. Например, вы можете создать эффект движущейся линии, установив видимую часть кривой на 10%, а начальную позицию на 0;100%:

Обратите внимание, что если ваша кривая замкнута, движение будет продолжаться до тех пор, пока объект кривой виден на экране.

Инструмент для создания кривых линий уже доступен в бесплатной версии VSDC

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

Остались вопросы? Напишите нам на Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.или отправьте сообщение в Twitter.

Скачать последнюю версию редактора VSDC

Точка отслеживания – это инструмент, который позволяет применить движение к эффектам, имеющим координаты среди своих свойств. К таким эффектам относятся эффект бликов, эффект объёмного света, эффект разбитого стекла, анимация текста и несколько других (полный список эффектов, которые можно анимировать, вы найдёте в конце статьи). С помощью точки отслеживания вы можете создать траекторию движения эффекта по сцене и задать нужную скорость.

В этой инструкции мы расскажем, как работать с точкой отслеживания в редакторе VSDC, а также покажем примеры эффектов, которые можно воспроизвести с данным типом анимации.

Скачайте бесплатно видео редактор VSDC сейчас

Шаг 1. Импортируйте контент в редактор

Для начала, импортируйте основное видео (или фото) в редактор, используя опцию Импортировать контент на стартовом экране. Затем разместите курсор таймлайна на моменте, с которого начнётся анимация эффекта.

Шаг 2. Добавьте точку отслеживания на сцену

В меню инструментов слева выберите опцию Добавить точку отслеживания. Затем сделайте клик мышкой на сцене, чтобы обозначить начало траектории движения.

Шаг 3. Сформируйте траекторию движения

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

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

Шаг 4. Примените эффект, который планируете анимировать

Теперь, когда траектория движения для будущей анимации готова, пора выбрать эффект, который вы планируете анимировать. Для этого вернитесь на главную вкладку таймлайна, выберите видео (или фото), к которому будет применяться эффект, затем откройте меню Видеоэффекты и найдте нужный вам эффект. Вот краткий лист доступных вариантов:

1. Размытие движения (Фильтры)
2. Разбитое стекло (Эффекты перехода)
3. Блики (Природа)
4. Блики Боке (Природа)
5. Объёмный свет (Природа)
6. Тень (Природа)
7. Искажение (Трансформация)

Для первого примера в этой инструкции мы используем эффект бликов.

Шаг 5. Привяжите координаты эффекта к точке отслеживания

После того, как вы применили эффект, кликните по нему правой кнопкой мыши на таймлайне и выберите Свойства. Затем перейдите в Окно свойств и выберите следующие параметры:

1. Координаты цента -> Точка отслеживания
2. Привязка к точке отслеживания -> Выберите точку, которую вы создали ранее

После этого активируйте предпросмотр, чтобы увидеть результат. Применённый эффект должен перемещаться по заданной вами траектории:

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

Привязка нескольких эффектов к одной точке

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

Итак, чтобы привязать дополнительный эффект к той же точке отслеживания, сперва примените его к основному (фоновому) видео или фото. Затем перейдите в Окно свойств и найдите настройки координат (для каждого эффекта название этого параметра может несколько отличаться). Затем выберите опцию Точка отслеживания и примените привязку тем же методом, что и в первый раз.

Ниже – пример комбинации эффекта Блики и эффекта Рыбий глаз:

Если вы используете текст в видео – например, заголовок или подпись – вы можете также анимировать его появление или привязать его к эффекту с помощью точки отслеживания. Для этого примените к тексту эффект Сдвиг положения (из меню текстовых эффектов), затем перейдите в Окно свойств, найдите параметр «Изначальное положение символа» и выберите Точка отслеживания. После этого примените привязку к точке.

В результате, текст будет постепенно появляться на сцене из точки отслеживания, символ за символом, как это показано ниже:

Список эффектов, которые можно анимировать

Далеко не все эффекты в VSDC можно анимировать с помощью точки отслеживания. Мы собрали эти эффекты в таблице ниже, а также указали название параметра для настройки координат, поскольку в каждом случае название может несколько отличаться.

Появились вопросы? Напишите нам на Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра. или отправьте сообщение в Twitter.

Скачать последнюю версию редактора VSDC

Во время съёмки эффект размытия часто достигается естественным образом, когда объект в кадре движется быстрее, чем успевает зафиксировать камера. Проще всего достичь этот эффект, если снимать движущиеся объекты с длинной выдержкой. Однако данный эффект можно добавить в видео и искусственным путём, во время монтажа.

В этой инструкции мы расскажем как создать эффект размытия на видео с помощью VSDC – бесплатного видеоредактора для Windows.

СКАЧАЙТЕ ВИДЕОРЕДАКТОР VSDC

Это довольно простой эффект, который не требует специальных знаний или опыта монтажа. Вы сможете применить его буквально за пару минут и настроить его под свои нужды – например, изменив тип или интенсивность размытия. Более того, вы сможете применить размытие не только к видео, но и к отдельным его фрагментам, а также к добавленным объектам: тексту, изображению или фигуре.

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

Как выглядит эффект размытия в движении на видео?

Эффект размытия в движении может выглядеть по-разному, поэтому когда мы используем этот термин, важно уточнять, что именно имеется в виду. Например, многие ожидают получить видео с размытым фоном, на котором выбранные объект или область остаются в фокусе. Однако некоторые представляют себе визуальный след от движущегося объекта – такой эффект часто называют «визуальное эхо».

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

Теперь, когда мы прояснили детали, давайте перейдём непосредственно к эффекту размытия.

Шаг 1. Загрузите свой ролик в VSDC

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

Если вы планируете применить эффект по всей продолжительности видео, перейдите к шагу 2. Если же вы хотите применить эффект к отдельному фрагменту, используйте инструмент нарезки (или нажмите Ctrl + K), чтобы отделить нужный фрагмент от основного видео.

Шаг 2. Примените эффект размытия

Выберите нужное видео на таймлайне, затем откройте меню Видеоэффектов, перейдите в группу Фильтры и выберите Размытие движения.

Далее мы покажем, в чём разница между типами размытия, доступными в редакторе, и как настроить конечный вид эффекта.

Выберите тип размытия

Как только вы примените эффект к видео, слой с эффектом откроется в соседней вкладке на таймлайне. Здесь вы сможете выбрать вид размытия с помощью настроек в Окне свойств. Если вы не можете найти окно свойств, щёлкните правой кнопкой мыши по слою с эффектом и выберите Свойства. Нужное окно появится справа.

В меню настроек вы можете выбрать один из трёх типов движения:

• Линейное
• Радиальное
• Приближение/удаление

Разница между типами размытия соответствует их названиям. Линейное движение создаёт размытие через прямые линии; радиальное движение создаёт размытие по кругу вокруг объекта в фокусе; приближение/удаление создаёт размытие фона, при этом приближая или удаляя объект в фокусе.

Вот как это выглядит:

Скорректируйте параметры размытия

Для каждого типа движения настройки немного отличаются, но во всех трёх случаях вы можете скорректировать расстояние размытия и угол размытия. Первый параметр определяет длину линий размытия, а второй – угол, под которым эти линии расположены. Например, если вы выбрали линейное движение, вы можете изменить и расстояние, и угол размытия. Если вы выбрали режим приближения/удаления, вы можете изменить только расстояние размытия; а если вы выбрали радиальное движение, вы можете изменить только угол размытия:

Вы также можете менять область, которая остаётся в фокусе. Для этого захватите перекрестие мышкой и переместите его на сцене.

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

Шаг 3. Экспортируйте видео

Чтобы сохранить проект, перейдите во вкладку Экспорт проекта и выберите платформу, на которой вы планируете использовать видео. Например, если вы будете загружать видео на YouTube, выберите Интернет –> для YouTube; затем нажмите Экспортировать проект. Если вы хотите изменить качество видео или другие параметры, используйте меню Изменить профиль под окном предпросмотра.

Бонус: как применить эффект размытия к тексту

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

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

Таким же образом вы можете применять размытие к изображениям, иконкам, фигурам и любым другим объектам на сцене.

Заключение

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

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

СКАЧАЙТЕ ВИДЕОРЕДАКТОР VSDC

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

В этой инструкции мы расскажем, как сделать такой эффект в бесплатном видеоредакторе VSDC (только для Windows ПК).

Скачать редактор VSDC бесплатно

Шаг 1. Импортируйте видео в редактор

Запустите редактор VSDC на компьютере и импортируйте видео, к которому вы хотите применить эффект. Вы можете использовать опцию Импортировать контент на стартовом экране или просто перетащить видеофайл на сцену с рабочего стола.

Шаг 2. Конвертируйте видео в спрайт и активируйте фильтр эха

В VSDC фильтр эха доступен на уровне спрайта, поэтому на следующем этапе вам необходимо конвертировать видео в спрайт. Для этого используйте комбинацию горячих клавиш Ctrl + P или же щёлкните правой кнопкой мыши по файлу и выберите опцию Конвертировать в спрайт.

Затем перейдите в Окно свойств справа и задайте следующие параметры настроек:

• Использовать как контейнер – Нет
• Показывать эффекты – Да
• Залить фон – Нет
• Применить фильтр Эхо – Да

Используйте опцию предпросмотра, чтобы увидеть результат с настройками по умолчанию:

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

Шаг 3. Настройте эффект

Прежде чем мы перейдём непосредственно к настройкам, давайте разберёмся в том, как именно работает эффект визуального эха. Чтобы на экране был виден «след» движения объекта, программа сохраняет кадры из предыдущих моментов и отображает их одновременно с текущим. С появлением каждого нового кадра, предыдущие кадры последовательно угасают. С помощью настроек, которые описаны ниже, вы можете задавать количество видимых кадров, а также метод их наложения друг на друга.

Интенсивность эха

Интенсивность – это параметр, который влияет на скорость угасания сохранённых кадров. Чем выше значение этого параметра, тем сильнее проявляется эффект эха. Например, при значении 100, ни один из сохранённых кадров не угасает до тех пор, пока движущийся объект остаётся виден на экране.

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

Режимы смешивания

Режим смешивания определяет тип наложения кадров и существенно влияет на то, как будет выглядеть эффект.

В меню настроек доступны три режима смешивания:

• Наложение – каждый последующий кадр объединяется с предыдущим путём наложения; этот режим производит наименее интенсивный эффект эха
• Растяжение – отображение кадров происходит при максимальных значениях; этот режим производит наиболее интенсивный эффект эха
• Размытие – смешивание кадров происходит на основе альфа-канала; этот режим производит эффект эха, более близкий к эффекту размытия

Чтобы проиллюстрировать разницу, мы сравнили разные режимы смешивания на одном и том же видео, при одинаковых значениях интенсивности:

Первые два режима оптимальны для видео с прозрачным фоном и эффектов. Третий режим оптимален для всех остальных типов видео, в которых есть движущиеся объекты.

Обратите внимание: вы можете применять фильтр Эхо к любым эффектам, которые включают движущиеся объекты. К таким эффектам относятся эффект частиц, эффект капель дождя, и даже анимированный эффект тени.

Имейте в виду, что фильтр будет работать только при условии, что эффект также является частью спрайта.

Фильтр «Эхо» доступен в редакторе VSDC, начиная с версии 7.2

Визуальное эхо – это простой, но впечатляющий эффект, который смотрится уместно как в музыкальных видео, так и в фантастических роликах. Хорошая новость в том, что данный фильтр доступен в бесплатной версии VSDC.Ю, поэтому вы можете скачать редактор и оценить его на практике прямо сейчас!

Если у вас появились вопросы по работе с программой, напишите нам на Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра. или отправьте сообщение в Twitter на аккаунт @Flashintegro.

Скачать VSDC