每天都打開一次An,十年以后我就是漫畫仙人(Adobe Animate 4)
江郎才盡了,想不出什么好的標(biāo)題可以吸引人了。雖然江郎才盡,但是江郎會(huì)copy。

在我日復(fù)一日的觀摩別的大V寫出來(lái)的文章之后,我發(fā)現(xiàn)了我好像學(xué)不會(huì)。即便我自詡有一顆聰明的頭腦,但是內(nèi)存好像都被二次元占滿了。
既然都到了這個(gè)地步,那么我就要用An創(chuàng)造出一個(gè)只有二次元的世界!

1-An的引導(dǎo)圖層
在看動(dòng)漫的時(shí)候(不看動(dòng)漫也不要緊)會(huì)發(fā)現(xiàn)在一些運(yùn)動(dòng)類的動(dòng)漫中,例如灌籃高手、黑子的籃球、藍(lán)色監(jiān)獄等,時(shí)常會(huì)出現(xiàn)球的運(yùn)動(dòng)軌跡或者拋物線之類的。
為了讓動(dòng)漫中的表現(xiàn)更加地符合現(xiàn)實(shí)邏輯(真實(shí)的物理引擎),球會(huì)受到重力等的各方面因素影響。使得我們經(jīng)??吹角虮淮罅Φ毓噙M(jìn)籃筐里或者踢進(jìn)球門后會(huì)有從快到慢,然后掉在地上滾落幾圈的效果。(刷籃球火的出去)

這里要學(xué)的就是如何用引導(dǎo)層來(lái)建立一個(gè)投籃動(dòng)畫
還是老樣子,先打開An,筆記中所用到的素材獲取鏈接都會(huì)放在文章末尾。
把一個(gè)籃球放在畫布的左上角,記得要設(shè)置元件(f8)。然后在時(shí)間軸上新建一個(gè)圖層,在這個(gè)圖層中用鋼筆來(lái)繪畫籃球的移動(dòng)軌跡。

如果不熟悉鋼筆怎么使用的話可以像我一樣多練習(xí)幾次,畫錯(cuò)了就ctrl+z撤回。
鋼筆線條是先用鼠標(biāo)左鍵點(diǎn)一個(gè)點(diǎn),然后再另一個(gè)地方點(diǎn)一個(gè)點(diǎn)連接起來(lái),在點(diǎn)擊第二個(gè)點(diǎn)的時(shí)候拖拽可以畫出弧度。
畫出線后點(diǎn)擊鋼筆的終點(diǎn)(第二個(gè)點(diǎn))按住ctrl可以調(diào)整其位置,點(diǎn)擊操作桿也就是那個(gè)帶有個(gè)小圓點(diǎn)的線條,按住alt可以調(diào)整。

在完成軌跡的繪畫之后,如果顏色太淡的話可以點(diǎn)擊鼠標(biāo)左鍵全選線條,然后換成黑色。
之后點(diǎn)擊帶有籃球素材的圖層1,將籃球移動(dòng)到軌跡的起始點(diǎn)。時(shí)間軸上的圖層1大概80幀的位置按下f6,軌跡的圖層在80幀按下f5,并且將軌跡圖層更名為引導(dǎo)圖層。
關(guān)鍵的來(lái)了

因?yàn)槭且龑?dǎo)層,所以在這里需要右鍵點(diǎn)擊并選擇引導(dǎo)層。
之后我們要將引導(dǎo)層放在圖層1的上面,像兩個(gè)圖層平行的時(shí)候就是平級(jí)關(guān)系。這里需要的是讓圖層1變成引導(dǎo)層的下級(jí),就像是寫代碼中的縮格一樣。

在時(shí)間軸上將光標(biāo)點(diǎn)擊到最后的位置,移動(dòng)籃球的中心到軌跡最后的點(diǎn),確認(rèn)無(wú)誤后在圖層1右鍵選擇創(chuàng)建傳統(tǒng)補(bǔ)間就好啦。

為了讓籃球看起來(lái)更加真實(shí),需要進(jìn)行稍微的調(diào)整。首先選擇時(shí)間軸上任意一幀,然后在屬性-幀-補(bǔ)間下方選擇逆時(shí)針旋轉(zhuǎn),旁邊的數(shù)字5是旋轉(zhuǎn)5圈的意思。

接下來(lái)添加的是一個(gè)緩出的效果,在這里依然是點(diǎn)擊任意一幀-屬性-補(bǔ)件-Ease-out,隨意選擇一個(gè)自己喜歡的效果就可以了。
為了讓動(dòng)畫更加完整,多添加了20幀動(dòng)畫來(lái)展示球滾落在地上后靜止的效果。最終點(diǎn)擊ctrl+enter就可以欣賞到完整的動(dòng)畫啦。

2-遮罩圖層
筆記剩下的最后一個(gè)部分也是超級(jí)簡(jiǎn)單的部分,就是遮罩圖層的應(yīng)用。
為了簡(jiǎn)單的演示如何使用遮罩圖層,在這里將結(jié)合一丟丟前面的知識(shí)點(diǎn)來(lái)制作一個(gè)旋轉(zhuǎn)中地球。
遮罩就像是PS中的Mask、PR中的蒙版一樣。就是字面意思上的形成一個(gè)遮罩,讓一個(gè)東西擋在畫面上,只讓這個(gè)東西來(lái)顯示。
在這里簡(jiǎn)單準(zhǔn)備一個(gè)地球的素材,然后讓這個(gè)素材從左到右地運(yùn)動(dòng)

接下來(lái)創(chuàng)建一個(gè)新的圖層,然后用矩形工具按住shift畫出一個(gè)圓球。在這之后將球設(shè)置為一個(gè)元件,然后在球圖層的時(shí)間軸上,點(diǎn)擊右鍵選擇遮罩。

看起來(lái)好像已經(jīng)搞定了,接下來(lái)只需要簡(jiǎn)單添加一個(gè)緩入緩出的效果就搞定了。

這樣一來(lái)又做出了一個(gè)完整的動(dòng)畫!

到目前為止, Adobe Animate的基礎(chǔ)篇筆記就全部完成了。
接下來(lái)還會(huì)做其他課程的筆記,希望我能堅(jiān)持下去。
拜了個(gè)拜!

筆記內(nèi)容和素材來(lái)源:Genji是真想教會(huì)你
https://www.bilibili.com/video/BV1Yf4y1J77P/spm_id_from=333.337.search-card.all.click