網站首頁 個人範例 行業範例 行政範例 職場範例 校園範例 書信範例 生活範例 節日文化範例

ui界面設計製作的教程

欄目: 生活範例常識 / 發佈於: / 人氣:6.82K

應用軟件: Photoshop ? CS6

ui界面設計製作的教程

今天給“小夥伴”們帶來一個酷炫的《UI設計小教程》,讓我們一起來打造一枚流光質感界面吧~。

1.創建畫布

新建一張790*400的畫布(不要忘記文件命名哈~)

ui界面設計製作的教程 第2張

2.製作背景

Alt+Delete 填充背景色為 #1c46e3,併為其添加漸變疊加圖層樣式 (如下圖所示)

ui界面設計製作的教程 第3張

ui界面設計製作的教程 第4張

ui界面設計製作的教程 第5張

3.創建界面底託

選擇圓角矩形工具,創建 250*90圓角半徑2像素 的白色圓角矩形,併為其添加 圖層樣式 (如下圖所示)

ui界面設計製作的教程 第6張

ui界面設計製作的教程 第7張

到此為止的效果如下圖~(親,你有跟上節奏嗎)

ui界面設計製作的教程 第8張

Tags:界面設計 UI