欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Photoshop制作一个超级简单的立体图片上传对话框

程序员文章站 2022-04-19 09:33:51
本教程主要使用photoshop设计立体风格的图片上传对话框,各种各样的对话框,对于我们来说,太常见了。发微博和在网站上上传图片,我们都会遇到图片上传的对话框。今天,参考了网上的一个图片,我们制作...

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

先看看效果图

Photoshop制作一个超级简单的立体图片上传对话框

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

Photoshop制作一个超级简单的立体图片上传对话框

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

Photoshop制作一个超级简单的立体图片上传对话框

Photoshop制作一个超级简单的立体图片上传对话框

Photoshop制作一个超级简单的立体图片上传对话框

Photoshop制作一个超级简单的立体图片上传对话框

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

Photoshop制作一个超级简单的立体图片上传对话框

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

Photoshop制作一个超级简单的立体图片上传对话框

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

Photoshop制作一个超级简单的立体图片上传对话框

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

Photoshop制作一个超级简单的立体图片上传对话框