UI設計中,最常見的細節,莫過於圖標和滑動條,今天的教程,教大家如何做一款非常簡單實用的滑動條設計
完稿圖
知識點
矢量圖形工具 圖層樣式
步驟 1
新建文檔,將背景填充為灰色
步驟 2
使用圓角矩形工具繪製圖形,如圖所示(注意圓角半徑的設置)
步驟 3
為圓角矩形添加圖層樣式-內陰影(雙擊圖層空白處也可調出圖層樣式面板)
步驟 4
使用橢圓工具繪製正圓
步驟 5
為橢圓 1 添加圖層樣式-漸變疊加(注意參數的設置)
步驟 6
繼續添加圖層樣式-斜面和浮雕(設置參數如圖所示)
步驟 7
繼續添加圖層樣式-投影(設置參數如圖所示)
希望大家回去多多練習,早日學以致用
深受業內人士推薦的
頂尖級設計教育機構
閱讀更多 中美設計顧問 的文章