小屋創作

日誌2020-04-20 18:30

【教學】用Blender輸出3D模型線稿輔助插圖作畫

作者:日津樹伶

其實我滿常用3D模型做一些簡易輔助作畫的
像是人體骨架模型的DesignDoll
手、腳動作模擬的Handy Art Reference Tool
雖然大部分都是當作畫參考(而且常覺得自己畫還比較快-__-)
不過因為一些稿子的作畫需要
想說來學一下場景的簡易3D模型排列與線稿輸出


起初先用我熟悉的Clip嘗試
不過Clip的3D功能挺難用的
跟我其他用過的3D軟體比起來不是很直覺XDD
輸出的線稿也跟我想像的差很多QQ
漫畫當背景修一下或許還行……
但這抖抖鋸齒的線條沒辦法用在精緻插畫上QQ
如果有大神會調出漂亮的線條求指教QQ

總之姑且放棄Clip
跑去嘗試了朋友推很久的Blender XDDDD
自己TRY+跟朋友請教了好一陣子才輸出比較能看的線稿XD


同一個模型,Blender輸出的成品比Clip好看一百倍!!!
雖然操作複雜度也高多了Q___Q

以下與其說是教學,不如說算是寫給自己看的MEMO
不然以後又忘記了
有興趣瞭解的人也可以看看XD
因為我自己也是超級新手
所以有相關問題可能無法回答
請見諒XDDD

以下教學跟模型提供感謝Pe.chi


■基礎設定

目前Blender官網最新的版本是2.82a(2020年3月12日發佈)
2.79跟2.8以上的版本介面有點不同
以下教學與介面截圖以2.82a的版本為主

切換介面語系
首先介面預設都是英文的,先切成繁體中文版



設定Render的預覽視窗
這個步驟可有可無
Render預設是新視窗,不過我覺得在影像編輯器裡顯示比較直覺XD
所以會另外改設定


回到主畫面
滑鼠移到在主畫面右上出現一個「+」
向左拖曳就會多出一個同樣的視窗



按F12 Render的快捷鍵
Render結果就會顯示在其中一個視窗上
之後只要預覽就按F12就好
(若設定是新視窗,則按F12後會跳新視窗顯示Render結果)


基本介面

Blender介面很多滿複雜的
主要會用到的就是這些
圖片輸出主要是看攝影機的畫面而非編輯畫面
所以要輸出線稿的話也得學攝影機操作XDDD
(這點Clip就比較簡單好操作……但畢竟Blender是比較專業的3D軟體XD)

右上是物件一覽
Camera是相機
Light是光源(但純輸出線稿不會用到)
Cube是畫面上那個立方體物件
之後置入自己的物件後,顯示的預設名字也是Cube
可自行改名


基本常用操作
★滑鼠左鍵:選取物件(也可以從物件一覽直接選取)
★滑鼠中鍵+拖曳:轉動視角
★Shift+滑鼠中鍵拖曳:平移視角
★滑鼠滾輪:視角拉近/拉遠
★選取物件+G鍵:移動物件
★選取物件+R鍵:轉動物件
★選取物件+S鍵:改變物件尺寸
★選取物件+G+X/Y/Z:在X軸/Y軸/Z軸上位移物件
★選取物件+G+Shift+Z:移動(鎖住上下移動平移)
★選取物件後+R+X/Y/Z:沿著X軸/Y軸/Z軸轉動物件
★選取物件後+S+X/Y/Z:沿著X軸/Y軸/Z軸改變物件尺寸
(上述三個如果加上數字按鍵,就可以指定改變的量)
★選取物件+Ctrl+M+X/Y/Z:沿著X軸/Y軸/Z軸鏡向反轉
★選取物件+X/Delete:刪除物件
★選取物件+Ctrl+C:複製物件
★選取物件+Ctrl+V:貼上複製的物件
★選取物件+Shift+D:複製+貼上+移動
F12:顯示Render結果

G、R、S這三個只要按一下就好(X、Y、Z也是)
不需要一直長按著
另外如果先按ALT再按快捷鍵,通常就是回到初始狀態或是歸零
(尺寸回原大小,翻轉跟位移則是回到座標0)

■抽取3D模型線稿輸出

匯入物件
從「檔案->匯入」可以選擇匯入你要的物件
因為我手邊的3D檔都是obj所以就選obj檔~


總之先匯入一個大樓模型


按F12查看Render結果
目前攝影機是顯示在下方&還沒抽取線稿
所以中間那個Render預覽一片糊XDDD
物件先取名叫「大樓01」吧!


設定線稿
3D模型的線稿主要是跟Freestyle屬性的設置相關
主要的線稿跟背景透明度設定大致如下


這邊有一些Freestyle的細節設定
可以自己摸摸看XD


參考教學影片01
參考教學影片02

Blender的線稿輸出可以做出各式各樣很性格的線條
如果跟我一樣只是想普通的輸出粗細一致的平滑線條的話
基本上只要改線的粗細就好
頂多把筆觸那邊的鍊結處理關掉之類


設置攝影機
攝影機如果不另外設置
光靠自己點物件+G跟R亂轉
絕對是弄半天都還橋不到自己想要的位置(然後就想放棄了XDDD)
以下以「將所見畫面設定為攝影機拍攝畫面」的方式做設定

先把變換方向從全域改成「區域」
之後配合快捷鍵G+X/Y/Z的操作做平移時
調鏡頭比較直覺


選取主要的攝影機
之後調鏡頭的設置
類型有透視、正視、全景,看你要什麼樣的效果

透視的焦長部分,數字越大透視越不明顯
越短的話廣角效果越強
詳細可以去研究攝影概念關於鏡頭的部分


再來使用快捷鍵「Ctrl+Alt+Num0
在圖像編輯畫面轉完視角後按一下
會直接把目前看到的視角設成攝影機畫面

若要在攝影機畫面模式進行微調
可以從圖像編輯畫面右側的工具欄的「檢視」找到「鎖定攝影機至視圖」
(如果找不到右側工具欄,可以點快捷鍵「N」呼叫)


這功能打開後
你就可以在攝影機畫面模式下直接做視角旋轉與移動


不過為了避免視角調來調去亂掉
我平常是不勾選「鎖定攝影機至視圖」
等要進攝影機畫面橋角度時才勾起來

當然Blender可以設置多個攝影機&切換顯示
甚至還有跟拍功能(?)
不過這些都太進階了我也不熟悉,就不在這裡教了XDD
其他攝影機操作教學可以參考這個影片


傾斜的攝影機畫面
很多插圖的視角不是正的,而是有點斜的
這時候需要去轉攝影機傾斜角度


進入攝影畫面模式,然後點選攝影框
之後按R就可以旋轉傾斜角度了!


設定背景影像
因為輸出線稿是要用在插畫上
雖然是可以把圖放在旁邊用目測的方式對照
但如果能直接把圖片放到裡頭去對似乎會更準?
這邊幫攝影機設定背景影像+調低透明度
就可以拿來當參考用XD


更理想的當然是先設好透視線
然後指定攝影機照著透視呈現
不過這個實在太進階了我不懂QQQQQQ
朋友丟了相關教學
有興趣的人可以自行研究(掩面)


變更輸出尺寸
圖像輸出尺寸預設是1920x1080的PNG檔
如果想變更長寬尺寸的話
從維度跟輸出這邊就可以改設定了
不過圖越大、物件越多、渲染越複雜Render就越久XDD



線稿輸出
最後輸出線稿吧!
去Render視窗選「影像」、「另存為…」
就可以把目前看到的攝影機畫面輸出了XDD


輸出後的成品(1920x1080的透明純線稿PNG檔)
有部分的斷線好像是建模本身的問題XDDD




■排列多個物件

能匯入一個物件就能匯入很多個
我也是想排3D場景才來學這個功能的XDDD
方法大致同上
就是多匯入幾個物件然後各別調整他們的位置/尺寸/大小
比較需要注意的是線稿與透明度設置那裡
Material的數值需要每個物件都套用
不然顯示上可能會有異常XDDD


我自己實驗做的大樓群XD
都是拿同一棟大樓去變化的
還放了兩個超大路燈(爆)


群組化
如果要把多個物件設定群組化
讓他們一起變化(位移、轉動、縮放)
可以先選取多個物件再一起動作


另外也可以然後按「Ctrl+P」「物體」
最後被選取的物件會當作「親代」
只要改變它,其他的之前曾被選取的都會跟著一起改變
而變動「非親代的物件」時則只有它會自身會變動,不影響其他物件


按「Alt+P」則是清除親代關係



最後放個有傾斜角度的大樓群線稿圖檔XD
以後畫這種複雜背景是不是可以偷懶了(毆)

以上~~!
最後感謝一下Pe.chi的用心教學跟推坑
已知用火(?)

----------------------------------------------------------------------------------------------
巴哈小屋基本上只貼完稿,也不會回留言
歡迎加我的 FB個帳 好友交流٩(。・ω・。)و


插畫/編劇/日文翻譯委託募集中!
→插畫類作品集
→編劇&翻譯類作品集

81

8

LINE 分享

相關創作

黑天鵝

真心Get In Touch

留言

開啟 APP

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

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