玄冰 發表於 2022-10-8 23:00:29

骨骼動畫三練習___所謂的[嘗試]

本帖最後由 玄冰 於 2022-10-10 20:28 編輯

繼上次的試水
這次是真的要直接做一個大膽的嘗試
是看看能不能把一張完整的圖變成動畫
是的,之前在畫各個骨架之前,玄冰就會先把各個部位分圖層,各自畫好,各自配合陰影和顏色,畫起來很簡單,但是品質也不會多好,因為一開始就會先決定好主顏色和亮色或是陰影顏色(詳見dragon bones 嘗試(一) 謝謝,很好用,電腦爆了 )
而這次,我就只純粹先像平常畫圖那樣,分好線稿,上色,陰影,以及其他。
最後畫完,上傳完試水這篇之後
才開始拆分各個部位
所以這篇的分享主要會在拆分的部分,骨架的設計和移動轉動的部分可以去看前面的兩篇分享


首先,當我們拿到一張圖的時候,不管是委託完的,全部都在一個圖層的,又或者是自己畫的,有分圖層的,都要再額外複製一次,然後用橡皮擦耐心地把主體和背景拆開來


這部分有點不好意思因為國慶回老家沒帶上筆電,就用手機開程式截圖了
你會看到周圍有白邊的原因是因為我的背景有水,如果背景會飄動的,建議把畫布拉大一點點,然後用噴槍加畫筆加你的吸管工具一起配合把它延伸出去,之後做動畫就不用擔心破圖的可能

再來就要把各個身體部位拆掉了,複製一次分離出來的全身,然後再一次用橡皮擦把其他地方擦掉,如果要留頭部而擦掉眼睛,就要記得拿噴槍把擦掉的地方補上(對就是把它變成無臉頭,之後才能順利的睜眼閉眼)
這裡就把一部分的部位顯現給大家看,當然這些都是分在不同的圖層

從這張可以看出,不是只要用橡皮擦分離各個部位就好,因為在移動的時候可能會把某些原本在背後的部位露出來,所以都還是要用噴槍和畫筆等,用類似修圖的方式把遮在後面的一部分延伸出來
這裡如果有人很會p圖的話就可以得心應手了XD
成功把各個部位分離出來之後就可以各自輸出,放到骨骼動畫程式去處理了
這部分就不再贅述
只特別說明水的部分
水的移動方式除非是平靜的湖水或是快速流動的上游河水
河水湧動的方式可以想成水分子在裡面進行圓周運動
所以河水的動畫做法可以用網格的方式
然後各個網格進行不同調的圓周運動
就可以做出水湧動的感覺
這部分我回去用電腦的時候會再補圖


那完成品的部分呢~
因為當初的光影做的有一點點誇張,動畫的原始檔案大小也大到一個誇張,來到了12MB
所以在一陣瘋狂壓縮後得到了這個東西:
可是他閃來閃去讓我覺得很不舒服
所以又用另一個奇怪的方式重壓了一次得到這個東西:

我實在是沒辦法了,只能放上連結請大家到雲端硬碟去觀賞了
大小12MB

夢喵 發表於 2022-10-9 08:32:06

本帖最後由 夢喵 於 2022-10-9 10:05 編輯

哇嗚 好流暢呀
可惜被GIF的256色限制了(顏色跑掉問題
看來還是要MP4去壓縮了?

還是說要多幾次循環發YT呢?

---『夢想守護隊隊長』夢喵:尾巴晃晃~尾巴晃晃~

回復 @玄冰 :
沒辦法 那個畢竟是GIF的先天限制www
太多漸層的東西就必定要崩掉

突然感覺下面那張的算法有點熟悉
原來是LCD增加顏色用的空間dithering呀
(最近剛好在研究 8+2 顏色擴展的技術

畢竟是為了壓縮資料量才出現的GIF
就只能被迫犧牲一些東西了

薰凝 發表於 2022-10-9 08:36:45

玄冰對不起,我不小心手滑按到喵尾了{:17_510:}
玄冰好強OAO很喜歡你的畫風{:16_496:}
期待之後更多的作品{:16_498:}

澤楓 發表於 2022-10-9 08:51:43

本帖最後由 澤楓 於 2022-10-9 08:58 編輯

在這裏大力支持玄冰前輩{:7_295:}

小獅子 發表於 2022-10-9 10:22:03

玄冰畫得好可愛
不過點google drive進去,直接看圖,再按放大會變成靜態圖片
下載後才能看全圖,放大還是能動態顯示

科技喵 發表於 2022-10-9 11:09:18

玄冰 發表於 2022-10-9 11:49:28

科技喵 發表於 2022-10-9 11:09
玄冰還真是那種說做就做的高手呢
而且感覺每次做完都會說明各個部分的製作內容、過程
小的都把 ...

點評字數有限制www
龍骨是免費的沒錯,YT也有完整介紹
但是BUG不少,可以看看我前面兩篇
有提到一些我遇到的狀況
和解決的辦法
就是因為沒有信用卡,所以我才沒有用SPINE去做,而是拿各種免費程式東拼西湊
像個用回收垃圾做的拼裝車一樣www
要是有人和我一樣沒信用卡的話
可以考慮看看
但有錢就建議直接去用spine和animation CC了



然後順便回覆喵尾的壇友
畢竟說不在意是不可能的ww
如果說是對於帖子的東西有想法或是批評
無論是否專業我都希望可以請您直言不諱
專業的話自然好,我可以從中吸取教訓
不專業也沒關係,我可以了解[原來大家想要的是什麼樣子]
啊如果說是對我個人,我也只能說抱歉
我是個很固執的人
我只會做我覺得是對的事情
強硬地走在一條直線上總是會和別人有衝突
如有冒犯本人深感抱歉
但我是瘋子不會改XD

洛奇/Rocky 發表於 2022-10-9 16:51:46

好强好强好强!!!{:16_495:}
成品看上去真的太棒了!!!與靜態圖相比這個動態版給我的感覺完全不同!!!
話説圖片的問題。。。不知道APNG能不能用(這可能需要圖床)。。。?{:17_518:}

鄩彧 發表於 2022-10-9 23:35:35

大力支持玄冰大大
太強了,流暢度什麼的都無話可說{:16_507:}
但是感覺第一張好像不那麼清晰?

shara瑋 發表於 2022-10-12 11:25:53

玄冰真的好厲害
用一張圖
就可以把角色跟場景弄得很生動耶
讓我更期待未來的作品惹
頁: [1]
查看完整版本: 骨骼動畫三練習___所謂的[嘗試]