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

  发布时间:2017-03-30 16:08:28   作者:佚名   我要评论
这篇教程是向脚本之家的朋友分享Photoshop制作一个超级简单的立体图片上传对话框方法,教程制作出来的对话框真的很不错,很值得大家学习,推荐到脚本之家,喜欢的朋友可以参考本文,来看看吧

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关文章

最新评论