Photoshop设计立体风格的网页上传窗口(2)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

颜色不大好,我创建了一个色相/饱和度调整层,一样的剪贴蒙版。

Photoshop设计立体风格的网页上传窗口

以剪贴蒙版形式,创建一个曲线调整层,参数如下:

Photoshop设计立体风格的网页上传窗口

添加文本和右侧的关闭按纽,我用的是白色,关闭按纽没什么难度吧,两个矩形来构成。

Photoshop设计立体风格的网页上传窗口

用直线工具,画一条直线,颜色我设置的是#121415,添加一个投影样式。添加文本和图像,图像我有做了一个近背景色的1像素描边。

Photoshop设计立体风格的网页上传窗口

Photoshop设计立体风格的网页上传窗口

Photoshop设计立体风格的网页上传窗口

接下来,用圆角矩形工具来画一个进度条,颜色为#121415,添加一个投影样式。

Photoshop设计立体风格的网页上传窗口

Photoshop设计立体风格的网页上传窗口

 收藏