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の繪圖教學~
下次再見