先來(lái)分析一下畫(huà)面,是一個(gè)夜景,主色為藍(lán)色,然后車(chē)子保險(xiǎn)杠和內(nèi)飾用了對(duì)比色橙色,狗狗的項(xiàng)圈用一個(gè)紅色作為點(diǎn)綴。這幅圖光影沒(méi)有很多,我們只需要基礎(chǔ)的畫(huà)就好了。【新建畫(huà)布>畫(huà)就完事兒】

步驟01_陸ɑ

1.1打開(kāi)AI,文件C新建(Ctrl+N),創(chuàng)建一個(gè)畫(huà)布

你未來(lái)會(huì)是一名專(zhuān)業(yè)的設(shè)計(jì)師嗎?60秒完成性格測(cè)試獲取免費(fèi)學(xué)習(xí)資料:

(如無(wú)法點(diǎn)擊,復(fù)制到瀏覽器打開(kāi)即可,完成測(cè)試可獲得相關(guān)學(xué)習(xí)資料一份)

步驟02_創(chuàng)建背景

2.1使用矩形工具,鼠標(biāo)變?yōu)槭謺r(shí)點(diǎn)擊畫(huà)布,尺寸為800*600,填充設(shè)置為#414e90

步驟03_繪制

小汽車(chē)頂部

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

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

汽車(chē)頭部

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

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

車(chē)身

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

底盤(pán)

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

汽車(chē)其他元素繪制

3.7分別用鋼筆工具勾勒出汽車(chē)的三個(gè)車(chē)窗(第三個(gè)車(chē)窗可以用梯形調(diào)整圓角),車(chē)內(nèi)座椅可以用一個(gè)帶圓角的梯形與一個(gè)矩形的連集,分別與三個(gè)車(chē)窗做布爾運(yùn)算得到。(車(chē)牌還有其他一些元素,因?yàn)槎际腔A(chǔ)圖形,就不一一列出,大家可以對(duì)照原圖畫(huà)出來(lái)哦～)

3.8輪子的部分,汽車(chē)后面的兩個(gè)輪子,看不到細(xì)節(jié),我們只需要繪制黑色的圓形即可

灰塵

3.9繪制一個(gè)橢圓,波紋效果以后,用錨點(diǎn)工具將最外層的錨點(diǎn)拉成圓角,然蘆散后調(diào)整顏色與透明度,灰塵的樣子就畫(huà)出來(lái)啦

狗狗

接下來(lái)畫(huà)我們可愛(ài)的狗狗～

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

畫(huà)面其他元素

3.11云朵用橢圓和矩形進(jìn)行布爾運(yùn)算,顏色#ffffff,不透明度45%

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

3.13地面和路面都是矩形

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

步驟04_分層

4.1接下來(lái)把我們畫(huà)好的元素調(diào)整位置,然后根據(jù)動(dòng)畫(huà)中元素是否運(yùn)動(dòng)分出不同的圖層(這里十分重要,出了問(wèn)題后面需要返工就會(huì)比較麻煩),我的圖層是這樣的

4.2然后認(rèn)真取好名字,保存到一個(gè)等下你找的到的位置

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

AE部分

AE部分開(kāi)始之前,我們先來(lái)分析一下動(dòng)畫(huà)效果,可以看到大的層面上,畫(huà)面的運(yùn)動(dòng)分為云朵的移動(dòng),星星的閃爍,還有小汽車(chē)的運(yùn)動(dòng)。

再來(lái)分析小汽車(chē),很明顯,可以看到整個(gè)車(chē)身有一個(gè)抖動(dòng),這里我們可以用位置和一點(diǎn)點(diǎn)的旋轉(zhuǎn)來(lái)實(shí)現(xiàn),除了這個(gè)整體的運(yùn)動(dòng)_褂幸恍┫附詰ザ澇碩,我們先一一列舉出來(lái),等下加關(guān)鍵幀做動(dòng)畫(huà)時(shí)候就會(huì)比較清晰了

保險(xiǎn)杠上下的抖動(dòng)(由于慣性,會(huì)比小汽車(chē)的節(jié)奏慢一點(diǎn)點(diǎn))

車(chē)牌與保險(xiǎn)杠同步,但同時(shí)又有一個(gè)輕微的角度變化

輪陪李氏胎的移動(dòng),主要表現(xiàn)在車(chē)輪白色部分的位置變化

車(chē)內(nèi)有一個(gè)上下的抖動(dòng)

玻璃反光

車(chē)尾的抖動(dòng)

地面塵土

狗狗:整個(gè)身體上下抖動(dòng),頭部輕微旋轉(zhuǎn)(類(lèi)似頭往前擺的感覺(jué)),耳朵擺動(dòng)

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

步驟01_導(dǎo)入AI文件

1.1文件C導(dǎo)入C文件,選擇剛剛做好保存的AI文件,導(dǎo)入為合成C保持圖層大小,點(diǎn)擊打開(kāi)

步驟02_合成設(shè)置

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

步驟03_動(dòng)畫(huà)制作

3.1然后點(diǎn)擊項(xiàng)目里的合成文件,就可以看到下面有之前AI里分好的圖層,找到最下面的天空?qǐng)D層,點(diǎn)擊圖層左邊的小鎖,鎖定該圖層(因?yàn)楹竺娌恍枰苿?dòng)或添加關(guān)鍵幀,這里鎖定防止不小心移動(dòng))

云朵動(dòng)畫(huà)

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

3.3效果和預(yù)設(shè)C扭曲C偏移,將偏移拖動(dòng)到云朵的合成上

3.4在0幀位置,點(diǎn)擊偏移里將中心點(diǎn)轉(zhuǎn)換為前面的小鐘表添加關(guān)鍵幀,然后將時(shí)間指示器拖到最后,中心點(diǎn)轉(zhuǎn)換為后的數(shù)值400改為1200(數(shù)據(jù)變動(dòng)后系統(tǒng)會(huì)自動(dòng)添加關(guān)鍵幀)

3.5這時(shí),按空格鍵播放,我們的云朵已經(jīng)動(dòng)起來(lái)啦(再按空格鍵停止播放)

(偏移是AE里做交通運(yùn)動(dòng)時(shí)經(jīng)常會(huì)用到的效果,戳右邊的視頻學(xué)習(xí)更詳細(xì)的介紹>>動(dòng)效周期表!NO.04偏移旋轉(zhuǎn)系:循環(huán))

小星星閃爍效果

AI里我們星星做了兩層,閃爍效果的本質(zhì)就是兩層星星交替出現(xiàn),這時(shí)用到的變換屬性是透明度,兩層星星添加關(guān)鍵幀如下;做好以后,選中所有關(guān)鍵幀,按f9鍵加緩動(dòng)

汽車(chē)身體動(dòng)畫(huà)

重點(diǎn)來(lái)啦!!!!!

3.6剛剛我們有分析到汽車(chē)身體是整體運(yùn)動(dòng)的,但是整體動(dòng)的同時(shí),會(huì)有一些元素還有單獨(dú)的效果,這時(shí)我們要用到一個(gè)新的功能—父子級(jí)(說(shuō)白點(diǎn),就是_職鐘械畝右慘,但是兒子的只屬于自己)

3.7我們?cè)诓贿x中任何圖層的情況下,右鍵C新建C空對(duì)象,建出來(lái)兩個(gè),然后分別命名為狗和車(chē)

3.8將狗圖層父級(jí)和鏈接左邊的螺旋狀圖標(biāo)拖到車(chē)的圖層,這時(shí)父集鏈接會(huì)出現(xiàn)5.車(chē),這就代表車(chē)圖層已經(jīng)成功成為狗圖層的爸爸啦

3.9接下來(lái)我們根據(jù)之前運(yùn)動(dòng)的分析,給各個(gè)圖層找好自己的爸爸

3.10接著,首先是車(chē)整體的運(yùn)動(dòng),我們就給車(chē)加一個(gè)位置的運(yùn)動(dòng),我們只加一個(gè)運(yùn)動(dòng)過(guò)程(加緩動(dòng)),剩下的用表達(dá)式做到循環(huán):按住ALT鍵同時(shí)點(diǎn)擊屬性前的小鐘表,選擇如下(參數(shù)非官方,大家也可以根據(jù)自己感覺(jué)自行調(diào)整)

然后是小車(chē)下移過(guò)程中有一點(diǎn)點(diǎn)旋轉(zhuǎn),狀態(tài)和關(guān)鍵幀如下

保險(xiǎn)杠和車(chē)牌動(dòng)效

3.11前面已經(jīng)分析過(guò)_O嶄芎統(tǒng)蹬蘋(píng)嵋黃鶼螄亂貧,并且在移動(dòng)過(guò)程中,車(chē)牌會(huì)有一個(gè)屬于自己的角度變化,然后兩者移動(dòng)時(shí),由于慣性,會(huì)比小車(chē)的運(yùn)動(dòng)稍慢幾幀。

(橫條的位置關(guān)鍵幀參數(shù)以標(biāo)出的前三個(gè)為一組循環(huán))

汽車(chē)尾氣動(dòng)效

3.12汽車(chē)尾氣管已經(jīng)跟著父集做過(guò)上下移動(dòng)了,接下來(lái)我們只需要做出它移動(dòng)過(guò)程中角度變化就好,這里用到的屬性是旋轉(zhuǎn)

車(chē)內(nèi)座椅

3.13由于座椅的形狀特殊,上下移動(dòng)過(guò)程需要用路徑來(lái)實(shí)現(xiàn),選中座椅圖層C右鍵C從矢量圖層創(chuàng)建形狀,刪除下方AI圖層

3.14然后在路徑屬性上添加關(guān)鍵幀,并在相應(yīng)位置移動(dòng)路徑

玻璃反光

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

3.16由于兩個(gè)關(guān)鍵幀位置都不在顯示區(qū)域,這里我截圖給大家框出來(lái)

狗狗動(dòng)效

3.17分析可知,車(chē)輛運(yùn)動(dòng)過(guò)程,狗狗整個(gè)身體有隨車(chē)輛一起顛簸,然后顛簸過(guò)程中,頭部有一個(gè)單獨(dú)的角度變化,耳朵會(huì)隨著車(chē)輛前后擺動(dòng)

3.18我們先做身體:先將身體部分創(chuàng)建形狀,路徑添加關(guān)鍵幀,項(xiàng)圈和頭部使用位置屬性添加關(guān)鍵幀

3.19然后是狗狗頭部的單獨(dú)運(yùn)動(dòng),臉和耳朵_際切糶,添加關(guān)鍵幀即可(由于慣性,頭部的運(yùn)動(dòng)與汽車(chē)不同步)

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

輪子部分動(dòng)畫(huà)

3.21汽車(chē)運(yùn)動(dòng)過(guò)程中,輪子有一個(gè)被壓扁又彈起的過(guò)程,用到的屬性是縮放,四個(gè)輪子的關(guān)鍵幀一摸一樣,這里我只標(biāo)注其中一個(gè)

3.22然后輪胎內(nèi)白色部分_燦幸桓鱟笥業(yè)那崳⒒味,加好位置關(guān)鍵幀后,可以用轉(zhuǎn)換頂點(diǎn)工具調(diào)整一下運(yùn)動(dòng)曲線

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

3.24_衷諼頤塹墓飯沸〕狄丫溝!完全!做好了!可以導(dǎo)出啦～

步驟04_導(dǎo)出

4.1文件C導(dǎo)出C添加到渲染隊(duì)列,然后點(diǎn)擊渲染,導(dǎo)出mov格式后拖入PS,導(dǎo)出為gif格式即可

最終效果

AI繪畫(huà)生成器可以將圖片轉(zhuǎn)換成多種不同類(lèi)型的動(dòng)畫(huà),其中會(huì)化生成狗的有:卡通小狗、雪納瑞、金毛犬、拉布拉多犬、柯基犬、薩摩耶犬、阿富汗犬等。

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