UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角圖形轉圓角

梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角
  雖然網路上己有不少相關的UI圖示,供大家下載使用,但有時還是自己客制化,除了透過Illustrator繪製外,其實Photoshop本身也有向量工具,可進行繪製,雖然內建也有提供角圓角的功能,但只限於矩形, 若是其它形狀或是自行用鋼筆工具繪製的,就無法導圓角,就得自己導圓角,所以這時就不得不稱讚一下Illustrator,而最近梅干發現Photoshop一個好用套件,可快速的將邊角轉圓角,且最酷的是這個外掛則是用Photoshop Script製作而成的,同時還是全圖形界面,讓使用更便利,因此身為視覺設計師,這個圓角外掛絕不容錯過。

Corner Editor:
外掛名稱:Corner Editor
適用軟體:Photoshop CS3+
外掛下載:https://photoshopscripts.wordpress.com/2015/07/29/update-for-photoshop-cc-2015/

Step1
當進入外掛網站後,點 一下畫面中的Download Now!連結。
梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角
Step2
下載完畢解壓,並將Corner Editor.jsx複製到,Photoshop / Presets / Scripts 資料夾下。
梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角
Step3
複製完成後,再重啟Photoshop。
梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角
Step4
接著在隨便繪製出一個形狀區塊出來,接著再選擇 檔案 / 指令碼 / Corner Editor
梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角
Step5
矩形邊角轉圓角,在Photoshop CC內建也有此功能,同樣的也可給四個數值,就與CSS圓角用法一樣,分別為上右下左,中間再用,隔開即可。
梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角
Step6
這個邊角工具,除後可導圓角,也可變內圓角。
梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角
Step7
以及斜角。
梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角
Step8
跟內凹角。
梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角
Step9
除了可將Photoshop內建的向量形狀變圓角外,也可自行用鋼筆工具,繪製出自己所需的圖示。
梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角
Step10
接著再開啟Corner Editor編輯器,就可將剛的尖角變成圓角啦!是不是超方便的呀!因此身為視覺設計師也趕快來下載囉!
梅問題-UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角轉圓角

相關文章

「Icons8」上萬個扁平圖示產生器,可直接拖拉到Photoshop中使用

「Icons8」上萬個扁平圖示產生器,可直接拖拉到Photoshop中使用

Adobe Photoshop CC2017開新檔案大改版,加入Adobe Stock素材模板

Adobe Photoshop CC2017開新檔案大改版,加入Adobe Stock素材模板

使用舊版「Photoshop的儲存為網頁用」也可輸出Retina的各種影像尺寸

使用舊版「Photoshop的儲存為網頁用」也可輸出Retina的各種影像尺寸

Photoshop CC 將圖片批次轉存Retina各種不同的尺寸規格

Photoshop CC 將圖片批次轉存Retina各種不同的尺寸規格

「ElemisFreebies」上百個免費超質感網頁版型PSD檔下載 (可商用)

「ElemisFreebies」上百個免費超質感網頁版型PSD檔下載 (可商用)





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 1 梅留言

  • 第1梅
    說道:

    載點失效了