Whiteboard Video Scribe Animation - Przygotowanie
Jeśli interesuje Cię tworzenie tablicy lub animacji wideo w MotionR i nie wiem od czego zacząć, ten poradnik może pomóc. W animacji tablicy są dwa rodzaje symulacji. Jedna to symulacja rysunku, a druga to symulacja pisania. W tym samouczku wykonamy bardzo prostą animację tablicy, która animuje rękę rysującą logo i zapisującą nazwę firmy na ekranie.

Będziesz potrzebował kilku grafik, takich jak grafika dłoni / ołówka. Może to być fotografia lub ilustracja ręki trzymającej ołówek, pędzel lub cokolwiek innego. Grafika powinna znajdować się na przezroczystym tle. O ile nie chcesz, aby twoja ręka unosiła się w przestrzeni, ramię powinno być wystarczająco długie, aby koniec ramienia znajdował się pod ekranem przez całą animację.

Następnie będziesz potrzebować grafiki tego, co ręka będzie rysować na ekranie. Ten obraz powinien również znajdować się na przezroczystym tle. Przez większość czasu ta grafika będzie dostarczana przez klienta, ale możesz ją również utworzyć od zera w programie MotionR lub PhotoshopR.

Najprostszym sposobem na przeniesienie tych grafik do Motion jest umieszczenie ich w warstwowym obrazie Photoshopa. Otwórz nowy obraz programu Photoshop o rozdzielczości 1280 x 720 pikseli, czyli wymiarach ekranu wideo. Umieść swoją grafikę na tym obrazie, upewniając się, że całe ramię jest widoczne. Ponadto ramię powinno znajdować się na warstwie powyżej warstwy logo. Jeśli chodzi o nazwę firmy, będziemy używać narzędzia Tekst Motion. Zapisz ten obraz jako warstwowy obraz .psd Photoshop.

Ruszajmy w ruch.

  1. Otwórz nowy dokument Motion. Używam rozdzielczości 1280 x 720 pikseli i 29,97 fps (NTSC), ponieważ to najlepszy kompromis między wielkością ekranu a czasem pobierania. Ustaw liczbę sekund dla filmu. W tym przykładzie wykorzystałem 5 sekund.

  2. Z paska menu po prawej ustaw ekran na Przezroczysty.

  3. W panelu Warstwy zmień nazwę warstwy Project na „Whiteboard”. Zmień nazwę warstwy grupy na „BG” dla tła.

  4. Jeśli nie używasz grafiki w tle, pobierz ją z Biblioteki ruchu lub narysuj na ekranie. Aby narysować tło, użyj narzędzia Prostokąt i ustaw Wypełnienie na wybrany kolor w Inspektorze.

    Teraz jesteśmy gotowi na twoją grafikę.

  5. Zaimportuj obraz z Photoshopa i powiedz Motion, aby nie łączył warstw. Gdy umieścimy je na obrazie Photoshopa, dłoń jest na warstwie nad grafiką, którą będzie rysować (logo). Ułóż rękę i logo na ekranie w pozycji dla pierwszej klatki animacji.

    Najłatwiej jest umieścić rękę i każdą grafikę, którą będzie rysować we własnej grupie warstw. W tym samouczku umieścimy grafikę dłoni w grupie o nazwie „Ręka”, a grafikę logo w grupie o nazwie „Logo”. Grupa układów powinna znajdować się powyżej grupy Logo, która powinna znajdować się powyżej grupy BG.

  6. Wybierz warstwę BG i kliknij ikonę Plus u dołu okienka, aby dodać nową warstwę Grupy. Nazwij tę grupę „Logo” i przeciągnij grafikę Logo na tę warstwę. Powtórz to dla grafiki Ręki, umieszczając grupę Ręki nad grupą Logo.

  7. Teraz, gdy domyślna warstwa Grupy jest pusta, możemy ją usunąć. Powinniśmy mieć trzy warstwy grupowe: Ręka, Logo i BG.

W następnym samouczku narysujemy ścieżkę Beziera, która będzie animować rękę.

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: Tom Wujec: Got a wicked problem? First, tell me how you make toast (Może 2024).