【AI+AE教程】可愛小狗狗汽車動效

先來分析一下畫面,是一個夜景,主色為藍色,然后車子保險杠和內飾用了對比色橙色,狗狗的項圈用一個紅色作為點綴。這幅圖光影沒有很多,我們只需要基礎的畫就好了。【新建畫布>畫就完事兒】

步驟01_陸ɑ

1.1打開AI,文件C新建(Ctrl+N),創建一個畫布

你未來會是一名專業的設計師嗎?60秒完成性格測試獲取免費學習資料:

(如無法點擊,復制到瀏覽器打開即可,完成測試可獲得相關學習資料一份)

步驟02_創建背景

2.1使用矩形工具,鼠標變為十字時點擊畫布,尺寸為800*600,填充設置為#414e90

步驟03_繪制

小汽車頂部

3.1繪制一個矩形,384*116,填充為#5869ae,用白箭頭工具選中上面兩個定點,往內拖,繪制出一個梯形

3.2然后分別擾毀給梯形上面的兩個角加圓角,分別是24px和30px

汽車頭部

3.3繪制一個170*85的矩形,用添加錨點工具(鋼筆的下拉菜單里)在點A處添加一個錨點

3.4用白箭頭選中此錨點與它下面的錨點一起向左拖動,拖到合適位置后在點A所在的角加圓角

車身

3.5將車頭和車的頂部分別復制出一份,再加上一個矩形,用形狀生成器生成右邊的形狀(ALT減去不需要的部分,剩下的合并),拉圓角

底盤

3.6繪制一個500*80px的矩形,拉圓角,拉圓角后擺放置圖片所示位置(右鍵C置于底層)

汽車其他元素繪制

3.7分別用鋼筆工具勾勒出汽車的三個車窗(第三個車窗可以用梯形調整圓角),車內座椅可以用一個帶圓角的梯形與一個矩形的連集,分別與三個車窗做布爾運算得到。(車牌還有其他一些元素,因為都是基礎圖形,就不一一列出,大家可以對照原圖畫出來哦~)

3.8輪子的部分,汽車后面的兩個輪子,看不到細節,我們只需要繪制黑色的圓形即可

灰塵

3.9繪制一個橢圓,波紋效果以后,用錨點工具將最外層的錨點拉成圓角,然蘆散后調整顏色與透明度,灰塵的樣子就畫出來啦

狗狗

接下來畫我們可愛的狗狗~

3.10小狗狗的形狀比較不規范,有一些形狀是用鋼筆工具勾出來的,這里需要大家一些耐心

畫面其他元素

3.11云朵用橢圓和矩形進行布爾運算,顏色#ffffff,不透明度45%

3.12星星就是很多個小圓(注意要畫兩份不一樣的,我們后面做星星閃爍動效需要)

3.13地面和路面都是矩形

3.14燈光形狀用鋼筆工具勾出,顏色#ffffff,不透明度45%

步驟04_分層

4.1接下來把我們畫好的元素調整位置,然后根據動畫中元素是否運動分出不同的圖層(這里十分重要,出了問題后面需要返工就會比較麻煩),我的圖層是這樣的

4.2然后認真取好名字,保存到一個等下你找的到的位置

AI部分告一段落,美滋滋欣賞一下自己的杰作,然后開始AE部分吧

AE部分

AE部分開始之前,我們先來分析一下動畫效果,可以看到大的層面上,畫面的運動分為云朵的移動,星星的閃爍,還有小汽車的運動。

再來分析小汽車,很明顯,可以看到整個車身有一個抖動,這里我們可以用位置和一點點的旋轉來實現,除了這個整體的運動_褂幸恍┫附詰ザ澇碩,我們先一一列舉出來,等下加關鍵幀做動畫時候就會比較清晰了

保險杠上下的抖動(由于慣性,會比小汽車的節奏慢一點點)

車牌與保險杠同步,但同時又有一個輕微的角度變化

輪陪李氏胎的移動,主要表現在車輪白色部分的位置變化

車內有一個上下的抖動

玻璃反光

車尾的抖動

地面塵土

狗狗:整個身體上下抖動,頭部輕微旋轉(類似頭往前擺的感覺),耳朵擺動

分析完這些,我們就可以愉快的開始AE的制作啦

步驟01_導入AI文件

1.1文件C導入C文件,選擇剛剛做好保存的AI文件,導入為合成C保持圖層大小,點擊打開

步驟02_合成設置

2.1合成C合成設置,將合成取好名字,并設置幀速率為30,合成時間4S

步驟03_動畫制作

3.1然后點擊項目里的合成文件,就可以看到下面有之前AI里分好的圖層,找到最下面的天空圖層,點擊圖層左邊的小鎖,鎖定該圖層(因為后面不需要移動或添加關鍵幀,這里鎖定防止不小心移動)

云朵動畫

3.2這里要用到偏移屬性,由于偏移的范圍是以圖層大小為區間,所以我們需要先將云朵轉化預合成(保證云朵在整個畫布偏移),選擇云朵圖層C右鍵C預合成;選擇將所有屬性移動到新合成,點擊確定

3.3效果和預設C扭曲C偏移,將偏移拖動到云朵的合成上

3.4在0幀位置,點擊偏移里將中心點轉換為前面的小鐘表添加關鍵幀,然后將時間指示器拖到最后,中心點轉換為后的數值400改為1200(數據變動后系統會自動添加關鍵幀)

3.5這時,按空格鍵播放,我們的云朵已經動起來啦(再按空格鍵停止播放)

(偏移是AE里做交通運動時經常會用到的效果,戳右邊的視頻學習更詳細的介紹>>動效周期表!NO.04偏移旋轉系:循環)

小星星閃爍效果

AI里我們星星做了兩層,閃爍效果的本質就是兩層星星交替出現,這時用到的變換屬性是透明度,兩層星星添加關鍵幀如下;做好以后,選中所有關鍵幀,按f9鍵加緩動

汽車身體動畫

重點來啦!!!!!

3.6剛剛我們有分析到汽車身體是整體運動的,但是整體動的同時,會有一些元素還有單獨的效果,這時我們要用到一個新的功能—父子級(說白點,就是_職鐘械畝右慘,但是兒子的只屬于自己)

3.7我們在不選中任何圖層的情況下,右鍵C新建C空對象,建出來兩個,然后分別命名為狗和車

3.8將狗圖層父級和鏈接左邊的螺旋狀圖標拖到車的圖層,這時父集鏈接會出現5.車,這就代表車圖層已經成功成為狗圖層的爸爸啦

3.9接下來我們根據之前運動的分析,給各個圖層找好自己的爸爸

3.10接著,首先是車整體的運動,我們就給車加一個位置的運動,我們只加一個運動過程(加緩動),剩下的用表達式做到循環:按住ALT鍵同時點擊屬性前的小鐘表,選擇如下(參數非官方,大家也可以根據自己感覺自行調整)

然后是小車下移過程中有一點點旋轉,狀態和關鍵幀如下

保險杠和車牌動效

3.11前面已經分析過_O嶄芎統蹬蘋嵋黃鶼螄亂貧,并且在移動過程中,車牌會有一個屬于自己的角度變化,然后兩者移動時,由于慣性,會比小車的運動稍慢幾幀。

(橫條的位置關鍵幀參數以標出的前三個為一組循環)

汽車尾氣動效

3.12汽車尾氣管已經跟著父集做過上下移動了,接下來我們只需要做出它移動過程中角度變化就好,這里用到的屬性是旋轉

車內座椅

3.13由于座椅的形狀特殊,上下移動過程需要用路徑來實現,選中座椅圖層C右鍵C從矢量圖層創建形狀,刪除下方AI圖層

3.14然后在路徑屬性上添加關鍵幀,并在相應位置移動路徑

玻璃反光

3.15可以明顯看出玻璃的反光不會超出玻璃范圍,這時我們要用到軌道遮罩(類似于PS中的蒙版,只顯示遮罩部分),將遮罩置于反光圖層下方,然后反光圖層TrkMat選擇如圖,并為玻璃圖層添加位置屬性關鍵幀

3.16由于兩個關鍵幀位置都不在顯示區域,這里我截圖給大家框出來

狗狗動效

3.17分析可知,車輛運動過程,狗狗整個身體有隨車輛一起顛簸,然后顛簸過程中,頭部有一個單獨的角度變化,耳朵會隨著車輛前后擺動

3.18我們先做身體:先將身體部分創建形狀,路徑添加關鍵幀,項圈和頭部使用位置屬性添加關鍵幀

3.19然后是狗狗頭部的單獨運動,臉和耳朵_際切糶,添加關鍵幀即可(由于慣性,頭部的運動與汽車不同步)

3.20需要注意的是,狗狗頭部每一部分旋轉前,先使用錨點工具將圖層錨點調整到該位置與上一部分身體的連接處

輪子部分動畫

3.21汽車運動過程中,輪子有一個被壓扁又彈起的過程,用到的屬性是縮放,四個輪子的關鍵幀一摸一樣,這里我只標注其中一個

3.22然后輪胎內白色部分_燦幸桓鱟笥業那崳⒒味,加好位置關鍵幀后,可以用轉換頂點工具調整一下運動曲線

3.23最后,再給地上的煙塵加上關鍵幀,用旋轉屬性(三個煙塵的關鍵幀一毛一樣,這里我只截圖了一個)

3.24_衷諼頤塹墓飯沸〕狄丫溝!完全!做好了!可以導出啦~

步驟04_導出

4.1文件C導出C添加到渲染隊列,然后點擊渲染,導出mov格式后拖入PS,導出為gif格式即可

最終效果

ai繪畫生成器會化成狗的有哪些

AI繪畫生成器可以將圖片轉換成多種不同類型的動畫,其中會化生成狗的有:卡通小狗、雪納瑞、金毛犬、拉布拉多犬、柯基犬、薩摩耶犬、阿富汗犬等。

ai怎么設計動物

ai怎么設計動物的畫冊?ai畫動物的畫冊的方法。ai怎么設計動物的畫冊?ai畫動物的畫冊的方法1、打開ai軟件進入智能圖像生成。智能圖像生成的圖像會根據所用的素材,調整其飽和度、亮度和色調,并使用不同的工具進行調整,以達到理想效果。同時,在導出前后的效果都會被顯示出來,可以使人們從中獲得更多有關動物的信息。2、從下角進入動物的畫冊的頁面。在動物的照片下面選擇一個動物,拖拽它到下面去;3、雙擊動物圖片的圖層調整動物的面部朝向。4、進入蒙版功能。使用鋼筆工具,選擇動物的輪廓輪廓并在蒙版上點擊一下鼠標左鍵在動物身上畫上一塊鼠標。