100個AE小動畫教程挑戰——003 發光旋轉立方體

2021-01-19 白雲熊膽丸說

發光旋轉立方體效果預覽:

教程:

1、在合成窗口下新建一個純色

2、寬高度一樣,我這裡設置的是 400*400,然後點確定。

3、雙擊矩形工具,會給剛剛建的純色層施加一個同樣大小的蒙版

4、在「效果與預設」中搜索「描邊」效果

5、將「描邊」效果添加到純色圖層上

6、找到「效果控制項」——「繪畫樣式」,選擇「在透明背景上」

7、調整一下畫筆大小。

我在這裡把顏色調成了綠色。顏色可以調也可以不調,根據個人喜好吧。

8、點擊箭頭處,使得這個圖層變成 3D 圖層

9、點擊「活動攝像機」——「頂部」,切換到頂部視圖

10、找到並選擇「錨點」工具

11、「錨點」工具的後面三個數字(200、200、0)分別對應的是錨點的 x、y、z 軸的位置。

將錨點工具的z軸的位置改為「200」,即移動到邊長的一半(前面提到純色的大小為 400*400,所以邊長的一半為 200)。

12、滑鼠選中純色圖層,按 3 次 Ctrl+D,複製 3 次圖層

13、製作一個立方體

選中第 3 個圖層,在英文狀態下按 R 鍵,打開旋轉屬性,將 Y 軸旋轉 90°。

選中第 2 個圖層,在英文狀態下按 R 鍵,打開旋轉屬性,將 Y 軸旋轉 180°

選中第 1 個圖層,在英文狀態下按 R 鍵,打開旋轉屬性,將 Y 軸旋轉 270°

可以看出,在頂部視角下,一個正方形逐漸形成。

14、把「對於矢量圖層:連續柵格化」下面的框框都選中,可以讓圖形變得更清楚。

15、選中 4 個圖層,右擊,選擇「預合成」

16、再一次把「對於矢量圖層:連續柵格化」下面的框框選中

17、把「3D 圖層」下面的框框選中

18、切換到「自定義視圖」,看下錨點是不是在正中央。

如果不在正中央的話,打開錨點工具,勾選中「對齊」選項。

輕輕拉動中間的點,錨點就自動吸附到正中央了

如果不知道錨點有沒有吸附到正中央,可以打開攝像機工具,轉動立方體,看看錨點在不在正中央。

19、展開「變換」,找到「x、y、z 軸旋轉」,給立方體的 x、y、z 軸分別打上關鍵幀

拉動時間標尺,然後增加 x、y、z 軸的角度

繼續拉動時間標尺,然後增加 x、y、z 軸的角度,多打幾個關鍵幀

倒數第二個關鍵幀我設置的 x、y、z 軸坐標是 1x+二百多度

最後一個關鍵幀的坐標就設置為 2x+0°,

即這個立方體從開頭轉到結束轉了整整 2 周,動畫循環播放時也可以無縫銜接。

實際上不需要把 x、y、z 3 條軸的關鍵幀全部打上,可以只打 x 軸的關鍵幀,也可以只打 y、z 軸的關鍵幀,反正只要能讓立方體轉動起來就行。

20、在「效果與預設」中搜索「發光」

將「發光」效果添加到立方體上

調整一下發光閾值、半徑和強度

做到這裡,發光立方體已經做好了。

在「輸入模塊」裡,點「無損」更改輸出格式。

在「視頻輸出」的「通道」中選擇「RGB+Alpha」,可以輸出透明背景的視頻。

當然,如果你不需要用到透明通道的話,你也可以不用更改格式,直接導出就可以了。

最後渲染導出即可。

導出的視頻可以用在 Pr(Premiere)中,也可以用 Photoshop 導出 GIF。

Photoshop 導出 GIF 方法如下:

(1)打開 Photoshop,把剛剛導出的文件拖到 Photoshop 裡

(2)用裁剪工具將它多餘的部分去掉

(3)點擊文件——導出——儲存為 Web 所用格式(舊版)

格式選 GIF,循環選項選「永遠」。

這個原視頻解析度比較大,導出的 GIF 會很大,所以把圖像大小縮小一點,百分比改為 30(數值僅供參考)

最後點「儲存」。

tip:儲存在電腦上的的 GIF 圖不要通過微信(包括文件傳輸助手)發送到手機,否則無法將 GIF 保存到手機裡。

建議通過 QQ、數據線等其他方式將 GIF 圖傳到手機上。

相關焦點

  • AE用圖片組成立方體的旋轉動畫
    影視小白自學之路第十七天,昨天開始了三維空間製作的學習,同時也做了一個簡單的練習,今天來練習製作用六張照片組成一個立方體,並旋轉的動畫1、新建400X400的合成「立方體」,新建純黑圖層作為背景層,把準備好的六張圖片(圖片作為立方體的六個面)拖入合成之中,調整圖片與合成大小相同,再把合成設置為800X800,圖片最好是方形圖片,要不然會出現變形;打開圖片圖層的三維開關2、依次調整六張圖片圖層的位置,使之處於正方體的六個面上
  • AE特效視頻框-旋轉的地球教程(附素材)
    本期,筆者給大家帶來另一款科技感滿滿的AE特效視頻框-旋轉的地球教程,跟著我一起做,你也可以的!照例,先放出本期視頻教程效果預覽:首先,我們來分析一下這個短視頻。背景是漸變藍色底版,右邊有一個3D的旋轉地球,中間是半透明的藍色視頻框,然後加以飛舞的半透明粒子,還有就是微弱的若隱若現的鏡頭光暈,加上動感的背景音樂。
  • 神奇索瑪立方體,空間思維大爆炸
    今天推薦的這套《挑戰索瑪立方體》,是國內首套以索瑪立方體來專項培養兒童空間思維能力的書,它的設計和編排相當精妙!☉比如最開始的這種題型「用立方體拼圖吧」,本質是從上往下看一個造型,是簡單級別的。慢慢延伸稍微難度的。☉比如這種「從桌角看過去吧」,觀察點變成了一個角度。題目是階梯性,這種題要求就更高。☉給一個立體圖形,要求畫出ABC三個觀察方向的視圖。它的旋轉通常是繞某個軸,旋轉一定的角度。
  • 基礎C4D教程:如何利用字體建模來製作海報
    效果圖今天我們來用字體建模,其實字體建模運用得很多的是電商上面,不知道你們發現沒有,某貓就非常的愛用建模來做活動(每天5分鐘,充實一整天)教程1、首先打開我們的C4D2、文件-新建長按自由樣條新加你一個文本,點擊字體改為思源黑體
  • 【AE教程】使用AE製作粒子旋轉展示LOGO字體動效
    2018-07-21 18:01:24 來源: 娛樂大吐槽 舉報   本期教程使用
  • VR丨100天教程(二):Unity Space Shooter教程
    歡迎回到我VR100天教程的第二天!我們上次學習的是Unity Roll a ball教程。從中學到了很多關於如何在Unity中編碼,以及如何使用它們現有的API。更重要的是,我學會了如何瀏覽和使用Unity編輯器!編輯器與Web或移動開發相比絕對不同,你可以通過代碼創建所有內容,但編輯器確實使事情變得更容易!
  • AE教程:教你用AE製作旋轉的液體加載動效
    打開左下側的形狀圖層下面的橢圓路徑,首先將左側的等比例的扣鎖打開,然後調整大小為100*100的大小3、打開左下側的形狀圖層下面的橢圓路徑,首先將左側的等比例的扣鎖打開,然後調整大小為[100,100] 的大小,位置調整為[0.0,-100.0]
  • 這5個PPT小動畫你值得上手
    今天給大家分享的,是一篇來自stinsondesign的文章,介紹了 5 個小動畫的製作方法。我就根據自己的理解與經驗,做個簡單的翻譯與分享吧,希望你喜歡。輪轉動畫在這個動畫中,我們可以通過路徑動畫,讓每個對象圍繞圓進行順時針對稱旋轉。兩種不同的路徑移動方法第一步,先將每個對象放到初始位置,也就是動畫的起點。
  • AE教程-球體3D旋轉效果
    我們先按慣例來做個效果預覽由於公眾號的圖像大小限制,我們只能把效果做的非常簡單了這樣的文字變化是不是經常見到,我們先分析一波,這個動畫都用了哪些步驟。一,球體3D化二,旋轉我們開始製作先明確一點,不是所有的素材都有現成的球體3D化效果的,比如我們這個就沒有,而且3D化的球放在平面裡還是個平面,不是立體。我們的素材如下一個地球的平面圖,一個星空背景圖,僅此而已,所以這個動畫的最主要的就是把平面的東西立體化。
  • AE教程:學會這個,你做的Logo就可以單獨出道了
    今天給大家分享的是一篇AE教程「Logo路徑變化教程」。>3、在AI中繪製一個六邊形,具體怎麼繪製就自己百度吧4、複製AI中的這個形狀,粘貼到AE中,一個六邊形就出來啦5、選中純色圖層,選擇「S」,在初始點打上關鍵幀並且調整為0,然後選擇「R」,在初始點打上關鍵幀,然後選擇「U」即可顯示所有的活動幀6、在「15F」處將縮放調整到100
  • 「手繪」手繪小動畫簡單繪製過程
    超級簡單的動物畫教程!課程很簡單。讓我們快速看一下喇叭:用圓圈和十字架很常見用 O 和 X 畫野生動物很容易。側面用三角形繪製。也就是說,把臉想像成金字塔好啦,本期[[手繪]手繪小動畫簡單繪製過程?這裡藝學繪小編也給大家推薦一些藝學繪的視頻教程:插畫原畫漫畫教程,職業路徑學習,快來看看吧
  • AI教程:旋轉火球製作
    旋轉火球製作1.選擇星形工具,創建一個12邊數的一個星形2.給星形填充一個漸變色,並將描邊色取消3.執行效果-風格化-圓角4.設置合適的半徑值(教程為16mm)5.選擇選擇工具,選擇這個圖形,Ctrl +C Ctrl+V 原地複製一份並向中心縮放6.選擇這兩個圖形,雙擊混合工具,間距為指定的步數,數值300左右,
  • 【理論】桌球旋轉球成分分析及綜合考察:26種旋轉、13根旋轉軸
    圖二 桌球旋轉軸相關的3根軸、3個平面、1個立方體、8個象限請看圖 2,假設有一個半透明的白色立方體玻璃盒,其中心位置是一個白色桌球。穿過球心,有3根相互垂直的坐標軸x、y、z(紅、藍、綠)。圖3 桌球6根二維旋轉軸的代表再看這個半透明的玻璃盒,是個立方體。穿過體心位置可以畫4根體對角線。它們就是8類三維複合旋轉的旋轉軸的代表(參見圖 4)。
  • 「教程」客制化發光鍵盤線詳細教程
    今天為大家帶來客制化數據線教程之——發光線的製作方法,超多細節的那種。 廢話不多說,首先準備工具( )內為低配版和一些細節推薦。之後便是漫長的編織過程(編織手法無法用文字表述,可以百度4股線包芯編織教程,也可以加入我之後成立的群,我會錄製簡單的編織教程,重複編織即可)。新手大概2-3個小時可以編織可以出一條1米左右的線。這時候一定要有耐心,編錯一步就會很麻煩的。編織完成後用剝線鉗剝去線材外皮大約0.5公分左右,兩兩成對上錫(上錫之前最好在線頭上抹上一些焊油或者松香這樣的線頭會比較細有利於焊接操作)。
  • VR丨100天教程:第一天教你設置Unity Ball
    ,旋轉和縮放。在本教程中,我們在項目中創建了一個新材料,並使其顏色為紅色。然後我們把它應用到我們的球面上,得到了一個紅色的球體。在第一個視頻演示了如何設置環境和使用一些工具來完成Roll a Ball教程,接下來我們學習的是如何實際移動小球。剛體我們需要做的第一件事是在我們的球對象中添加一個剛體組件。
  • AI教程-螺旋旋轉線條圖形Logo設計教程
    AI教程-螺旋旋轉線條圖形Logo設計教程。效果蠻不錯的,喜歡的話可以舉一反三,隨便更改一下參數就是完全不一樣的效果了喲,推薦試一試。 注意看,我在圖中更改了四個地方的參數,每一個地方都得更改(少一個都不行哦),參數可自定
  • (圖文版)AI+AE野教程:小米的息屏動畫是如何製作的
    由於息屏動畫沒有辦法錄下來,開始之前還是先給大家簡述一下這個動畫吧:1、首先是時鐘,時針和分針會有一個關聯旋轉的動畫。2、其次電量百分數減少,電量值也會跟著減少。3、會有一個指紋的光亮動畫。最重要的就是這三個點吧,圖形的繪製我當然是選擇在AI裡來操作。
  • FIFAOL4街球技巧-旋轉夾球教程
    懂球帝首頁>足球視頻> 懂球號> FIFAOL4街球技巧-旋轉夾球教程 FIFAOL4街球技巧-旋轉夾球教程 懂球號作者: 路易斯.拿瓜 05-20 05:55
  • 入門AE:今天這個教程是趣味循環,附帶教程
    教程1、首先打開我們的AE2、新建一個合成(快捷鍵:ctrl+n),1173*660px的,持續時間為3秒點擊圓角矩形,將填充關閉,打開描邊,20左右點擊矩形圖形-內容-矩形路徑-圓角將圓角調為最大3、點擊矩形工具-找到橢圓工具按住shift在畫布上畫一個正圓,將填充打開,描邊關閉
  • AE旋轉縮放動畫
    前兩天學習了縮放、位移動畫製作,這兩天又查找了一些基礎知識裡面還有一個旋轉動畫還沒有學習,今天就來學習一下旋轉動畫的製作,同時呢再溫習一下之前學習的縮放動畫,今天就做一個旋轉縮放動畫,想要做的效果是一行文字在屏幕外縮小到屏幕中央,旋轉兩周後,放大填滿屏幕