Как создать анимированные линии с изменяющейся толщиной и градиентом в VSDC

Одной из самых впечатляющих новинок VSDC 10.1 стал усовершенствованный инструмент «Кривая линия». Теперь с его помощью можно создавать линии с плавно меняющейся толщиной, идеально скругленными краями, регулируемым размытием и мягкими переходами, — и это лишь часть возможностей! Эти функции открывают невероятные перспективы для творчества: от анимации с эффектом живого рисунка до создания воздушной подсветки и 3D-эффектов. Хотите раскрыть весь потенциал этих инструментов? Тогда читайте далее, чтобы узнать больше!

Скачайте последнюю версию VSDC и начните пользоваться новыми функциями!

Новые настройки инструмента «Кривая линия»

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

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

Помимо привычных параметров (их список можно уточнить в этой статье), вы увидите новые опции под разделом «Расширенные настройки кривой линии». Именно на них мы сегодня и сосредоточимся.

Если раздел «Расширенные настройки кривой линии» неактивен, включите его с помощью переключателя, а затем разверните список параметров, нажав на стрелку слева от названия раздела.

Первый параметр в этом списке: «Режим обводки краев» - позволяет настроить концы линий. По клику на стрелку вниз внутри этой опции вы сможете выбрать один из четырех режимов: «Обвести с обоих концов» скругляет оба окончания линии, «Обвести только начало линии» или «Обвести только конец линии» применяется только к одной из сторон, а «Не применять обводку» возвращает концы линии к первоначальному виду (как до выбора любого из перечисленных режимов).

Совет: для создания линий, будто бы нарисованных от руки, выбирайте «Обвести с обоих концов». Если вам нужно подчеркнуть направление или создать постепенное увеличение линии, лучшим выбором будет «Обвести только начало линии». Для плавных анимаций и перетекающих форм идеально подойдет «Обвести только конец линии», а в проектах, где требуется точность и чёткость контуров (например, в технических иллюстрациях), используйте режим «Не применять обводку».

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

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

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

Готовы увидеть, как эти настройки преобразят ваши проекты? Тогда давайте проведём небольшой эксперимент!

Как создать линии с изменяющейся толщиной

Теперь когда мы все знаем о новых настройках кривой линии, попробуем применить их на практике. Одна из самых популярных функций — изменение толщины линии — теперь реализуется буквально в пару кликов!

Всё просто: задайте разные значения параметра «Толщина» для каждой точки на линии: редактор автоматически создаст плавные переходы, создавая эффект расширения или сужения в нужных местах.

Чтобы изменить толщину линии в конкретной точке, кликните по ней, удерживая CTRL. В окне свойств сразу отобразятся параметры выбранной точки. Все, что нужно, это развернуть раздел «Настройки толщины кривой» и указать нужное вам значение в поле «Толщина».

Если понадобится добавить дополнительные точки для более плавной линии, выберите инструмент «Кривая линия» на панели инструментов (предварительно убедившись, что нужная линия для добавления точек выделена на таймлайне), затем нажмите «Добавить точку» и кликните в нужном месте кривой. Для точной настройки плавности просто удерживайте CTRL и регулируйте векторы точки.

Давайте рассмотрим конкретный пример. Создадим кривую линию с тремя точками и зададим толщину: 100 для первой точки, 300 для второй и 500 для третьей, чтобы увидеть, как линия плавно меняет свою толщину, создавая эффект, будто она нарисована кистью или пером для каллиграфии.

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

Идея для вдохновения

Давайте попробуем провести небольшой эксперимент и испытаем возможности переменной толщины линий для более интересного результата. Возьмем в пример изображение (см. ниже) и попробуем воссоздать его в VSDC.

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

Объединим все созданные кривые линии в спрайт: выделем их на таймлайне, кликнем правой кнопкой мыши и выберем «Преобразовать в спрайт» (по размеру сцены).

Для создания симметричного изображения сделаем зеркальную копию спрайта. Сначала создайте дубликат: кликните по спрайту правой кнопкой и используйте опцию «Продублировать». Выделите копию спрайта на таймлайне и примените эффект «Переворот» («Видеоэффекты» → «Трансформация»). В окне свойств эффекта установите «Горизонтальное отражение» в параметре «Направление». Остаётся лишь точно совместить обе половинки на сцене для получения идеально симметричного результата.

Теперь, когда наше изображение полностью готово, можем добавить цветовое оформление. Для этого используем градиентный фон из коллекции шаблонов VSDC. Сначала объедините зеркальные спрайты в один (тем же способом, что и ранее), затем перейдите в окно шаблонов и откройте раздел «Background templates» → «General backgrounds». Для нашего примера выберем шаблон «Fuchsia Gradient». Просто перетащите его на на таймлайн или сцену, разместив на верхнем слое для корректного наложения и установите в окне свойств для параметра «Использовать как контейнер» значение «Нет, применять эффекты и обрезку». Затем измените режим наложения слоя с градиентным шаблоном на «Source In» (находится в левой части таймлайна в разделе «Режимы смешивания»).

И вот результат: идеально симметричное изображение с выразительными градиентными акцентами!

Напоминаем, что в окне шаблонов доступен выбор бесплатных, PRO и премиум категорий (подробнее о каждой категории читайте в этой статье).

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

Всего несколько простых шагов в VSDC, — и перед вами оживают сложные иллюстрации с зеркальной симметрией, насыщенными градиентами и анимированными штрихами!

Вам понравился результат?

Надеемся, что да :) Не останавливайтесь на достигнутом: уверены, у вас получатся еще более впечатляющие результаты, которыми вы захотите поделиться со всеми!

Если у вас есть вопросы или идеи, напишите нам на Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра. или в нашем сообществе «Вконтакте». И, конечно же, не забывайте заглядывать на наш Rutube-канал за новыми порциями вдохновения!