Animowane palmy z grafiki rastrowej

• Może 18, 2024

W następnych dwóch samouczkach będziemy animować palmy we Flashu^R CS5. Była to część animacji Flash eCard, którą stworzyłem dla Pameli Gladding Ecards. Praca została wykonana przez Louise Max, jednego z artystów z P G Ecards. Pamela wymyśliła scenariusz animacji dla tego e-kartki, a jednym z pierwszych zadań była animacja dwóch palm na plaży. Ta animacja będzie kontynuowana przez całą animację kartki, a także po zakończeniu karty.

Nie widziałem palmy, więc poszedłem do Google i szukałem filmów z palmami poruszającymi się na wietrze. Zauważysz przede wszystkim, że jeśli nie jest to huragan, pień palmy porusza się bardzo mało. Cała akcja odbywa się w dłoniach, które kołyszą się z wdziękiem na wietrze.

Kiedy grafika e-kartki została do mnie wysłana pocztą e-mail w warstwowym pliku Photoshop, dłonie palmy zostały skopiowane (wszystko w jednym kawałku) z tła i umieszczone na przezroczystej warstwie. Tak więc mieliśmy warstwę tła, która zawierała wszystko (niebo, piasek i drzewa) oraz warstwę z grupą dłoni.

W tym momencie jedynym sposobem animacji dłoni byłoby obrócenie grupy dłoni w warstwie animacji nad tłem. Nie wyglądałoby to jednak zbyt realistycznie. Po pierwsze, oryginalna grupa dłoni, która wciąż znajduje się w warstwie tła, pokaże się, gdy warstwa dłoni się obraca. Po drugie, w prawdziwym życiu każda dłoń porusza się indywidualnie, a nie razem jako grupa.

Ponieważ animacje eKart dla P G E-kartki są tworzone z grafiki rastrowej, możliwości animacji są ograniczone w porównaniu do animacji wielkoformatowych. Tak więc każdy sposób, aby jedna część animacji wyglądała bardziej realistycznie, poprawi ogólne wrażenie stworzone przez eKartkę.

Możemy stworzyć bardziej realistyczną animację, przesuwając każdą dłoń niezależnie. Pierwszym zadaniem było więc wybranie każdej z dłoni i umieszczenie ich na własnej przezroczystej warstwie. Jedną sztuczką, z której korzystałem przez lata, jest powiększenie, aby powiększyć obszar, który chcesz wybrać, i użycie narzędzia Lasso wielokątne. Ponieważ kolory dłoni są tak podobne, działa to lepiej niż narzędzie Szybki wybór.

Jak widać, oryginalna grupa palm jest odcięta u góry. Ta prosta krawędź stanowiłaby problem, gdy dłonie są animowane, pokazując brakujący fragment dłoni podczas obracania się. Więc naszym następnym krokiem było użycie poszczególnych kawałków dłoni, które mamy dostępne, aby wypełnić brakującą sekundę tych górnych dłoni.

Na koniec, w przypadku obrazu tła, będziemy chcieli usunąć dłonie i wypełnić puste dziury w niebie utworzone po usunięciu dłoni z tła. Ponieważ niebo ma niemal jednolity kolor, możemy użyć funkcji Wypełnianie ze świadomością zawartości, aby łatwo zastąpić brakujące niebo.

Teraz jesteśmy gotowi ożywić dłonie.

Dalej →

Zobacz Skończoną Kartkę w Pamela Gladding Ecards

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: Zabawa z grafiką komputerową (Może 2024).