這篇教程教AE學(xué)習(xí)者們使用AE CC Sphere插件制作流暢圓球讀取動畫效果,教程難度一般,效果主要是運(yùn)用濾鏡插件制作出來的。動畫效果還挺不錯的,推薦一下和飛特的朋友們一起分享學(xué)習(xí)了,,同時感謝原創(chuàng)作者"快樂快樂快樂"的原創(chuàng)分享!
主要講解圓球的讀取動畫哦~涉及到ae的一款很有用的插件:CC Sphere,中文應(yīng)該叫CC 球體
首先感謝MartinRGB翻譯并分享Marcus Eckert的文章,沒有你,也不會有這篇教程。(Marcus Eckert 大家可以在dribbble上查到)
此次教程主要講解Martin所翻譯文章中的一個app頁面讀取動畫,我大概仿照著做了下:
結(jié)合我講的攝像機(jī)控制,讓頁面變成3D透視的,再加點細(xì)節(jié):
是不是很帶感?
單獨(dú)看下球體讀取動畫效果:
仔細(xì)觀察,這個有趣的動畫的key點在于中心的動畫演變,其實是一個一半空,一半白色的球體在旋轉(zhuǎn)。
如何在ae中制作一個球呢?
答案是:CC sphere。
我們建立一個合成,尺寸為800*600(其他的尺寸也可以,無所謂,因為材質(zhì)是純色。),在合成中建立一個白色固態(tài)層。
我們把剛剛建立的合成添加到一個新的合成中,并且對剛才的合成添加CC sphere,馬上就會得到一個球體了我們調(diào)節(jié)參數(shù),讓它變?yōu)榧兩膱A球(Ambient調(diào)高即可)。
接下來重要的一步,我們把這個合成中白色固態(tài)層的X軸移出一半
我們出去看一下球體變成什么樣子了此時,我們調(diào)節(jié)插件中的rotation參數(shù)的Y軸參數(shù),你會發(fā)現(xiàn)我們還是得不到想要的效果,那是因為我們在插件中的渲染設(shè)置為全部,把這個選項選為outside
這回再次調(diào)節(jié)Y軸參數(shù),我們得到了想要的動畫,設(shè)置關(guān)鍵幀即可得到最終效果了!(Y軸在90度時全白,自行調(diào)節(jié)關(guān)鍵幀即可啦。)
我們在圓球的最外層添加一個圓形遮罩,索性再加個3Dstroke,我之前講過的。即可得到我們的圓球讀取動畫了!
效果講解完畢,我覺得效果實現(xiàn)可能沒有那么難,但是大師們的創(chuàng)意很珍貴,大家可以發(fā)散思維去想,去創(chuàng)意,這甚至可能會比技術(shù)還要重要。
這兩天有點小忙,所以教程更新不是很快,見諒~
擴(kuò)展:
CC sphere可以達(dá)到很多有趣的效果,其中最有意義的便是地球的制作了:
如果有好的美術(shù)畫一個手繪的地圖材質(zhì)的話......(樓主曾經(jīng)做的一個H5頁面動效)
OK,就說到這里
新聞熱點
疑難解答