UI设计教程 ps鼠绘相机镜头UI图标教程(5)

来源:网络   作者:热心网友   发布时间:2016-08-27    浏览次数:301


STEP 5 大结局:镜头光晕

这部分的颜色是要随着整体效果不断调整的,以实际情况为准。

用Ps制作细节完美的Apple Aperture镜头图标

用Ps制作细节完美的Apple Aperture镜头图标

用径向渐变修正一下内部的对比度

用Ps制作细节完美的Apple Aperture镜头图标

「叠加」上一层这样的彩虹渐变(颜色可以根据效果适当调整)

要稍微加上10px~20px的模糊,让中间没有那么锐利。

用Ps制作细节完美的Apple Aperture镜头图标

在中间叠一层白色的圆,比彩圈要小,加一些羽化,让边缘不那么明显。

用Ps制作细节完美的Apple Aperture镜头图标

用Ps制作细节完美的Apple Aperture镜头图标

加右下角的反光,这一层是在彩虹渐变的下面。

我分了三层做。

最下面一层是不透明度10%左右的白色。

中间一层是无填充,用内阴影把右下角提亮。

最上面一层是用白色填充的形状加羽化,局部提亮。

用Ps制作细节完美的Apple Aperture镜头图标

用Ps制作细节完美的Apple Aperture镜头图标

按原图,用形状和羽化做出所有反光光斑,偶尔还会用无填充的内发光来提升效果。

图层位置见上上图。

用Ps制作细节完美的Apple Aperture镜头图标

然后按照原图效果,把需要增强的的光斑用白色形状增强。

用Ps制作细节完美的Apple Aperture镜头图标

用Ps制作细节完美的Apple Aperture镜头图标

用黑色加镜头光晕增强效果。

我加了两层,用矢量蒙版控制效果。

用Ps制作细节完美的Apple Aperture镜头图标

嫌效果不够,我又画了些圆来增强。

用Ps制作细节完美的Apple Aperture镜头图标

最后加一层薄薄的云彩,颜色减淡,不透明度10%,让镜头的反光稍微复杂一点

用Ps制作细节完美的Apple Aperture镜头图标

最后加上文字,画上阴影。就完成了!

本教程完!

12345共5页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4781.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通