當前位置:首頁 >教程首頁 > U I 設計 > AI+UX設計大師班 >UI設計師都會用的圓角插件

UI設計師都會用的圓角插件

發布時間:2021-08-20 09:45:40

Hello,大家好,我是秋風。今天想推薦一款UI設計師都會用到的PS圓角插件——Corner Editor。設計師在做設計稿的時候,往往需要反複調整按鈕圖標的圓角弧度,或根據不同的風格設定選擇不同偏向的折角,這時候圓角插件就是一款極其便利的工具。

一、基礎用法

1、選中需要修改的形狀圖層

1.webp.jpg

2、點擊文件——腳本——Corner Editor

2.webp.jpg

3、設置你想要的半徑,點擊你想要的折角樣式即可,關閉插件。

3.webp.jpg

示例:

現在需要繪製下麵圖標的圓角形狀。

1、畫出基本形狀;

4.webp.jpg

2、選中所有的形狀,調出圓角工具輸入需要的圓角數值即可。

5.webp.jpg

二、進階用法

示例:

現在需要繪製下圖中的底板形狀.

1、先畫兩個矩形;

6.webp.jpg

2、選中左邊的白色矩形,打開圓角插件,勾線下方數字標注。如圖所示,現在矩形上從左上角開始,順時針的四個角分別出現時數字標識。在半徑設置輸入框中,根據角的個數與各自的半徑需要輸入多個以逗號分隔的半徑值,順序是從第一個角到最後一個角,分別以逗號隔開。點擊圓角,得到下麵的形狀。

7.webp.jpg

3、現在隻做右邊灰色的地板對應的複雜多邊形。因為要對圖形進行二次編輯,所以要不勾選保存原邊角,以此來產生新的邊角,而不是之前的四個邊角。用以上方式:勾選數值標注,輸入需要的半徑值60,10,30,10,點擊內折角,得到下圖中的形狀。

8.webp.jpg

4、勾選數值標注,顯示1-8個邊角,輸入對應的半徑值10,60,10,6,2,20,2,6,點擊圓角,得到下圖中的形狀。

9.webp.jpg

5、調整右邊形狀到合適大小,就完成了上圖中的底圖形狀。

10.webp.jpg

三、安裝教程

把插件文件複製到你的PS安裝文件夾以下位置:

11.webp.jpg

來源:Thepoly公眾號

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定