当前位置:首页 > PS教程 > 网页设计

ps绘制镜头UI图标教程

  • 2022-12-24 23:54:21
  • 来源/作者:互联网/佚名
  • 己被围观

绘制一个精致的镜头图标相当不容易,光作者就花了5、6个小时,所以这篇教程主打绘制的思路,当然也很详细了,不过需要一定的PS基础呦。童鞋们可以试一下,能否按着作者的思路完成教程

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镜头图标

最后加上文字(可以用Ai的路径文字,加内阴影得到。当然我是扣出来的……),画上阴影。大功告成~

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条