設計師如何用原型中鋼筆工具快速畫圖?

今天給大家介紹一種使用摹客在線原型中鋼筆工具,一分鐘畫出一隻鵝。

首先爲大家展示一下我的創作過程:

是不是覺得很簡單呢?

其實只要學會使用摹客原型設計的鋼筆工具,結合形狀合成功能(布爾運算),就能自由繪製你想要的形狀,讓你的設計更加得心應手。

什麼是鋼筆工具?

在PS、Sketch等繪圖軟件中,都有鋼筆工具。鋼筆工具可以勾畫出平滑的直線或曲線,創建矢量圖形,讓圖案在縮放或變形後依然保持清晰和平滑。勾畫出線條後,還可以繼續編輯,經常用於中高保真設計中繪製不規則曲面,插畫等等。

隨着互聯網產品設計的發展,僅僅使用傳統的組件已經無法滿足原型設計的需求,如果想要在原型內繪製一個特殊形狀的組件或Logo,使用PS等繪圖工具設計完後再導入到原型中,不僅來回切換軟件費時費力,修改起來也非常麻煩。

摹客在線原型設計推出的鋼筆工具,完美地解決了原型設計中自由繪製複雜圖形的難題。接下來,就讓我們一起來看看,在摹客在線原型設計中,如何使用鋼筆工具繪製想要的圖形吧~

如何使用鋼筆工具繪製想要的圖形?

鋼筆工具繪製出來的線條,又被稱爲貝塞爾曲線。貝塞爾曲線的有趣之處在於它的“皮筋效應”。也就是說,隨着路徑點的移動,曲線會像被皮筋牽引一樣有規律地變換。使用鋼筆工具繪製的路徑,主要由線段和路徑點組成:

瞭解了鋼筆工具的工作原理,我們就可以開始創作啦!

1.繪製直線

在工具欄選擇“鋼筆”工具,在畫板中單擊鼠標左鍵,就能生成一個路徑點,點擊空白處,可以生成另一個路徑點,兩個路徑點之間會自動生成線條。

2.繪製曲線

當我們需要繪製曲線時,可以在單擊生成路徑點時,長按住鼠標並拖動,則會生成曲線。

3.改變曲線方向

那麼鵝頭形狀的兩條相連的曲線是如何繪製的呢?在繪製到兩條曲線的連接點時,按住ALT鍵拖動,就可以調整控制線的方向,從而使下一條曲線的方向發生改變。

4.形狀合成(布爾運算)

在繪製圖形時,巧妙使用摹客的形狀合成功能,可以快速生成需要的形狀。摹客的形狀合成功能,有聯合、減去、排除、相交四種不同的組合方式。

在畫鵝的過程中,小摹使用了“聯合”的方式,將鵝的身體與三個橢圓形狀進行了合併,爲大鵝增加了蓬鬆的羽毛。

5.調整路徑

通過上面的操作完成了圖形繪製後,突然發現某個地方畫得不好或者畫錯了怎麼辦?難道需要刪掉重來嗎?

彆着急,這時候只需要雙擊需要修改的地方,就可以進入編輯模式,點擊路徑的任意位置,就會出現路徑錨點,拖動路徑點就可以調整路徑形狀了。

通過上述簡單操作,一隻憨態可掬的大鵝就這樣誕生啦。當我們可以熟練操作鋼筆工具,就可以完成Logo繪製、扁平風插畫等高階操作。

鋼筆工具使用小技巧

在使用摹客在線原型設計中的鋼筆工具時,只要記住這幾點,就可以得心應手地完成圖形的繪製啦:

1.結束編輯有兩種方式:

新路徑點和第一個路徑點相重合時,路徑會閉合,自動退出編輯狀態;

使用Esc鍵退出編輯狀態。

2.直線與曲線的切換:雙擊路徑點,可以使路徑點兩側的線段從直線變爲曲線,或從曲線變爲直線。

3.調整曲線形狀:選中曲線上的路徑點,會顯示控制柄,拖動控制柄即可調整曲線弧度。

4.刪除路徑點:選中路徑點並使用Delete鍵,可以刪除路徑點。

除了鋼筆工具,摹客在線原型設計還新增了鉛筆工具,可以快速用鼠標繪製設計雛形或靈感思路。鋼筆工具和鉛筆工具爲產品團隊的小夥伴們提供了理想的圖形編輯與創造能力,使摹客在線原型設計不僅僅侷限於原型繪製,高保真設計生產力也大大提升。

在閱讀了本文之後,相信你對於摹客的鋼筆工具已經有了足夠了瞭解,那麼馬上開始你的創作吧!

體驗地址:https://www.mockplus.cn/rp​​​​

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章