Анимация на видео скриптове на бяла дъска - Bezier Path
В този урок ще продължим да изграждаме обикновено видео с бяла дъска в MotionR, Следващата стъпка е да нарисувате пътя на Безие, който е в основата на анимацията.

Ще нарисувате път на Безие, който ще контролира движението на ръката. Дубликат на този път на Bezier ще бъде използван за създаване на маската, която ще скрие графиката, която се рисува на екрана, и ще я разкрие, когато ръката преминава. Тъй като маската е създадена от дубликат на пътя на Bezier, който ръката ще следва, резултатът е симулация на рисунката на ръката на екрана.

Преди да начертаем пътя на Bezier, трябва да коригираме точката на котва на графиката Hand. Бъдете по подразбиране, Motion поставя котвата в центъра на графиката. Но тази котва ще бъде това, което следва пътя. Не искаме центъра на ръката да се очертава върху екрана. Искаме върхът на молива да рисува върху екрана. Нека да поправим това.

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

    Сега стигаме до онази добра част.

  2. Изберете ръчния графичен слой и след това изберете инструмента Bezier. Поставете първата точка на Безие върху върха на молива. След това преминете към Логото и начертайте зигзаг над Логото. Накрая се върнете към ръката и добавете последната точка. Не затваряйте пътеката.

  3. За да кажете на Motion, че сте готови да нарисувате пътя на Bezier, изберете инструмента Select / Transform. Ще получите нов Bezier слой в панела Слоеве. Плъзнете този нов слой под ръчния слой и го преименувайте на „Bezier_Logo“, защото това е пътят на Bezier за рисуване на изображението на логото.

    Сега, когато имаме пътя на Bezier, можем да добавим поведението на Motion Path към графиката на Hand. Това поведение е това, което ще накара ръката да оживява. Но ние искаме ръката да следва пътя на Bezier_Logo. Така че ще кажем на Motion да използва пътя Bezier_Logo за това поведение на Пътя на движението.

  4. За да добавите поведението към ръчната графика, изберете слоя за ръчна графика в панела „Слоеве“. От менюто Поведения в долния десен ъгъл изберете Път за движение. Ще видите нов слой за движение на движението, добавен под ръчния слой.

  5. Изберете слоя Motion Path и отидете на инспектора (Inspector - Behaviors - Path Motion). Задайте менюто Path Shape на Geometry. Премахнете отметката от опцията „Прикачи към форма“. Върнете се към слоя Bezier_Logo в панела Слоеве и кликнете / преместете добре към Shape Source добре. Когато видите малката стрелка, пуснете мишката.

    С Playhead все още на първия кадър, тествайте анимацията. Ако моливът не следва директно пътя, направете корекции в точката на закрепване на върха на молива, ако е необходимо.

    Изглежда, че ръката рисува бавно за анимация на бяла дъска? Е, можем да го ускорим, като съкратим трасето Motion Path и Bezier_Logo в Timeline.

  6. Отидете на Timeline и намерете лилаво оцветената песен Motion Path. Плъзнете десния ръб към пътеката на пътеката вляво, докато се окаже на две втора позиция на времевата линия (02:00). Повторете това за песента Bezier_Logo.

ОК, време е за пауза за кафе. В следващия урок ще създадем маската, която разкрива логото.

← Назад | Следващ →

Примерно ръководство:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie и Mac са търговски марки на Apple Inc., регистрирани в САЩ и други страни.
CoffeBreakBlog е независима публикация и не е разрешена, спонсорирана или одобрена по друг начин от Apple Inc. Снимки на екрана, използвани с разрешение.
Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, 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).