範文齋

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