數(shù)十萬(wàn)互聯(lián)網(wǎng)從業(yè)者的共同關(guān)注,！

作者：Shunz順子

微信公眾號(hào)：UX思考（ID：UXThink）

作者投稿并授權(quán)早讀課發(fā)表，轉(zhuǎn)載請(qǐng)聯(lián)系作者,。

歡迎投稿到早讀課,，投稿郵箱：[email protected]

From: Learn Axure RP 8 Beta: Pen Tool（http://www./c/blog/160-learn-axure-rp-8-beta-pen-tool.html）

Axure RP 8 引入了一個(gè)新的鋼筆工具功能用來(lái)繪制自定義形狀。自定義形狀是基于矢量的，這意味著在Axure RP中可以平滑的調(diào)整它們的大小,，并可以為其設(shè)置不同的樣式,。使用鋼筆工具可以繪制圖標(biāo)、圖表以及各種曲線箭頭,。創(chuàng)建部件庫(kù)時(shí),，使用自定義形狀代替圖片將讓部件的可定制性更佳。

使用鋼筆工具繪制形狀

需使用鋼筆工具時(shí),，可單擊工具欄中的鋼筆工具圖標(biāo)或使用鍵盤快捷鍵：[CTRL] + [4]/[CMD] + [4],。

然后在畫布區(qū)域中單擊鼠標(biāo)左鍵，作為自定義形狀的第一個(gè)繪制點(diǎn),。移動(dòng)鼠標(biāo)到下一個(gè)位置,，然后繼續(xù)單擊畫布區(qū)域添加一個(gè)新的繪制點(diǎn)。添加繪制點(diǎn)時(shí)單擊并拖動(dòng)可以繪制出一條曲線,。

繪制過(guò)程中,，點(diǎn)擊形狀的第一個(gè)繪制點(diǎn)即可關(guān)閉完成形狀的繪制。當(dāng)鼠標(biāo)指向第一個(gè)繪制點(diǎn)時(shí),，會(huì)在該點(diǎn)處顯示一個(gè)紅色方框,。

如果希望以開(kāi)放的路徑完成繪制，可以按鍵盤上的Esc鍵或雙擊除第一個(gè)繪制點(diǎn)以外的任意畫布區(qū)域,。

完成形狀的繪制后,，將會(huì)退出鋼筆工具模式，但仍可以繼續(xù)調(diào)整形狀的繪制點(diǎn)（方法如下）,，如需繪制其他自定義形狀,，可以再次點(diǎn)擊鋼筆工具圖標(biāo)。

轉(zhuǎn)換形狀為自定義形狀

可以將Axure預(yù)設(shè)部件庫(kù)和流程部件庫(kù)中的部件轉(zhuǎn)換為自定義部件,。只需右鍵點(diǎn)擊形狀然后選擇“Convert to Custom Shape（轉(zhuǎn)換為自定義形狀）”

調(diào)整繪制點(diǎn)

首先點(diǎn)擊選中形狀,，點(diǎn)擊形狀的繪制路徑顯示出繪制點(diǎn)。單擊并拖動(dòng)繪制點(diǎn)即可開(kāi)始調(diào)整,。此時(shí)按住PC上的[CTRL]鍵或Mac上[CMD]鍵可調(diào)整該繪制點(diǎn)的曲線,。選中一個(gè)繪制點(diǎn)將顯示黃色的曲線調(diào)整手柄，可以用來(lái)調(diào)整曲線,。按住CTRL/CMD并拖拽曲線調(diào)整手柄，可以單獨(dú)調(diào)整該曲線的曲率,。

添加和刪除繪制點(diǎn)

點(diǎn)擊選中形狀,，然后單擊形狀路徑顯示繪制點(diǎn)。用鼠標(biāo)在形狀路徑上（譯注：注意此時(shí)鼠標(biāo)的箭頭將顯示為右下角帶加號(hào)的空心箭頭圖標(biāo)）繼續(xù)點(diǎn)擊即可添加新的繪制點(diǎn),。此操作可以在任何鼠標(biāo)指針模式下完成,。

刪除時(shí)，可單選或多選形狀中的繪制點(diǎn)。單擊選中一個(gè)繪制點(diǎn),，按住Shift鍵點(diǎn)選其他的繪制點(diǎn),。使用DEL鍵或右鍵點(diǎn)擊某個(gè)繪制點(diǎn)，然后選擇“Delete/刪除”,。此操作可以在任何鼠標(biāo)指針模式下完成,。

切換曲線和直線

點(diǎn)擊選中形狀，然后單擊形狀路徑顯示繪制點(diǎn),。單擊選中一個(gè)繪制點(diǎn),，按住Shift鍵點(diǎn)選其他的繪制點(diǎn)。右鍵點(diǎn)擊從菜單中選擇“curve/曲線”或“sharpen/直線”來(lái)切換繪制點(diǎn)的曲線/直線狀態(tài),。

此外,，還可以通過(guò)雙擊繪制點(diǎn)的方式來(lái)切換曲線/直線狀態(tài)。

轉(zhuǎn)換形狀

在畫布設(shè)計(jì)區(qū)域選中一個(gè)形狀后,，可以在檢查器面板的屬性tab中看到轉(zhuǎn)換形狀的選項(xiàng),。或者右鍵點(diǎn)擊自定義形狀在“轉(zhuǎn)換形狀”子菜單中選擇,。

水平翻轉(zhuǎn)

沿Y軸（水平方向）翻轉(zhuǎn)形狀

垂直翻轉(zhuǎn)

沿X軸（垂直方向）翻轉(zhuǎn)形狀

合并（Unite）

合并多個(gè)形狀到同一個(gè)繪制路徑中,。

減去形狀（Subtract）

從一個(gè)形狀中減去另一形狀。第一個(gè)被選中形狀將保留,；后面選中的形狀將被被減去（譯注：并減去第一個(gè)選中形狀與后面選中形狀的重疊部分）,。

保留相交（Intersect）

此操作將只保留兩個(gè)形狀的交叉部分。

排除相交（Exclude）

連接兩個(gè)形狀,，不包括重疊的部分,。重疊的區(qū)域?qū)⒈粶p去，每個(gè)形狀剩下的部分將被保留為同一個(gè)自定義形狀,，此形狀可能會(huì)有多個(gè)路徑,。

組合（Combine）

組合多個(gè)形狀為單個(gè)自定義形狀，保留各自原始路徑,。

分拆（Break Apart）

用于將之前組合的包含多個(gè)路徑的自定義形狀進(jìn)行分拆,，把每條路徑分拆成原有的自定義形狀。

切換所有繪制點(diǎn)為曲線模式（Curve All Points）

將自定義形狀的所有繪制點(diǎn)設(shè)置為曲線模式,。

切換所有繪制點(diǎn)為直線模式（Sharpen All Points）

將自定義形狀的所有繪制點(diǎn)設(shè)置為曲線模式,。

轉(zhuǎn)換為自定義形狀（Convert to Custom Shape）

轉(zhuǎn)換預(yù)設(shè)形狀為自定義形狀，如矩形和鉆石形,。轉(zhuǎn)換后,，可以像其自定義形狀一樣進(jìn)行調(diào)整。

關(guān)于Axure RP 8 Beta的更多學(xué)習(xí)內(nèi)容：

Axure RP 8 Beta測(cè)試版已發(fā)布,，設(shè)計(jì)區(qū)域（待譯）,，默認(rèn)部件庫(kù)（待譯）,，部件樣式（待譯）

即將更新文章：流程圖表的改進(jìn)、新的動(dòng)作和動(dòng)畫,、新的事件,、快照部件、打印指南和配置,、在Axure Share中托管團(tuán)隊(duì)項(xiàng)目,、中繼器更新。

互聯(lián)網(wǎng)早讀課,，每天八點(diǎn),，風(fēng)雨無(wú)阻

專注產(chǎn)品、設(shè)計(jì),、交互,、運(yùn)營(yíng)

微博：@互聯(lián)網(wǎng)早讀課

加群密碼：地區(qū)-職位-昵稱

互聯(lián)網(wǎng)早讀課是WeMedia自媒體成員之一，

WeMedia是自媒體第一聯(lián)盟,，覆蓋5000萬(wàn)人群