今年4月1日，Rhino 原廠正式對外發(fā)布了 Grasshopper 2 Alpha 版，我們也推送了一篇詳細(xì)的介紹，錯過的朋友可以點(diǎn)擊下方鏈接回顧。

相信體驗(yàn)過 GH2 的小伙伴對這個船新的平臺既熟悉又陌生，由于目前 GH2 還處在開發(fā)階段，真正拿來干活還需要很長一段時間，想給 GH2 開發(fā)插件也為時尚早。不過開發(fā)者 David Rutten 也為 GH2 專門開發(fā)了一個繪制圖標(biāo)的小工具 ---?GH Icon.

本次我要給大家介紹的就是這款 GH2 附帶的彩蛋功能 --- GH Icon

盡管開發(fā) GH Icon 的初衷是方便開發(fā)者給 GH2 繪制插件圖標(biāo)，但它依然能夠?qū)С鑫覀兂Ｓ玫氖噶繄D和位圖，有很好的通用性。經(jīng)過一段時間的上手體驗(yàn)，我整理了這篇圖文來分享給大家。

繪制 2D 矢量圖并不是平面軟件的專屬，拿 Rhino 來干 2D 的事情也早已不是新鮮事，相信有了這個小工具，能讓你在使用 Rhino 繪制圖標(biāo)這件事情上更加方便快捷。

要使用這個工具，你得先做好以下準(zhǔn)備工作：

1. 安裝好 Rhino 8 WIP for Windows / MacOS.

2. 在 Rhino 8 WIP 上安裝好 GH2（GH Icon 是 GH2 的附帶功能，不需要單獨(dú)安裝 ）。

接下來我會展開介紹如何使用 GH Icon 設(shè)計你的圖標(biāo)。

演示所用的軟件版本是 Rhino 8 WIP for Windows (8.0.22166.4305, 2022-06-15)

第一步：在 Rhino 右側(cè)功能面板列表中勾選?GH Icon?面板，將它顯示在你的界面上。

第二步：創(chuàng)建畫布

點(diǎn)擊?GH Icon?面板頂部的?Run Setup Command?按鈕，此時在 Rhino 視窗中會出現(xiàn)一個紅色的畫布區(qū)域，默認(rèn)是 24*24 像素的正方形區(qū)域。

如果你想修改畫布的大小，只需要再次點(diǎn)擊?Run Setup Command?按鈕（或者運(yùn)行指令：G2IconSetup），在 Rhino 指令欄修改數(shù)值即可。

當(dāng)我們創(chuàng)建好畫布以后，你會注意到?TOP 視圖中的格線間隔也會自動做調(diào)整，每個小格子間隔會被調(diào)整為0.5個單位大小。以我當(dāng)前的文件（單位設(shè)置為毫米）來講，每個小格子間隔為0.5mm.

GH Icon 創(chuàng)建的畫布上每1個像素會對應(yīng) Rhino 視窗的1個單位，因此現(xiàn)在你所看到的每個小格子的大小對應(yīng)到圖片上其實(shí)是“0.5個像素”。

建議開啟 Rhino 的鎖定格點(diǎn)功能來輔助繪制圖標(biāo)。

此時的鎖定格點(diǎn)設(shè)置是每隔0.5個單位鎖定1次，你也可以根據(jù)實(shí)際情況在 Rhino 設(shè)置中修改格線的顯示大小和格點(diǎn)鎖定間隔。

第三步：繪制一個簡單的圖標(biāo)

例如：我先在 Rhino 中繪制了一條封閉的曲線，接著選中它，最后在?GH Icon 面板上做描邊和填充處理。在 GH Icon 面板上可以實(shí)時預(yù)覽調(diào)整的效果。

第四步：導(dǎo)出圖標(biāo)文件

點(diǎn)擊預(yù)覽窗口右上角的?? 按鈕，即可導(dǎo)出不同格式的圖標(biāo)文件。

1. *.ghicon GH2 組件圖標(biāo)專用格式，方便未來開發(fā)者封裝插件時使用；

2. *.svg 矢量圖，如今已被廣泛用于圖標(biāo)/Logo，順便說一句，Rhino 8 WIP 圖標(biāo)已經(jīng)升級為矢量圖；

3. *.png 位圖，提供了100%，200%，800% 的縮放級別。

通過上面的介紹，相信你已經(jīng)了解了 GH2 圖標(biāo)繪制工具的基本流程。

接下來介紹一些功能細(xì)節(jié)：

1. 拾色器?

GH Icon 提供了多種不同的拾色器（Color Picker），和 GH2 的拾色器用法相同：

2. 描邊樣式?

a. 我們可以通過滑塊快速調(diào)整描邊粗細(xì)，也可以對開放曲線的端口樣式（Edges Caps）做調(diào)整：

b. 我們還可以設(shè)置描邊是否覆蓋填充區(qū)域：

3. 填充樣式?

除了以上的基本功能，GH Icon 還內(nèi)置了幾種常用的圖標(biāo)樣式，這也是我個人覺得最有趣的功能。

在 Rhino 指令欄輸入指令:?G2IconSymbol?，就可以看到內(nèi)置的8種圖標(biāo)樣式。

每種圖標(biāo)樣式都是通過在 Rhino 的注解點(diǎn)內(nèi)寫入特定文字（圖標(biāo)專用屬性）的方式實(shí)現(xiàn)的。

如果你想更改這些圖標(biāo)的顏色，可以借助拾色器，更改圖標(biāo)的屬性則需要雙擊注解點(diǎn)（或者在屬性面板中），修改其中的參數(shù)即可。

常用的屬性有：r（半徑）/ a（角度）/ w（高度）/ h（寬度）...

每種圖標(biāo)樣式都內(nèi)置了4種配色：

可能有小伙伴會疑惑為什么是這幾種顏色，這個其實(shí)是?David Rutten 對 GH2 原生組件圖標(biāo)配色制定的“規(guī)范”?？聪旅孢@張圖片你就明白了。?

圖標(biāo)設(shè)計風(fēng)格要遵循一致性，要讓用戶在很短的時間內(nèi)明白其含義并且記住...

在拾色器面板 / Icon Context 下有詳細(xì)的解釋：

補(bǔ)充：

繪制圖標(biāo)時多個元素之間經(jīng)常需要調(diào)整前后遮擋關(guān)系，在 Rhino 中最簡單的辦法就是把這些元素在3D視圖中做Z方向的移動，這比在平面軟件中調(diào)整顯示順序更加高效。

目前 Rhino 7 和 Grasshopper 1 中的圖標(biāo)還使用的是位圖，為了確保導(dǎo)出的位圖有較好的清晰度，我們在確定好圖標(biāo)形狀后還要注意描邊的粗細(xì)和放置的位置。通過?GH Icon 提供的位圖預(yù)覽窗口可以輔助我們檢查最終繪制的結(jié)果。

有了圖標(biāo)，還不會自定義 Rhino 工具按鈕？

推薦你閱讀這篇文章：

關(guān)于 Grasshopper 2

目前 Grasshopper 2 處于較早測試階段，缺少部分常用的運(yùn)算器組件。因此在未來很長一段時間內(nèi) Grasshopper 1仍然是首選。且Grasshopper 1 和 Grasshopper 2 可以同時運(yùn)行，互相并不干擾。?

• 如果您正計劃學(xué)習(xí) Grasshopper：建議您仍然學(xué)習(xí) Grasshopper 1，因?yàn)?Grasshopper 1已經(jīng)發(fā)展了15年，非常穩(wěn)定和成熟，并且有豐富的插件及教學(xué)資料。

• 如果您是 Grasshopper 1 的用戶：請繼續(xù)在實(shí)際工作中使用 Grasshopper 1 。并在閑暇時間安裝最新的 Grasshopper 2 Alpha 做測試和評估，以了解最新的更新進(jìn)展。現(xiàn)階段請勿使用 Grasshopper 2 Alpha 于實(shí)際工作。

Rhino原廠中國將及時跟進(jìn) Grasshopper 2 的最新開發(fā)進(jìn)展，定期推送 Grasshopper 2 最新的改變和新增功能的介紹，敬請關(guān)注！

如果您希望系統(tǒng)扎實(shí)的學(xué)習(xí) Grasshopper 參數(shù)化設(shè)計，我們推薦您訂閱?Grasshopper 工具組件詳解視頻課程2022版?。

歡迎分享這篇文章給你身邊的小伙伴

如果你在使用 Rhino 和 Grasshopper 時遇到問題，可以前往 Rhino 中文討論區(qū)發(fā)帖提問哦~

關(guān)注Rhino原廠微信公眾號獲取更多優(yōu)質(zhì)內(nèi)容