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

接下来做进度的呈现,这个不用多说吧,复制一层刚才的进度条,清除掉图层样式,用矩形减去一段就OK了,添加一个渐变叠加。

Photoshop设计立体风格的网页上传窗口,PS教程,

Photoshop设计立体风格的网页上传窗口,PS教程,

下面,做进度框,一个矩形,加一个三角形,然后跟叠加一个跟刚才进度一样的渐变。

Photoshop设计立体风格的网页上传窗口,PS教程,

添加进度的文本75%,然后添加一个投影样式。

Photoshop设计立体风格的网页上传窗口,PS教程,

Photoshop设计立体风格的网页上传窗口,PS教程,

添加右侧的关闭按纽,以及垃圾桶按纽,简单的布尔运算就可以搞定了。

Photoshop设计立体风格的网页上传窗口,PS教程,

在右下侧画一个圆角矩形,添加图层样式。

Photoshop设计立体风格的网页上传窗口,PS教程,

Photoshop设计立体风格的网页上传窗口,PS教程,

Photoshop设计立体风格的网页上传窗口,PS教程,

Photoshop设计立体风格的网页上传窗口,PS教程,

Photoshop设计立体风格的网页上传窗口,PS教程,