PS设计教程网欢迎你!

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

文章来源于 Pdadians.com,感谢作者 P大点S 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2017-03-29
各种各样的对话框,对于我们来说,太常见了。发微博和在网站上上传图片,我们都会遇到图片上传的对话框。今天,参考了网上的一个图片,我们制作了一个超级简单的图片上传对话框。

本教程主要使用Photoshop设计立体风格的图片上传对话框,各种各样的对话框,对于我们来说,太常见了。发微博和在网站上上传图片,我们都会遇到图片上传的对话框。今天,参考了网上的一个图片,我们制作了一个超级简单的图片上传对话框。

教程源文件下载:图片上传对话框设计PS教程素材

先看看效果图

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

首先,我做了一个简单的背景,我相信这么简单的背景大家都很熟悉了。

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

画一个圆角矩形框框,添加图层样式。(框框的颜色无所谓,等会我们并不会用到)

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

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

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

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

我添加了一个纹理素材,创建剪贴蒙版。

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

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