當前位置:學問谷 >

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

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/flsh/changshi/gn3jl7.html