Анімація відео-скриптів на дошці - Безьє Шлях
У цьому підручнику ми продовжимо будувати просте відео на дошці в русіR. Наступний крок - намалювати шлях Безьє, який є основою анімації.

Ви намалюєте шлях Безьє, який буде контролювати рух руки. Дублікат цього шляху Безьє буде використаний для створення маски, яка буде приховувати графіку, яка малюється на екрані, і розкривати її, коли рука перейде. Оскільки маска створена з дубліката шляху Безьє, який рухатиметься рукою, результатом є моделювання малювання руки на екрані.

Перш ніж намалювати шлях Безьє, нам потрібно відкоригувати точку прив’язки графіки Рука. За замовчуванням Motion ставить опорну точку в центр графіки. Але ця опорна точка буде тим, що слідує шляхом. Ми не хочемо, щоб центр руки малював на екрані. Ми хочемо, щоб кінчик олівця малював на екрані. Давайте виправимо це.

  1. Виберіть графіку руки, а потім виберіть інструмент «Точка прив’язки». Використовуйте червону та синю стрілки для розміщення точки прив’язки до кінчика олівця.

    Тепер ми переходимо до цієї хорошої частини.

  2. Виберіть графічний шар руки, а потім виберіть інструмент Безьє. Помістіть першу точку Безьє над кінчиком олівця. Далі, перейдіть до Логотипу та намалюйте шлях логотипу. Нарешті, поверніться до Руки та додайте останню точку. Не закривайте шлях.

  3. Щоб сказати Motion, що ви закінчили малювати шлях Безьє, виберіть інструмент Select / Transform. Ви отримаєте новий шар Без'є на панелі "Шари". Перетягніть цей новий шар під шар «Рука» та перейменуйте його «Bezier_Logo», оскільки це шлях Безьє для нанесення зображення логотипу.

    Тепер, коли у нас є шлях Безьє, ми можемо додати поведінку Шляху руху до графіки Рука. Така поведінка викликає оживлення руки. Але ми хочемо, щоб рука йшла шляхом Bezier_Logo. Тому ми скажемо Motion, щоб використовувати шлях Bezier_Logo для такої поведінки Шляху руху.

  4. Щоб додати поведінку до графіки "Рука", виберіть шар "Ручна графіка" на панелі "Шари". У меню "Поведінки" внизу праворуч виберіть Шлях руху. Ви побачите новий шар Шляху руху, доданий під шаром "Рука".

  5. Виберіть шар Шлях руху та перейдіть до Інспектора (Інспектор - Поведінки - Шлях руху). Встановіть меню "Шлях шляху" на "Геометрія". Зніміть прапорець Прикріпити до форми. Поверніться до шару Bezier_Logo на панелі Шари та клацніть / перетягніть до джерела форми. Коли ви побачите маленьку стрілку, відпустіть мишу.

    Якщо Playhead все ще знаходиться на першому кадрі, протестуйте анімацію. Якщо олівець не йде безпосередньо по контуру, внесіть корективи в опорну точку на кінчику олівця, якщо це необхідно.

    Чи здається, що рука трохи малює повільно для анімації на дошці? Що ж, ми можемо прискорити це, скорочуючи доріжки Motion Path та Bezier_Logo на часовій шкалі.

  6. Перейдіть до шкали часу і знайдіть фіолетовий кольоровий трек руху. Перетягніть правий край доріжки доріжки ліворуч, поки вона не опиниться у двох секундах на шкалі часу (02:00). Повторіть це для треку Bezier_Logo.

Гаразд, настав час для перерви на каву. У наступному підручнику ми створимо маску, яка розкриває логотип.

← Назад | Далі →

Приклад підручника:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie та Mac є торговими марками Apple Inc., зареєстрованими в США та інших країнах.
CoffeBreakBlog є незалежною публікацією, вона не була дозволена, спонсорована чи іншим чином затверджена компанією Apple Inc. Скріншоти, які використовуються з дозволу.
Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe передруковані з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst та Flash Paper є або є [a] зареєстрованою торговою маркою (ими), або торговою маркою (іми) Adobe Systems Incorporated у США та / або інших країнах.


Відео Інструкція: Programming - Computer Science for Business Leaders 2016 (Може 2024).