tft每日頭條

 > 圖文

 > ui設計滑動效果

ui設計滑動效果

圖文 更新时间:2025-02-03 10:45:23

今天想推薦一款UI設計師都會用到的PS圓角插件——Corner Editor。

設計師在做設計稿的時候,往往需要反複調整按鈕圖标的圓角弧度,或根據不同的風格設定選擇不同偏向的折角,這時候圓角插件就是一款極其便利的工具。

1基礎用法

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

ui設計滑動效果(UI設計師都會用的圓角插件)1

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

ui設計滑動效果(UI設計師都會用的圓角插件)2

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

ui設計滑動效果(UI設計師都會用的圓角插件)3

示例:

現在需要繪制下面圖标的圓角形狀。

1.畫出基本形狀;

ui設計滑動效果(UI設計師都會用的圓角插件)4

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

ui設計滑動效果(UI設計師都會用的圓角插件)5

2進階用法

示例:

現在需要繪制下圖中的底闆形狀.

1.先畫兩個矩形;

ui設計滑動效果(UI設計師都會用的圓角插件)6

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

ui設計滑動效果(UI設計師都會用的圓角插件)7

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

ui設計滑動效果(UI設計師都會用的圓角插件)8

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

ui設計滑動效果(UI設計師都會用的圓角插件)9

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

ui設計滑動效果(UI設計師都會用的圓角插件)10

3安裝教程

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

ui設計滑動效果(UI設計師都會用的圓角插件)11

快前往虛幻引擎官網下載體驗吧!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved