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

2021-01-08 騰訊網

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

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

是不是覺得很簡單呢?

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

什麼是鋼筆工具?

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

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

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

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

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

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

1.繪製直線

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

2.繪製曲線

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

3.改變曲線方向

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

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

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

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

5.調整路徑

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

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

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

鋼筆工具使用小技巧

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

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

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

使用Esc鍵退出編輯狀態。

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

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

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

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

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

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

相關焦點

  • 摘要:使用「鋼筆工具」摳圖的方法   「鋼筆工具」是創建...
    使用「鋼筆工具」摳圖的操作步驟如下:  (1)打開圖像,放大至適當尺寸;  (2)使用「鋼筆工具」,並點擊選項欄中的「路徑」按鈕;(3)移動滑鼠指針(即鋼筆筆尖)到圖像窗口內圖像的邊緣上點擊,創建路徑的起始點,然後移動「鋼筆筆尖」沿著圖像四周邊緣點擊(直線可直接連接二點;圓弧可沿著圓弧切線方向多點連接,點越多,圓弧就越「真」),最後回到起始點位置,等到「鋼筆筆尖」符號邊出現小圓圈時,即已建立好封閉的路徑
  • 原型設計6種原型圖的優缺點
    原型圖的格式,屬於「道」,「法」,「器」,這3個層次中的「器」。如果想在用戶體驗上,走的更遠;那麼就需要在「道」,「法」,這2個層次上,積累更多的項目經驗,還有不同崗位的思維方式和溝通思路。網際網路產品設計過程中,原型圖的常用格式,我見過6種以上。它們的優點和缺點,介紹如下:1.
  • 如何把字寫好 I 硬筆第七講:最好的寫字工具鋼筆、秀麗筆的使用
    今天,就來講講寫好硬筆字最合適的工具:鋼筆與秀麗筆。01鋼筆的使用鋼筆是寫硬筆字的首選。一句話:挑支好的,好好熟悉它鋼筆作為硬筆書法書寫工具的元老,就目前來看,其地位仍舊是不可撼動的。書寫的過程,本身就是書寫者和書寫工具不斷磨合的過程。鋼筆的使用壽命較長,在和使用者相磨合的步驟中,具備了天然的優勢。由於其筆桿材質多為金屬,使用的時候感覺分外厚重;當鋼筆在紙面上揮灑的時候,常有種執長槍巨劍馳騁沙場的快意。
  • 《宋詞》談「畫圖」:畫圖天河深鎖,遙想奢華金迷
    關聯詞語賞析:1) 「畫圖」一共在《全宋詞》中出現72次。詞頻排1153名。「畫圖」:基本意思是指用各種顏料,畫筆等作畫工具在紙上,牆壁上,畫布等工具上畫一些自己構思的圖畫出來。《莊子·田子方》:「 宋 元君 將畫圖,眾史皆至,受揖而立,舐筆和墨,在外者半。」。2) 「理性」一共在《孟子》中出現3次。詞頻排893名。
  • 一支鋼筆,如何才能真正陪伴你一生?養護鋼筆秘訣,速看-上海英雄...
    「夫善書者之得佳筆,擾良工之用利器,應心順手是亦一快,彼謂不擇筆而妍捷者,豈通論載!」古代書法家對於書寫工具的選擇和使用是十分細緻和講究的,而鋼筆作為硬筆書法創作的重要工具,亦是如此。
  • 設計和原型軟體的優缺點分析
    基礎軟體分析簡單的來說UI設計軟體常用的簡單的介紹以下三個:1.PS軟體優點:老牌設計工具,功能比較強大品牌,VI,UI,屏幕,攝影后期,遊戲原畫,插畫,加裝空間等效果都可以用支持Windows和MAC雙系統推薦純視覺設計師使用缺點:用戶體驗差,功能和版塊繁瑣非UI量身打造的設計工具,比較雜針對圖標和UI界面,不夠智能,需要人為調整修改,思路狹窄,不支持矢量效果,需要和AI配合使用2.AI軟體優點:老牌設計工具,功能比較強大純品牌,VI
  • 鋼筆書法練字入門之如何利用書法字典日常練習鋼筆字
    那麼今天的這篇文章,就是幫大家處理這個問題,跟大家分享一下,如何利用書法字典,利用碎片時間,練習自己的鋼筆字。提高鋼筆書法水平首推系統的臨帖這裡還是要提一下,如果想自己的鋼筆字水平有一個比較大的提高或者能走到一定的高度,系統的臨帖肯定是少不了的,這個並不是本文所要闡述的重點。這篇文章只是為了讓大家如何利用碎片時間去學習研究個別字的寫法。
  • 「國民鋼筆」英雄牌:浮沉之間堅守卓越筆尖工藝
    原標題: 老字號新事③ | 「國民鋼筆」英雄牌,浮沉之間堅守卓越筆尖工藝(附視頻)去年9月,英雄廠搬離了駐紮多年的祁連山南路127號老廠房,把土地騰給建設中的桃浦科技智慧城。原本用作英雄鋼筆展示廳的一幢最有特色的蘇式歷史風貌保護建築,也成了科技感與歷史感交融的桃浦科技智慧城展示新館。
  • 「國民鋼筆」 浮沉之間堅守卓越筆尖工藝
    上世紀50年代,廠子就搬遷到桃浦工業區,周圍是塑料薄膜廠、製藥六廠、化工八廠、化纖一廠等化工單位,那時鋼筆的筆桿還是用硬橡皮膠木製造的,所以也算是化工類企業。 APEC用筆帶來轉機 如今英雄迎來新的機會: 去年9月,英雄廠搬離了駐紮多年的祁連山南路127號老廠房,把土地騰給建設中的桃浦科技智慧城。原本用作英雄鋼筆展示廳的一幢最有特色的蘇式歷史風貌保護建築,也成了科技感與歷史感交融的桃浦科技智慧城展示新館。 英雄金筆廠新址,位於綏德路上海真如鐵三角科技園深處一幢不起眼的小樓。
  • 鄧散木《鋼筆字範》中的兩種筆尖,如今用者寥寥無幾
    白蕉先生也畫蘭草,而蘭草中透露出的草書之法與楷書之意,令人深知只有才情學養俱佳,才能在書畫一道登堂入室。白蕉先生書法的發展,經歷了真書到行書再到草書的階段。一般認為,到1961年,白蕉的書法才達到巔峰。但從四十年代末期的作品來看,也是相當見功底的。③蘸水筆的使用在鄧散木與白蕉合作《鋼筆字範》之時,現代意義上的鋼筆遠遠沒有普及。
  • ps新手入門之鋼筆摳圖
    上篇文章介紹了鋼筆工具的使用技巧,接下來我們就來重點講講如何用鋼筆進行摳圖了,鋼筆摳圖一般是摳一些邊緣比較複雜的東西,不規則形狀,在摳圖的時候,錨點一般落在物體的拐點而不是在比較平滑的地方,這樣就算路徑繪製沒控制好,也不至於失誤太明顯,儘量使路徑貼合物體邊緣,但不要完全貼邊,可以稍微向內收縮一點
  • 畫鋼筆畫,你不知道這些鋼筆繪畫知識,你的鋼筆畫是永遠畫不好
    建築鋼筆繪圖基礎知識建築鋼筆手繪就是用鋼筆進行繪畫的一種手繪形式,相對於其他形式的手繪,所需的工具要簡單。建築鋼筆手繪表現要求繪畫者要有一定的素描功底,掌握手繪的基礎知識,包括透視的運用、線條的運用、取景與構圖意識的培養,以及不同材質與結構的表現。
  • 如何使用你的鋼筆?
    部分1用鋼筆寫字1正確的握筆姿勢。拔下筆蓋,用慣用手的拇指和食指輕輕捏住鋼筆。用中指抵住筆桿。把其他手指放在紙上,穩定手掌。以正確的手法握鋼筆非常重要,因為這可以防止手在寫字時感覺疲勞,有助於書寫。書寫時,你可以把筆帽套在筆的尾部,如果你的手比較小,也可以把筆帽放在一邊。2把筆尖放在紙上。
  • 電商設計如何用好中國風?
    接下來我們思考,如何在畫面中融入中國風的特質? 中國古代的首飾與裝扮精華就在於一層鑲邊作為細節的點綴 鑲邊的製作手法也很簡單,用鋼筆工具勾出鑲邊的走勢
  • 鋼筆字技巧及常見問題匯總
    因為書寫過程中,筆跡是通過石墨粘附在紙上所形成的,不能像鋼筆一樣,寫字的時候能把墨吃進紙裡。所以非常容易掉色,不便保存。 書寫的過程,本身就是書寫者和書寫工具不斷磨合的過程。鋼筆的使用壽命較長,在和使用者相磨合的步驟中,具備了天然的優勢。 由於其筆桿材質多為金屬,使用的時候感覺分外厚重;當鋼筆在紙面上揮灑的時候,常有種執長槍巨劍馳騁沙場的快意。
  • 輕奢人士必備:一隻精緻的蕭伯納鋼筆
    喜歡在浮躁心煩的時候,用筆在紙上寫寫畫畫,以此梳理工作,整理情緒;喜歡在旅行時給親朋好友寄明信片,用手寫的溫度,給他們最真摯的祝福。喜歡書寫文字時候的自在,當筆尖觸碰在紙面上,那是與自我對話的開始。關於蕭伯納鋼筆,你應該知道的事蕭伯納鋼筆以一種極為嚴苛的標準在製作鋼筆,從外觀到書寫,每一步都是經過無數次的修改而來。比如燈塔系列在出貨後因螺紋不滿意,把幾千隻鋼筆銷毀重做。鋼筆的包裝更是找到一線奢侈品的香港代工廠耗時幾個月的時間來做。
  • 閒言碎語:設計師的可悲與可憐
    抱怨的朋友無非幾種情況:1.收入很低滿足不了自己的品味需要;2.感覺在透支青春,前途看不到方向;3.總是被「無知」老闆和客戶反覆壓榨命令,不明白誰動了你的「設計」(加引號的原因是,確實有些客戶不是那麼無知,我們誤會了;確實有些設計稱不上設計,但是被命令修改,設計師似乎還不高興);4.發現自己除了打開電腦畫圖,沒有什麼其他的技能了。
  • 網絡時代,你為什麼用鋼筆寫字?顏值?身份還是……
    1809年,英國頒發了第一批貯水筆專利,鋼筆正式誕生。200多年後的今天,我們為什麼還在用鋼筆寫字?01 好寫一支筆最重要的功能是書寫,鋼筆憑藉其卓越的書寫性能,成為硬筆書法的首選。鋼筆通過筆尖的分岔設計帶來恰到好處的柔韌度,可以寫出富有變化的線條,讓字跡更有書法美感。鋼筆還具有一點其他筆都不具備的書寫特性:通過嚴謹的控墨,在不同力度下寫出不同的墨水深淺。熟練的書寫者會善用這一點,讓字跡更生動,更富層次感。
  • 鋼筆筆尖調整技巧及維護指南
    這種情況沒法輕易修好,需要聯繫賣家或廠家更換筆尖或鋼筆。檢查銥粒是否損壞如果筆嘴/銥粒已經準確對齊,但筆尖還是刮紙,那麼就要用放大鏡檢查一下筆尖的銥粒是否有損壞。銥粒表面應該是完全光滑的,如果看到任何的裂痕、毛刺或其他不平整,應聯繫賣家或者廠商更換筆尖或鋼筆,因為這些缺陷是沒辦法輕易修好的。
  • 老行當:修鋼筆
    甚至大字不識的男青年,也要在上衣口袋裡插上鋼筆,一插兩支,亮閃閃的,姑娘們青睞啊——鋼筆多半成了勾人眼球的飾品。作為一種書寫工具,1809年鋼筆就在英國誕生了。直至上世紀六七十年代,在中國才得到普遍應用並流行開來,因其便利且易於攜帶,基本取代了秦朝時就使用的毛筆。至今記得一種說法:插一支鋼筆的是中學生,插兩支的是大學生,插三支的則是修鋼筆的師傅。