LV. 18
GP 2k

【心得】娜娜其動態桌布製作(莉可已完成,另含米蒂、雷古)

樓主 宇帆a2569875 a2569875

※【更新】莉可已完成。因為覺得沒帽子的娜娜其很可愛因此嘗試製作手機動態桌布..........................................
※【更新】莉可已完成

※提示 : 想了解這篇文章在幹嘛的人,可以先參考七樓的Q&A問與答

娜娜其已改版、升級

一.緣起
因為覺得這個沒戴帽子的ナナチ很可愛
因此嘗試將其製作為手機動態桌布
(還是叫 動態壁紙? 互動桌布、互動壁紙?)
成品:


分享目前繪製的結果 (手機安裝OvOy互動桌布即可使用):
娜娜其 for OvOy 互動桌布 (不須解壓縮,直接整個用OvOy互動桌布開)
※檔名記得全部改成英文字

娜娜其 雷古 米蒂 莉可
一開始覺得沒帽子
的娜娜其很可愛
後來覺得雷古沒戴
帽子時也很可愛
接著發現娜娜其
沒有了米蒂一定
很孤單
因此就開始嘗試
畫一個 米蒂 來
陪 娜娜其
發布於四樓 發布於五樓 發布於九樓


另外本文的版權為:

已發布的地區只有:
1.本文
2.我(宇帆a2569875)的小屋
3.Facebook《從零開始的異世界生活社團》
4.《紫楓的碎碎念》
5.巴哈《來自深淵》版精華區 : 娜娜其米蒂雷古
6.Youtube
※因此在其他地方出現,又沒有標明出處者 (cc-姓名標示-相同方式分享) 皆屬於無授權轉載,是侵權行為。

他們譯名很多
(奈奈祈
、奈奈其、奈奈奇、娜娜祈、娜娜琪、娜娜、娜娜琦、娜娜、ナナチ)
(雷古、雷格、レグ)
(米蒂、咪蒂、咪啼、ミーティ)

二.相關工作
動態桌布有很多種,比如mmd、純粹動畫等
但純粹動畫通常較占空間、MMD則因為3D繪製較耗電。
一個折衷的方案是

OvOy 互動桌布 (動漫桌布、動態桌布)

透過2D homography 方式達到立體效果

以下流程其他朋友也常以嘗試將其他動畫/漫畫角色做成動態桌布

本人所使用的工具:
Ulead Photoimpact
Adobe Illustrator
Adobe Photoshop
Notepad++/Atom editor
Live2D Cubism Editor
GoldWave

三.方法
首先要先有圖片
剛好 來自深淵漫畫有娜娜琪書籤,可以拿來使用


由於我並不是繪師,也沒有甚麼畫漫畫的專業知識,我是資工背景的
因此我的第一步驟,是將其取特徵點,取樣向量化
第一步驟的目標是將其轉變為SVG檔案


也參考了動畫中不少圖片



使用一些官方圖補充之後完成一個簡單的娜娜其向量圖
將他輸出成SVG


然後用Adobe Illustrator補上邊線輪廓,存成標準W3C的SVG向量圖檔




SVG本身是一個類似像網頁HTML檔那樣的結構,因此先用網頁瀏覽器檢查有無警告或錯誤

(那些數字即 這隻 娜娜其 每個點的座標,以及控制點的位置)
(這些可以直接當網頁原始碼,放在網頁裡)

然後利用Photoshop協助將物件寫入為圖層


然後讀入Live2D Cubism Editor


接著為了要讓物件能動,因此套用樣板
(一開始要做成SVG就是因為要利用每個物件各自獨立特性,可以做出各種動作)


首先要讓他進行座標對應 (調整每個參數儘可能讓樣板與物件化娜娜其物件對到)


接著就是要讓娜娜其每個物件都對到樣板中的物件
比如娜娜其的左眼珠要對到樣板的左眼珠


接著,以上自動對應可能會不準確
因此有些部分還要手動校正


全部調整好後存檔
他會給你預覽 (預覽時會跟著你的滑鼠動)


接著就是修改他的文件,加入一些動作檔


為了讓娜娜其更娜娜其
「んな~」
「嗯吶」是娜娜其神聖不可或缺的一部分

因此到巴哈動畫瘋找些んな~ んな~ んな~


用GoldWave嘗試去掉雜音,如雷古的叫聲 (?


最後確定音效檔連結正確之後....



....將檔案壓縮成ZIP


將檔案傳進手機
然後安裝OvOy 互動桌布 (動漫桌布、動態桌布)

選擇剛才傳到手機的zip檔




就完成了



然後摸牠會發出
「んな~」
「嗯吶」的聲音

附件(最初的版本) :  (密碼:娜娜其的日文假名)
娜娜其.svg
娜娜其動態桌布檔

※檔名記得全部改成英文字

修改過版:
娜娜其 for OvOy 互動桌布  (不須解壓縮,直接整個用OvOy互動桌布開)
※檔名記得全部改成英文字

四.結果
影片中(大約1~2秒時)有錄到娜娜其叫出「んな~」嗯吶的聲音
請點選觀看影片

(gif預覽)



5.參考來源

無帽子輪廓reference : 來自深淵第一季第13話31分24秒
整體reference : 來自深淵(三) EAN 471-8016-02437-3 青文出版 附 書籤
底圖 : 來自深淵第一季第13話42分24秒


所用的工具:
Ulead Photoimpact X3
Adobe Illustrator CS6
Adobe Photoshop CS6
Notepad++/Atom editor 1.0.18
Live2D Cubism Editor
GoldWave

6.致謝
感謝各位閱讀



發文驗證密碼:5349   請輸入左邊數字:5349

版權許可:

板務人員:

236 筆精華,08/18 更新
一個月內新增 0
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】