嘿!您似乎在 United States,您想使用我们的 English 网站吗?
Switch to English site
Skip to main content

[3D繪圖]時代的眼淚:自己的Gameboy自己畫!

撰寫/攝影:陳亭妏(阿圓老師)

繪製時間:1小時~1.5小時

列印時間:大約0.5小時

難度:***

材料表:電腦、3D列印機、3D列印線材

 

兒童節即將到來,相信大家的童年生活中,一定都有一個愛不釋手的玩具陪伴自己長大。今天阿圓要帶大家一起畫的是七八年級的共同回憶~任天堂Gameboy;從最原始的Gameboy、Gameboy Pocket到之後的Color、橫向與折疊的Advance,它問世以來一共陪伴大家十五、六個年頭,是好多個世代的共同回憶啊~

  今天我們要用Designspark畫的版本是1989年問世、最原始的Gameboy,但只要把草圖及線材顏色稍微修改一下也能變成Color版唷,步驟看似很多但是不難,對於用過DS的朋友很快就能畫出來啦,就讓我們來看看以下教學吧!

  此外,今天的教學的成品大小是33mm*55mm,大家可以依照自己的喜好調整大小喔!如果想列印字在成品上的朋友記得要畫大一點。

打開Designspark之後,點選正面視圖。

1_d7dd557abe56ceb65d46bec67499d06d00a5f1a8.jpg

由於憑空畫出Gameboy實在有點難度,我們先上網找一張參考圖,然後從插入檔案的地方把圖片加進草圖中。

2_b08fd8a37c53d58243574bb5568fae7ae84b183b.jpg

記得把檔案類型改成所有檔案才找得到圖檔喔~

3_f5153c575d8c51c6dad2eaf7846f5352aca11c51.jpg

4_166b92dfac9334d718914175f001167abd6627eb.jpg

使用直線工具,框出Gameboy的邊,阿圓畫的尺寸是33mm*55mm。

5_af11854a3cafd7669cb69e7d9703fbede5afe8ef.jpg

6_3ffb1acab49e373c6efa7d13582aba632804adb9.jpg

裡面的螢幕與按鈕大小基本上照著參考圖就可以啦~一樣用直線工具畫出螢幕跟方向鍵。

7_3153029e95f23ef80bbbfdf04b18f07456baa4a1.jpg

8_117820a2adebab9339d7f46b3dcdc7847596236b.jpg

用圓形工具畫出AB按鈕,直徑大約4mm。

9_bee5061dd5bc0644068b35b64d909840c6cd49c8.jpg

接著用長方形工具或直線工具畫出最底下的start/select鍵,先畫出平的,再按下編輯工具列中的「移動」,把游標按住藍色的旋轉方向箭頭,就可以調整圖形的角度。

10_eb67721e9de503d10139613884856b1d85fc19c6.jpg

利用一樣的方法畫出右下角的揚聲器,記得用滑鼠全選所有草圖再一起旋轉喔!

如果被參考圖影響選取的話,可以在左邊結構欄位先把圖片圖層的勾勾取消掉~

11_d7dd557abe56ceb65d46bec67499d06d00a5f1a8.jpg

12_69d213a825acaec2480b7b4fcc0382968a6a6623.jpg

接著我們要來幫遊戲機導圓角啦,按下草圖工具欄中的圓角工具,再用滑鼠分別點選兩條邊,就可以快速導圓角囉!讓滑鼠在邊上滑動則可以決定圓角直徑大小~

13_a4909adc87e87a73869cbe1f5b2c636dede33ad3.jpg

14_9b931680a76a5c9c61a095bcb83b6df20d7d6dd4.jpg

Gameboy的外觀特色是右下角的圓角直徑比較大,記得導大一點的圓角,並且小心不要切到揚聲器的草圖

15_ec69c20adf9f13366048865a54b43cf07c9f297b.jpg

螢幕外框也要記得導一下,一樣是右下角直徑比較大。16_d7dd557abe56ceb65d46bec67499d06d00a5f1a8.jpg

接著來畫螢幕(這才發現Gameboy的螢幕有多小!),依照比例的話大約是16mm*17mm。

17_a9d27acce15711ae2f4744d8253380488a670922.jpg

接下來我們要點一下模式工具列中的3D模式,先選擇Gameboy最大的面,拖曳拉動即可讓它產生厚度,阿圓拉動的厚度是10mm。

拉動的方向兩邊皆可,這裡示範的是「向下」拉動長出厚度(即畫面中右邊方向)。

18_53fb3cc48ea2cf6c1e8a9a90904ac57d91e74a55.jpg

19_ac51007413ed320c198c2e8748db86fc5611ab85.jpg

接下來選取下圖中橘色的範圍,一起向上拉動產生的厚度,才能讓按鍵們凸出來~阿圓向上拉動的厚度是2mm。

利用Control鍵可以同時點選多個平面一起拉動~變成橘色的地方就是有選到的區塊喔!

20_d65b3766c9e6096ea7ae47308136e66bce3d1a40.jpg

完成拉動後的成品會如下圖,越來越有Gameboy的樣子了(雀躍)

21_8b2b505dcb3630d974b06cb276dc802c9df511af.jpg

把Gameboy翻到背面(向下按住滑鼠滾輪就可以翻轉設計圖),我們要把背面的洞也填起來,按住Control點選螢幕、按鍵跟揚聲器,往填洞的方向拉動,輸入要增厚的尺寸:跟機身一樣是10mm。

22_8b2b505dcb3630d974b06cb276dc802c9df511af.jpg

填好的背面會跟下圖一樣平坦光滑,如果仍然有按鈕的圖形存在,請檢查一下拉動的厚度對不對喔!

23_ca0a998b201bf54dc83175417423e91d1c708465.jpg

接下來我們要把畫面翻回正面一下,因為揚聲器應該是向下凹的,所以點選我們剛剛把揚聲器拉凸的面,往下(圖片右邊方向)拉動,至少要拉動超過2mm才會產生凹陷效果喔!

24_ca0a998b201bf54dc83175417423e91d1c708465.jpg

正面處理完後我們可以再翻回來背面囉~現在要畫的是鑰匙圈的吊環,不需要吊環的朋友可以跳過這一步。

點擊背後的平面,先按下正面視圖正畫面回正,再按下草圖模式。

25_5ddeeaaa14efe05468e8f54387e646c80f83d9bc.jpg

26_8207462f23a0ad5088873ee4a90e6ff60fd2c2a3.jpg

使用草圖工具欄的圓形工具,以Gameboy正中央作為圓心畫出兩個圓。

27_cda9a02e804be3c9b923201f3a598937c285e5ed.jpg

28_08b5ccbc6bc01ca472ed5dbb650e1246d6a03c14.jpg

接著我們要把多餘的線條剪掉,點選草圖工具列中最右側的修剪工具,就可以把圓下半部的草圖剪掉了。

29_08b5ccbc6bc01ca472ed5dbb650e1246d6a03c14.jpg

30_35347a93dba9a10c8721768d17198684eff2ebc5.jpg

剪完之後我們回到正面並且進入3D模式,先把中間不要的半圓按下右鍵刪除。

31_f5153c575d8c51c6dad2eaf7846f5352aca11c51.jpg

32_cc532019f1a4fed1537d9fd414eaaff11e327d9f.jpg

點選半圓環的區塊,使用拉動工具長出厚度,記得我們剛剛是在遊戲機的背面畫草圖,所以拉動時記得要往上,吊環才會順利長在Gameboy頭上。

33_cc532019f1a4fed1537d9fd414eaaff11e327d9f.jpg

此時已經差不多完成了,下一步選取按鍵們的邊邊,把按鈕導圓角可以讓它更像本尊。

(下圖阿圓還沒把揚聲器往下拉凹,各位畫到這裡如果發現跟我的圖長得一樣的話,趕快記得調一下右下角的揚聲器啊XD)

34_50880058d03e5223f527f1754bedd7f56894b24d.jpg

圓角直徑如果太大會無法順利畫出,記得要視按鈕畫的大小調整圓角大小。

35_c25f1acb0a036905639476ebcad8616f24f8c252.jpg

畫到這步其實就完成了!但如果你跟阿圓一樣龜毛,知道原本遊戲機螢幕下方有Gameboy的字樣的話,我們可以在螢幕下方加個文字~

36_b074ad2d2ba7d222e6018d65299f2960990f4a12.jpg

由於Design Spark並沒有插入文字的功能,我們只能使用尺寸標註來幫助我們。

點選機身正面,再點選草圖模式,再按下調查工具列中的尺寸標註。

37_33192d96da1bb7b94129a0b14a45a95366d09a3f.jpg

點擊左右兩邊,出現寬度的尺寸之後,將數字擺放在喜歡的位子。

38_33192d96da1bb7b94129a0b14a45a95366d09a3f.jpg

雙擊數字可以更改文字內容,這時候我們就可以來寫名字啦~除此之外還可以更改文字大小、粗細及字體。

39_497cd1f3cbacfc11937d60c8b1cbaa0d4dc3e013.jpg

40_b79c4c7af8709fdce05bd50ebcdc03992dd6af4c.jpg

按下圖中標示1的投影到草圖,讓文字從標註平面順利投影到機身的平面上;接下來按下圖中標示2的地方來取消顯示註解平面,如果取消勾選之後一樣有看見字體的話,那就表示投影成功~

41_166b92dfac9334d718914175f001167abd6627eb.jpg

但放大字體並點擊檢查,可以發現有些字沒有順利投影成平面,圖中的A跟V並沒有成功,我們需要再調整一下。

42_6792020f1337584285c2cfc31984b093de55d162.jpg

透過阿圓的選取可以發現這些線條被投影成許多線段,我們要把它們刪掉再畫出新的線條。

43_7e0a57f17b9e131fe078d38df302cbfa090b2e9e.jpg

接下來在左側結構的地方找到「點」,要將這些不小心產生的點刪掉。

44_95872bf23a005126c8e1d85e48827e773b840c9a.jpg

好了,終於沒有東西能阻礙我們長出字體厚度了!一樣利用拉動工具,讓字長出厚度~

然後,就完成啦!真的真的完成啦~

45_3ad59fc419eff54e23d4922e37b06265113d285d.jpg

記得要送進列印機的檔案是STL檔喔!.rsdoc是工作檔。

46_3ad59fc419eff54e23d4922e37b06265113d285d.jpg

 

成品出爐!袖珍尺寸好可愛呀~

是不是很快就能畫出來呢!大家也一起來試試看吧!

cover_eb94fdfb4aca496347481f6b9cd4bfe637ba95df.jpg

相關文章:

[3D繪圖]教你用Designspark快速畫出羊毛氈用模

[3D繪圖設計] 3DP筆套設計(上篇)

[3D繪圖設計] 3DP筆套設計(下篇)

CAVEDU Education is devoted into robotics education and maker movement since 2008, and is intensively active in teaching fundamental knowledge and skills. We had published many books for readers in all ages, topics including Deep Learning, edge computing, App Inventor, IoT and robotics. Please check CAVEDU's website for more information: http://www.cavedu.com, http://www.appinventor.tw
DesignSpark Electrical Logolinkedin