Whiteboard Video Scribe Animation - Bezier Path
W tym samouczku będziemy nadal budować proste wideo na tablicy w ruchuR. Następnym krokiem jest narysowanie ścieżki Beziera, która jest podstawą animacji.

Będziesz rysować ścieżkę Beziera, która będzie kontrolować ruch ręki. Duplikat tej ścieżki Beziera zostanie użyty do utworzenia maski, która ukryje rysowaną na ekranie grafikę i ujawnia ją, gdy ramię przechodzi. Ponieważ maska ​​jest tworzona z duplikatu ścieżki Beziera, którą podąży dłoń, wynikiem jest symulacja rysowania dłoni na ekranie.

Zanim narysujemy ścieżkę Beziera, musimy dostosować punkt kontrolny grafiki Ręki. Domyślnie, Motion umieszcza punkt kontrolny na środku grafiki. Ale ten punkt kontrolny będzie tym, co podąża ścieżką. Nie chcemy, aby środek ramienia rysował na ekranie. Chcemy, aby końcówka ołówka rysowała na ekranie. Naprawmy to.

  1. Wybierz grafikę ręki, a następnie wybierz narzędzie Punkt kontrolny. Użyj czerwonej i niebieskiej strzałki, aby umieścić punkt kontrolny nad końcem ołówka.

    Teraz dochodzimy do tej dobrej części.

  2. Wybierz warstwę graficzną Ręka, a następnie wybierz narzędzie Beziera. Umieść pierwszy punkt Beziera nad końcówką ołówka. Następnie przejdź do Logo i narysuj zygzakowatą ścieżkę nad Logo. Na koniec wróć do rozdania i dodaj ostatni punkt. Nie zamykaj ścieżki.

  3. Aby powiedzieć Motionowi, że skończyłeś rysować ścieżkę Beziera, wybierz narzędzie Wybierz / Przekształć. Otrzymasz nową warstwę Beziera w panelu Warstwy. Przeciągnij tę nową warstwę pod warstwę Ręki i zmień jej nazwę na „Bezier_Logo”, ponieważ jest to ścieżka Beziera do rysowania obrazu logo.

    Teraz, gdy mamy ścieżkę Beziera, możemy dodać zachowanie ścieżki ruchu do grafiki Ręki. To zachowanie spowoduje, że dłoń będzie animować. Ale chcemy, aby ręka podążała ścieżką Bezier_Logo. Dlatego powiemy Motion, aby użyła ścieżki Bezier_Logo dla tego zachowania ścieżki ruchu.

  4. Aby dodać zachowanie do grafiki ręki, wybierz warstwę grafiki ręki w panelu Warstwy. Z menu Zachowania w prawym dolnym rogu wybierz opcję Ścieżka ruchu. Zobaczysz nową warstwę ścieżki ruchu dodaną poniżej warstwy ręki.

  5. Wybierz warstwę Ścieżka ruchu i przejdź do Inspektora (Inspektor - Zachowania - Ścieżka ruchu). Ustaw menu Kształt ścieżki na Geometria. Odznacz opcję Dołącz do kształtu. Wróć do warstwy Bezier_Logo w panelu Warstwy i kliknij / przeciągnij do studni Źródło kształtu. Gdy zobaczysz małą strzałkę, zwolnij mysz.

    Przy głowicy Playera wciąż na pierwszej klatce przetestuj animację. Jeśli ołówek nie podąża bezpośrednio ścieżką, w razie potrzeby dostosuj punkt zakotwiczenia na końcu ołówka.

    Czy ręka wydaje się rysować trochę za wolno, aby uzyskać animację tablicy? Możemy to przyspieszyć, skracając ścieżki ruchu i ścieżki Bezier_Logo na osi czasu.

  6. Przejdź do osi czasu i znajdź ścieżkę Motion Path w kolorze fioletowym. Przeciągnij prawą krawędź do ścieżki ścieżki w lewo, aż znajdzie się w drugiej drugiej pozycji na osi czasu (02:00). Powtórz to dla ścieżki Bezier_Logo.

OK, czas na przerwę na kawę. W następnym samouczku utworzymy maskę, która ujawnia logo.

← Wróć | Dalej →

Przykład samouczka:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie i Mac są znakami towarowymi firmy Apple Inc., zastrzeżonymi w Stanach Zjednoczonych i innych krajach.
CoffeBreakBlog jest niezależną publikacją i nie jest autoryzowana, sponsorowana ani w żaden inny sposób zatwierdzona przez Apple Inc. Zrzuty ekranu wykorzystane za pozwoleniem.
Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą 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 i Flash Paper jest / są [a] zarejestrowanym znakiem towarowym lub znakami towarowymi Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.


Instrukcje Wideo: How to Create Videoscribe Effect in PowerPoint : Practical Animation Series (Może 2024).