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

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