創作內容

16 GP

Centonの繪圖教學~隆重歸來的砍砍怪

作者:Centon│2019-06-17 17:23:02│巴幣:32│人氣:441
Centon這次要來教大家
如何畫一隻可愛的砍砍怪~

這次教學使用的方式是電繪
電繪,顧名思義就是電腦繪圖
如果家裡有Windows 10作業系統的電腦
那麼就可以馬上跟著Centon一起學習囉!

先介紹我們這次繪圖要使用的軟體


沒錯!
就是Visual Studio 2019


最新版的VS 2019可以到微軟官網下載
這款軟體不但免費
功能又很強大
非常推薦初學者使用~

我們先新建一個專案
找到Windows Forms App(.NET Framework)
要選有C#的那個哦


專案的名稱就取「畫砍砍怪」好了
雖然Centon在這裡不建議大家檔名路徑取中文名字
不過在這次教學裡是不會有影響的


架構不一定要跟Centon一樣使用.NET Framework 4.0
只是4.0的相容性比較高(因為學校的Win7只支援到4.0)

按下「建立」就會到專案的設計畫面了
每個人的畫面可能會跟我的不太一樣


我們先把重點放到右下角的「屬性」


把「Size」那一欄的數字改成「512, 512」


這次我們只是畫簡單的圖
不用太高的解析度

畫圖之前一定要先有草稿
所以我們先來畫草稿吧!

點選右上角「方案總管」裡的「畫砍砍怪」
按下右鍵選到最下面的「屬性」
或者快捷鍵「Alt + Enter」到專案的屬性頁面


進入「資源」標籤裡就能夠看到一個空值的字串
我們點選「加入資源」旁邊的倒三角形
找到「PNG影像」


點下去後會要求命名
名字可以自己取
我這裡取叫「kankanmonster」


按「新增」之後就會開啟畫面


先到右下角屬性將「寬度」及「高度」
改成「512 x 512」


在畫面上隨便打個砍砍怪的草稿
記得按「Ctrl + S」存檔!


之後回到設計的畫面
確認右邊「方案總管」裡已經有「kankanmonster.png」
且「Form1」的尺寸是「512 x 512」
按下「F7」進入編輯畫面


這就是我們的重頭戲了
說到畫圖
我們就需要一些工具
在「public Form1() {  }」裡面加入這些東西吧!


以白話來說明~
畫圖必須要一個可以存放圖的空間
所以我們先把它建立出來
命名為「b」

而要在這個空間裡畫圖
需要在空間裡加入一張畫布「g」

為了讓這張圖能顯示在螢幕上
必須透過圖片框架「pb」
把「b」加入到視窗裡

再把草圖放到圖片框架「pbd」裡
顯示在「pb」之下
方便作畫

最後的「pen」和「sb」
就是「筆刷」與「油漆桶」的概念了~

怎麼樣?淺顯易懂對吧
馬上按下「F5」啟動看看吧


哇~草圖顯示在視窗裡了呢!
能做到這裡代表你已經很棒了哦!

接著我們要開始在草圖上描畫了
有用過Illustrator的人一定有過這個經驗
必須透過定位點來畫上線條

為了方便
我們就來寫個可以做記號的程式吧~


寫好「pb.MouseClick += Pb_MouseClick;」之後按「Enter」
會自動在下面建立一段程式碼
「private void Pb_MouseClick(object sender, MouseEventArgs e)」


去掉不要的東西
把程式碼寫進去吧~


接著按「F5」執行
在畫面點個幾下


偵錯欄位就出現你點擊的座標了呢!
你學會了嗎~?


進入正題
我們要開始畫身體了
找出身體的各個定位點
用陣列(Array)來給它們一個群組吧


接著執行程式
依序點擊草圖的這幾個位置


哎呀~取了這麼多定位點
要怎麼全部放進去啊?


別擔心
先把這些數據複製起來吧!
這裡有個操作小技巧
按住「Alt + 左鍵」就可以拉出矩形選取範圍


像上面這樣操作
很快就能把定位點加入到群組裡面囉

設定好定位點後
當然就是要畫線跟上色啦~


大家有仔細閱讀的話
馬上就能了解「pen」是線稿用的筆刷
「sb」則是上色用的油漆桶
「body」就是剛找到的定位點啦~
接著
「g.DrawCloseCurve」是畫出一段封閉曲線
「DrawCloseCurve」的部分打上「dcc」就出現在候選名單上了
「g.FillCloseCurve」則是在封閉曲線範圍內填色
「FillCloseCurve」的部分打上「fcc」就出現在候選名單上了

做到這裡
身體已經畫好囉~
我們執行程式看看吧


接下來要畫腳
獲取腳的定位點


建立定位點群組


腳的部分就不是曲線了
要以「多邊形」來繪製
使用「Polygon」來畫出多邊形吧!


腳完成!
但看起來有點怪怪的


越後面畫出來的圖會在最上面
所以我們改一下順序吧


完美~!


接下來我們要畫臉部了
但是身體遮到草稿了呢
這時候我們就在前面加上「//」來隱藏目前的圖層吧!


接著來獲取眼睛的定位點吧~


兩顆眼睛是分開的封閉曲線
就算一次獲得數據
還是要記得分開群組哦!


畫上眼睛吧~
記得要把「sb」的顏色改成「White」哦!
為了讓眼睛更「橢圓」一點
我改變了線稿和上色的「張力」


「0.8f」是調整「張力」的部分
「f」是浮點數(Float)的表示方式
後面的「0」原本是決定填滿曲線的方法
但為了省時省事補上「0」就好

值得注意的是
上色的部分「張力」和「方法」的順序是互調的哦!

嘴的定位點


群組


「sb」的顏色換成「HotPink」
畫上嘴


臉部就完成了~


接下來要畫手
取得右手和左手的定位點


記得右手跟左手要分開哦


由於右手只是線條不用上色
所以這邊使用「DrawCurve」來畫曲線
左手則依然是封閉曲線


感覺右手比較粗
左手順序不對


改變筆刷的寬度
並且調整順序吧~


完美~!


接下來要畫圓鍬的「鏟桿」了


群組


這裡記得把「pen」的寬度改回來!
顏色改成「Brown」
使用「多邊形(Polygon)」繪製鏟桿


鏟頭的部分
我不知道中間那條叫什麼


群組


換顏色~
這邊也調整了「張力」
看起來比較沒那麼圓滑


最後還有手指!


群組


顏色改回「Pink」


繪製完成~


接下來我們要把背景的草稿關掉
在「pb.Parent = pbd;」前面加上「//」就可以了


完成~!


能做到這邊
相信你也會使用這款軟體畫圖了!

如果你要把圖片輸出
在最後面加上存檔的程式就可以了~


上面的儲存路徑預設是存在「畫砍砍怪」>「bin」>「Debug」裡面哦


感謝大家觀看本教學
畫圖是不是很簡單呢?

Centonの繪圖教學~
下次再見


引用網址:https://home.gamer.com.tw/TrackBack.php?sn=4430180
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 7 篇留言

我不當邊芸人啦!JOJO
高難度電繪

06-17 17:46

Centon
簡單吧,這些都是基礎的東西06-17 17:47
UWU_54
傑出的一手

06-17 17:49

Centon
跟電繪板手繪比起來這不算什麼06-17 17:50
YeeNeko
hoi

06-17 18:14

Hasturˊnis
我的程式課成績
https://truth.bahamut.com.tw/s01/201906/3e8028b945346866a8ab9161cadc3a3c.JPG?w=300
太好了,我一定學得會!

06-17 20:01

Centon
你們是學什麼天殺困難的程式語言嗎06-17 20:03
Hasturˊnis
也是VS啊QuQ

06-17 20:04

Centon
祝你好運06-17 20:05
BSAWP
萌萌砍砍怪w

06-17 20:19

Centon
[e29]06-17 20:20
Ctrl+Shift+W
喔幹,笑死,我到底看了什麼?

02-03 05:44

Centon
繪圖教學02-03 11:03
我要留言提醒:您尚未登入,請先登入再留言

16喜歡★qaz120212 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:妖精顧... 後一篇:服務員莫妮雅...

追蹤私訊切換新版閱覽

作品資料夾

ms0489223每天換一首Loop的人
今日Loop:摩天楼オペラ / EVIL看更多我要大聲說昨天03:04


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

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