优艾设计网

Photoshop绘制镜头UI图标教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:石磊_Stone
今天分享的教程,是最近很火的Apple Aperture 图标。绘制一个精致的镜头图标相当不容易,光作者就花了5、6个小时,所以这篇教程主打绘制的思路,当然也很详细了,不过需要一定的PS基础呦。童鞋们可以试一下,能否按

STEP 5 大结局:镜头光晕

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

Photoshop绘制镜头UI图标教程

Photoshop绘制镜头UI图标教程

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

Photoshop绘制镜头UI图标教程

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

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

Photoshop绘制镜头UI图标教程

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

Photoshop绘制镜头UI图标教程

Photoshop绘制镜头UI图标教程

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

我分了三层做。

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

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

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

Photoshop绘制镜头UI图标教程

Photoshop绘制镜头UI图标教程

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

图层位置见上上图。

Photoshop绘制镜头UI图标教程

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

Photoshop绘制镜头UI图标教程

Photoshop绘制镜头UI图标教程

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

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

Photoshop绘制镜头UI图标教程

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

Photoshop绘制镜头UI图标教程

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

Photoshop绘制镜头UI图标教程

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消