當前位置:學問谷 >

生活範例 >生活範例常識 >

ui介面設計製作的教程

ui介面設計製作的教程

應用軟體: 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張

標籤: 介面設計 UI
  • 文章版權屬於文章作者所有,轉載請註明 https://xuewengu.com/zh-tw/flsh/changshi/gn3jl7.html