Whiteboard Video Scribe Animation - Zakończ

• Może 8, 2024

W tym ruchu^R samouczku, skończymy animację tablicy. Animowaliśmy już symulację rysowania logo. Teraz stworzymy symulację pisania dla nazwy firmy.

Metoda, której zamierzamy użyć, stworzy dobrą symulację ręki piszącej nazwę firmy na ekranie, ponieważ ołówek będzie śledził każdą literę w tekście. Jest to idealne rozwiązanie dla niestandardowego wideo tablicy dla klienta. Ale jeśli tworzysz szablon, który pozwoli zastąpić tekst zastępczy innym tekstem, będziesz chciał skorzystać z tego samego rodzaju symulacji, który użyliśmy do narysowania logo.

Na przykład utworzysz ścieżkę Beziera zygzakiem nad tekstem zastępczym zamiast śledzenia pojedynczych liter. Chociaż symulacja nie jest tak realistyczna jak symulacja pisania, którą nauczymy się tutaj tworzyć, jest wystarczająco elastyczna dla szablonu.

Załóżmy jednak, że jest to niestandardowe wideo na tablicy dla klienta i stworzymy realistyczną symulację pisania.

Użyjemy narzędzia Tekst w ruchu, aby dodać nazwę firmy do projektu. Chcemy, aby ta animacja zaczęła się kilka klatek po zakończeniu pierwszej animacji, czyli o godzinie 02:00 na osi czasu. Zacznijmy więc tę animację od znaku 02:10 i potrwa ona dwie sekundy.

1. Za pomocą głowicy Playback o godzinie 02:10 dodaj nową grupę do panelu Warstwy nad grupą BG i nazwij ją „Tekst”. Kliknij ekran za pomocą narzędzia Tekst w miejscu, w którym chcesz rozpocząć dodawanie tekstu. Stylizuj tekst według potrzeb klienta.
   
   Teraz zacznijmy. Tworząc ścieżkę Beziera, dodaj punkty kontrolne do każdej litery, tak jakbyś pisał tekst na ekranie.
   
   
2. Wybierz warstwę graficzną Ręka i narzędzie Beziera. Umieść pierwszy punkt kontrolny nad końcem ołówka. Następnie przejdź do tekstu i zacznij dodawać punkty kontrolne nad tekstem. Ponieważ jest to koniec części tablicy wideo, dodaj ostatni punkt kontrolny tuż pod ostatnią literą na ekranie.
   
   
3. Wybierz narzędzie Wybierz / Przekształć, aby zakończyć ścieżkę i zmień nazwę nowej warstwy ścieżki Beziera na „Bez_tekst”. Przeciągnij warstwę Bezier_Text pod warstwą Bezier_Logo w grupie Rąk.
   
   Teraz dodamy kolejne zachowanie Ścieżki ruchu do warstwy graficznej Ręki.
   
   
4. Wybierz warstwę graficzną Ręka i dodaj zachowanie Ścieżka ruchu. Nazwij to Motion Path 2.
   
   
5. Po wybraniu warstwy zachowania Ścieżka ruchu 2 przejdź do Inspektora i ustaw Kształt ścieżki na Geometria. Odznacz opcję Dołącz do kształtu i przeciągnij warstwę Bezier_Text do studni Źródło kształtu.
   
   
6. Przesuń głowicę do znaku 02:10 na osi czasu. Przeciągnij lewą krawędź ścieżki Motion Path 2 od początku osi czasu do znaku 02:10. Przeciągnij prawą krawędź ścieżki do znaku 04:10. Powtórz to dla ścieżki Bezier_Text.
   
   Teraz stworzymy maskę.
   
   
7. Utwórz kopię warstwy Bezier_Text i przeciągnij tę warstwę kopiowania Bezier_Text do grupy Tekst i umieść ją nad warstwą Tekst. Wyłącz widoczność oryginalnej warstwy Bezier_Text.
   
   
8. Przy nadal zaznaczonej warstwie kopiowania Bezier_Text zwiększ szerokość ścieżki, aż tekst zostanie ukryty pod maską.
   
   
9. Dodaj maskę obrazu do warstwy tekstowej i przeciągnij warstwę kopiowania Bezier_Text na nową warstwę maski obrazu.
   
   
10. Na osi czasu przeciągnij prawą krawędź ścieżki maski obrazu do znaku 04:10.
    
    Teraz dodamy klatki kluczowe, aby animować maskę.
    
    
11. Umieść głowicę w miejscu 02:10 i wybierz warstwę kopiowania Bezier_Text. Przejdź do Inspektora (Inspektor - Kształt - Styl - Kontur) i ustaw suwak Przesunięcie ostatniego punktu na zero. Dodaj klatkę kluczową.
    
    
12. Przesuń głowicę do pozycji 04:10 i ustaw suwak Przesunięcie ostatniego punktu z powrotem na 100.
    
    Przetestuj animację. Naszym ostatnim zadaniem jest usunięcie grafiki ręki z ekranu.
    
    
13. Przy Playhead wciąż o 04:10 wybierz warstwę graficzną ręki. W Inspektorze (Inspektor - Właściwości - Mieszanie) dodaj klatkę kluczową, klikając ikonę po prawej stronie suwaka Krycie. Przesuń głowicę do 04:20 i zmniejsz krycie do zera.
    

← Wstecz

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.