Движение вдоль кривой
m (→Введение) |
m (→Результат: add gif) |
||
| (15 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<!-- Page info --> | <!-- Page info --> | ||
| − | {{Title|Движение вдоль кривой | + | {{Title|Движение вдоль кривой}} |
{{Category|Tutorials}} | {{Category|Tutorials}} | ||
{{Category|Tutorials Advanced}} | {{Category|Tutorials Advanced}} | ||
| + | {{NewTerminology}} | ||
<!-- Page info end --> | <!-- Page info end --> | ||
| Line 14: | Line 15: | ||
Нам предстоит: | Нам предстоит: | ||
| − | * {{l|Following a BLine#Create the Layers|Нарисовать кривую и "стрелку"}} | + | * {{l|Doc:Following a BLine#Create the Layers|Нарисовать кривую и "стрелку"}} |
| − | * {{l|Following a BLine#Make the Arrow Move and Rotate|Связать стрелку и её "вращение"}} с кривой чтобы она следовала по ней | + | * {{l|Doc:Following a BLine#Make the Arrow Move and Rotate|Связать стрелку и её "вращение"}} с кривой чтобы она следовала по ней |
=== Создаём новый файл === | === Создаём новый файл === | ||
| − | Файл > | + | Файл > Создать |
=== Создаём слои === | === Создаём слои === | ||
| − | Выберите инструмент "Кривые" | + | Выберите инструмент {{l|Spline Tool|"Кривые"}}. |
| − | + | ||
| − | + | [[File:Spline-tool-0.63.06.png|frame|none]] | |
| + | Поставьте флажок только напротив параметра "Создать кривую контура", | ||
нарисуйте кривую вдоль которой будет двигаться наша стрелка и | нарисуйте кривую вдоль которой будет двигаться наша стрелка и | ||
| + | нажмите кнопку {{Literal|Создать кривую}} в нижней части {{l|Tool_Options_Panel|Панели Параметров Инструмента}}. | ||
| − | + | Теперь, не переключаясь с инструмента "Кривые" выберите флажки {{Literal|Создать кривую контура}} и {{Literal|Создать кривую области}} на Панели Параметров Инструмента, | |
| − | + | нарисуйте стрелку или что то подобное, указывающую на право. [[File:Spline-Tool-Options_0.63.06.png|frame|center]] | |
| − | + | Переключитесь на {{l|Transform Tool|инструмент трансформации}}. | |
| − | + | Кликните на контур "стрелки" и нажмите {{Shortcut|ctrl}}+{{Shortcut|a}} чтобы выделить все {{l|Handle|контрольные точки}} контура, зелёная точка "позиции" при этом останется не выделенной, перетащите выделенные контрольные точки так чтобы зелёная точка "позиции" оказалась в центре "стрелки", после чего добавьте {{l|Rotate Layer|"Слой вращения"}} над слоями контура и заливки "стрелки" и {{l|Group|сгруппируйте}} эти три слоя в одну группу. | |
| − | + | Теперь у нас есть два основных слоя, один слой с кривой контура и второй групповой со "стрелкой" и слоем вращения. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | Теперь у нас есть два основных слоя, один слой с кривой контура и второй | + | |
=== Заставляем стрелку двигаться и вращаться === | === Заставляем стрелку двигаться и вращаться === | ||
| − | + | Выделите слой группу кликнув на него в {{l|Layers Panel|панели слоёв.}} | |
| − | Выделите | + | |
Выделите его зелёную точку "позиции" кликнув по ней в окне холста, | Выделите его зелёную точку "позиции" кликнув по ней в окне холста, | ||
| − | также выделите слой Вращения удерживая | + | также выделите слой Вращения удерживая {{Shortcut|ctrl}} и кликнув по нему на панели слоёв, |
| − | в добавок ко всему этому выделите синюю точку "контроля вращения" удерживая | + | в добавок ко всему этому выделите синюю точку "контроля вращения" удерживая {{Shortcut|ctrl}} кликнув по ней в окне холста. |
| − | |||
| − | |||
| − | + | Ну вот, у нас должно быть выделено два слоя и по одной контрольной точке из каждого слоя, | |
| + | теперь добавьте к этим выделенным слоям ещё и слой с кривой (он должен быть последним на панели слоёв) кликнув на него удерживая {{Shortcut|ctrl}}. | ||
| − | + | Кликаем правой кнопкой на пунктирной линии которая показывает форму кривой, не на какую нибудь точку на кривой, а именно на линию между точками. | |
| − | + | В контекстном меню которое появится выберите {{Literal|Привязать к кривой}}. | |
| − | + | [[Image:Spline-Link-to-0.63.06.png|frame|none]] | |
| − | + | Сгруппированный слой со "стрелкой" должен переместиться так что его зелёная точка "позиции" окажется на кривой и она должна повернутся указывая в сторону направления кривой в этой точке. | |
| − | + | Выделите только сгруппированный слой и потаскайте зелёную точку "позиции" туда-сюда. Вы увидите что зелёная контрольная точка "стрелки" теперь двигается только вдоль кривой, перемещение также вызывает вращение "стрелки" как и ожидалось. | |
| − | + | Теперь мы можем анимировать стрелку, включите {{l|Animate_Editing_Mode|Режим редактирования анимации}} нажав на иконку в нижнем правом углу окна холста. | |
| − | Посмотрите что получилось нажав Файл > Предпросмотр. | + | * На нулевом кадре '''0f''', поместите зелёную контрольную точку группового слоя "стрелки" на одном конце кривой. |
| + | * На пятой секунде '''5s''', перетащите эту точку в другой конец. | ||
| + | |||
| + | Посмотрите что получилось нажав {{c|<Меню холста>|<Файл>|Предпросмотр|}}. | ||
== Результат == | == Результат == | ||
| − | Вот анимация которая получилась в результате: {{l|Media:Arrow-follows-bline.sifz|Arrow-follows-bline.sifz}} | + | Вот анимация которая получилась в результате: |
| + | [[File:Arrow-follows-bline.gif|center]] | ||
| + | |||
| + | {{l|Media:Arrow-follows-bline.sifz|Arrow-follows-bline.sifz}} | ||
== Контроль ускорения == | == Контроль ускорения == | ||
| − | + | Если вы выделите слой группы и посмотрите на Панель параметров то заметите что параметр Исходной точки {{L|convert|конвертирован}} в тип {{Literal|Spline Vertex}}. Это происходит автоматически когда вы используете "привязывание к кривой". Вы можете также отключить дополнительный параметр "однородность" после чего скорость стрелки перестанет быть постоянной и начнёт зависить от количества сегментов на кривой, проходя между каждым сегментом за одно и тоже время она будет "пролетать" на длинных прямых участках кривой на большой скорости и "еле ползти" на изломанных участках содержащих большее количество вершин, так как теперь проходит от вершины к вершине за один и тот же промежуток времени. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
Видео по теме контроля ускорения [http://www.youtube.com/watch?v=3PGXroxBcuo здесь]. | Видео по теме контроля ускорения [http://www.youtube.com/watch?v=3PGXroxBcuo здесь]. | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Latest revision as of 07:59, 14 June 2014
Contents
Введение
Если вы используете версию Synfig 0.61.08 или ниже, то читайте старую редакцию статьи, а эта статья актуальна для версии 0.61.09 и старше.
Итак статья о том как создать объект следующий вдоль произвольной кривой и поворачивающий при этом в сторону направления кривой.
Содержание
Нам предстоит:
- Нарисовать кривую и "стрелку"
- Связать стрелку и её "вращение" с кривой чтобы она следовала по ней
Создаём новый файл
Файл > Создать
Создаём слои
Выберите инструмент "Кривые".
Поставьте флажок только напротив параметра "Создать кривую контура", нарисуйте кривую вдоль которой будет двигаться наша стрелка и нажмите кнопку "Создать кривую" в нижней части Панели Параметров Инструмента.
Теперь, не переключаясь с инструмента "Кривые" выберите флажки "Создать кривую контура" и "Создать кривую области" на Панели Параметров Инструмента,
нарисуйте стрелку или что то подобное, указывающую на право.
Переключитесь на инструмент трансформации.
Кликните на контур "стрелки" и нажмите Ctrl+A чтобы выделить все контрольные точки контура, зелёная точка "позиции" при этом останется не выделенной, перетащите выделенные контрольные точки так чтобы зелёная точка "позиции" оказалась в центре "стрелки", после чего добавьте "Слой вращения" над слоями контура и заливки "стрелки" и сгруппируйте эти три слоя в одну группу.
Теперь у нас есть два основных слоя, один слой с кривой контура и второй групповой со "стрелкой" и слоем вращения.
Заставляем стрелку двигаться и вращаться
Выделите слой группу кликнув на него в панели слоёв.
Выделите его зелёную точку "позиции" кликнув по ней в окне холста, также выделите слой Вращения удерживая Ctrl и кликнув по нему на панели слоёв, в добавок ко всему этому выделите синюю точку "контроля вращения" удерживая Ctrl кликнув по ней в окне холста.
Ну вот, у нас должно быть выделено два слоя и по одной контрольной точке из каждого слоя,
теперь добавьте к этим выделенным слоям ещё и слой с кривой (он должен быть последним на панели слоёв) кликнув на него удерживая Ctrl.
Кликаем правой кнопкой на пунктирной линии которая показывает форму кривой, не на какую нибудь точку на кривой, а именно на линию между точками.
В контекстном меню которое появится выберите "Привязать к кривой".
Сгруппированный слой со "стрелкой" должен переместиться так что его зелёная точка "позиции" окажется на кривой и она должна повернутся указывая в сторону направления кривой в этой точке.
Выделите только сгруппированный слой и потаскайте зелёную точку "позиции" туда-сюда. Вы увидите что зелёная контрольная точка "стрелки" теперь двигается только вдоль кривой, перемещение также вызывает вращение "стрелки" как и ожидалось.
Теперь мы можем анимировать стрелку, включите Режим редактирования анимации нажав на иконку в нижнем правом углу окна холста.
- На нулевом кадре 0f, поместите зелёную контрольную точку группового слоя "стрелки" на одном конце кривой.
- На пятой секунде 5s, перетащите эту точку в другой конец.
Посмотрите что получилось нажав "<Меню холста> → <Файл> → Предпросмотр".
Результат
Вот анимация которая получилась в результате:
Контроль ускорения
Если вы выделите слой группы и посмотрите на Панель параметров то заметите что параметр Исходной точки конвертирован в тип "Spline Vertex". Это происходит автоматически когда вы используете "привязывание к кривой". Вы можете также отключить дополнительный параметр "однородность" после чего скорость стрелки перестанет быть постоянной и начнёт зависить от количества сегментов на кривой, проходя между каждым сегментом за одно и тоже время она будет "пролетать" на длинных прямых участках кривой на большой скорости и "еле ползти" на изломанных участках содержащих большее количество вершин, так как теперь проходит от вершины к вершине за один и тот же промежуток времени.
Видео по теме контроля ускорения здесь.
