iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 18
0
自我挑戰組

做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ系列 第 18

鐵人賽Day18-第八章:動畫4.3-蝌蚪蛻變過程2(研究過程插曲-Duik Bassel)

我在研究骨架動畫時發現,許多人還有再額外安裝外掛,讓他看起來不僅自然操作起來也方便,於是,我也想來試試看這個外掛。

隨手做一張賀圖,祝大家中秋節快樂~

https://ithelp.ithome.com.tw/upload/images/20201002/20130312WviAmwHpo9.jpg

Duik Bassel

網址:https://rainboxlab.org/tools/duik/

https://ithelp.ithome.com.tw/upload/images/20201001/20130312FGLJr2oBdv.png

那網路上也有文章在介紹怎麼裝,那麼我也貼上來給大家。

網址:https://hackmd.io/@u_raReXAQ8KaB0UeEIvA_A/BJhyZbzQQ?type=view

我就將我選擇的方式跟大家說吧。

(1).首先,我們先將檔案下載下來。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312C3F0sfc8x4.png

(2).打開你的AE,在最上面的那排Menu中找到File(檔案),在下面看到Scrips,往旁邊拉開按下Install ScriptUI Panel。

https://ithelp.ithome.com.tw/upload/images/20201001/2013031258AIF6dRyW.png

(3).在你剛剛下載的Duik資料夾中找到Duik Bassel.2.jsx按下選擇。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312JiGLJqwchO.png

(4).重開以後就能在Windows(視窗)裡面找到它摟。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312FpcTsNVZNb.jpg

接下來我們來看如何使用它:

(1).首先,打開以後我們按”尾“(尾巴圖案),他就會出現一個基本骨架。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312uxG2htyQsq.png

(2).因為我覺得我的尾巴只會用到兩節,所以我把一節刪掉,並對好我尾巴的位置。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312RVzxNMeWeb.png

(3).我們在上排工具中找到圖釘,並且釘在剛剛抓好的對應位置。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312x2E153fq32.png

(4).我們將尾巴上所有圖釘選起來,按Duik裡面的“添加骨骼”。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312sLXn5ypVBi.png

(5).這時候他會長這樣。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312QhboANhhNg.png

(6).那我們將剛剛添加骨骼的圖釘圖層Parent到相應的圖層。

(如果覺得一頭霧水,可以看他前面有#S跟#B來做區隔,#B的連到#S的圖層上)

https://ithelp.ithome.com.tw/upload/images/20201001/20130312EHWY3iVGgr.png

(7).我們將尾巴的#S圖層們都選起來,在Duik裡找到“自動化綁定和創建反向動力學”。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312H7yiQNrK9A.png

(8).在Duik裡找到自動動畫,這裡應該是用搖擺(不知道為什麼我這裡應該算是沒成功,感覺它好像是會自己動)。那我們就先調整旁邊的角度吧,你會看到他一樣會連動。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312LspsstfNXl.png

(9).我們一樣讓他雙向循環。loopOut(type="pingpong")

https://ithelp.ithome.com.tw/upload/images/20201001/20130312fNG98zJjzT.png

(10).這樣就完成了。

https://ithelp.ithome.com.tw/upload/images/20201001/20130312plfwzykx3j.png

尷尬的是,Duik在前天(2020/9/29)才剛更新新的版本,跟過去的頁面有點不太一樣,跟操作也不知道有沒有不同,所以網路上的教學都不是這一版的(太新啦!),所以可能還要多花一點時間研究其他東西,畢竟沒有對照組,不知道是否成功,但還是跟大家介紹這個東西。

那我們明天繼續讓蝌蚪游泳摟,掰掰~


上一篇
鐵人賽Day17-第八章:動畫4.2-蝌蚪蛻變過程2
下一篇
鐵人賽Day19-中秋特輯!大家中秋節快樂!
系列文
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言