PS设计教程网欢迎你!

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

文章来源于 Pdadians.com,感谢作者 P大点S 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2017-03-29
接下来做进度的呈现,这个不用多说吧,复制一层刚才的进度条,清除掉图层样式,用矩形减去一段就OK了,添加一个渐变叠加。 下面,做进度框,一个矩形,加一个三角形,然后跟叠加一个跟刚才进度一样的渐变。 添加进

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa