Projekt zachowania animacji w ruchu

• Kwiecień 29, 2024

Po zaimportowaniu warstwowego programu Photoshop^R obraz do naszego ruchu^R projekt, jesteśmy gotowi stworzyć animację z migającymi światłami. Narysujemy kolorowe kółka, które następnie będziemy animować, aby mrugać za pomocą zachowań Motion.

Mamy już ładny efekt Boken w naszej grafice tła, ale jest statyczny. Byłoby miło dodać subtelną animację. Po przetestowaniu wstępnie ustawionego układu cząstek Bokeh Motion zdecydowałem, że animacja była zbyt duża. Postanowiłem więc nałożyć kilka kolorowych kółek, pasujących do koloru światła poniżej. Następnie, dodając zachowania Glow Filter, FadeIn / FadeOut i Grow / Shrink, mamy przyjemną subtelną migającą animację.

1. Przenieś głowicę odtwarzania na początek osi czasu i zmień nazwę warstwy grupy na „Światła”.
   
   
2. Po zaznaczeniu warstwy Światła użyj narzędzia Okrąg, aby narysować okrąg nad jednym ze świateł Bokeh. Otrzymasz nową podwarstwę o nazwie Koło pod warstwą Światła. Zmień nazwę tej warstwy na „Okrąg 1”.
   
   Chcemy, aby światło migało raz na 1 sekundę na osi czasu.
   
   
3. Przeciągnij prawą krawędź warstwy Koło 1 w lewo na Osi czasu, aż zakończy się w 1-sekundowej lokalizacji.
   
   Domyślnie nowy okrąg jest biały. Zmieńmy kolor, aby pasował do światła pod spodem.
   
   
4. Przy nadal zaznaczonej warstwie Koło 1 przejdź do Inspektora - Kształt i zmień kolor koła, aby dopasować go do koloru światła pod spodem.
   
   
5. Aby zmiękczyć krawędź koła, ustaw parametr Wtapianie na 5.0.
   
   Dodajmy teraz pierwsze zachowanie, którym jest zachowanie FadeIn / FadeOut.
   
   
6. Przy nadal zaznaczonym Kręgu 1 przejdź do Biblioteka - Zachowania - Ruch podstawowy - Rozjaśnianie / rozjaśnianie. Kliknij to zachowanie, a następnie kliknij przycisk Zastosuj. Zobaczysz zachowanie FadeIn / FadeOut dodane jako podwarstwa do warstwy Circle 1.
   
   Zagraj w animację i powinieneś zobaczyć, jak kółko zanika i gaśnie, jakby lampka Bokeh migała. Dodajmy kolejne zachowanie do warstwy Circle 1. Zachowanie Rosnące / Zmniejszające powinno zwiększyć realizm animacji.
   
   
7. Po wybraniu warstwy Okrąg 1 przejdź do Biblioteki - Zachowania - Ruch podstawowy - Wzrost / Zmniejszenie. Kliknij przycisk Zastosuj. Powinieneś zobaczyć warstwę zachowania Zwiększ / Zmniejsz dodaną powyżej pierwszego zachowania.
   
   

Przykład samouczka:


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.

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.

Instrukcje Wideo: Odc. 7 – „Bezpieczne zachowania” (Kwiecień 2024).