教程作者:@安全蛋
大家都知道渐变色在UI设计或网页设计中有大量的运用,那么除了一些简单的渐变的运用之外,我们还可以结合软件中其他的一些工具,来达到更好的一些效果。
这次主要运用到Photoshop中的渐变工具以及图层样式中的渐变叠加,还有液化,那么在这里液化主要就是用来变形的,效果很棒,方法很简单,感兴趣的小伙伴可以做起来。
接下来我们就开始学习这种方法吧。
在Photoshop中新建一个文档。
制作背景:
在新建的文档中 Ctrl+J 复制一层背景,然后利用 渐变工具(G) 给复制出来的背景添加一个底色。
利用 椭圆型状工具(U) 新建一个圆,并添加 图层样式-渐变叠加,然后。
温馨提示:别忘记与背景居中哟。
Ctrl+J 复制刚刚我们做出的圆形形状 ,选中图层,鼠标右键-栅格化图层样式,并隐藏刚才那一层。
步骤四-栅格化图层样式对刚才复制出来并栅格化图层样式后的图层进行 滤镜-液化 操作,并再添加一个蒙版。
温馨提示: 大家可能都知道,Photoshop的液化工具主要运用在后期修图修饰人体或美化人脸上,简单来说液化工具就是可以操控变形的一个工具,我们在这里也可以利用液化工具的这一特性,让渐变变形。
使用 Ctrl+T自由变换工具 对液化层进行细微的移动或旋转等调整,直至到一个合适的位置。
温馨提示: 我们可以看见当我们给图层创建了蒙版之后,蒙版与图层间有一个小锁链的图标,点击一下小锁链图标可以去掉它,这个时候我们就可以分别的调整图层本身的内容与蒙版了,如果不去掉,那么蒙版将会跟随图层旋转、位移、缩放等。
步骤六-自由变换调整将刚才隐藏掉的圆形的图层样式去掉,并改变颜色 ,调整形状属性,充当阴影。
用 形状工具(U) 添加一些装饰性元素,以及用 文字工具(T) 排版文字。
步骤八-效果图用 钢笔工具(P) 勾出一些波浪形状,填充颜色,并添加蒙版,用柔边画笔去擦除不需要的部分,适当调整图层不透明度。
温馨提示: 对于蒙版来说,蒙版只认黑白灰,简单来讲黑色相当于擦除,而白色相当于显现,也就是常说的“黑遮白显”。
最合给液化层调整一下 色相/饱和度,让颜色更加靓丽一些。
温馨提示:可以看见这幅图整体颜色还是很丰富,但是最上层的青色过于亮了,所以这里需要将液化层的饱和度再提高一下,避免装饰抢了主体。
步骤十-调整色相/饱和度最终效果:
最终效果图渐变可以运用到很多地方,有时候我们只需要发挥自己的想法,通过软件实现,就能达到很好的效果。这次的教程不难,重点需要理解的就是用液化可以操控变形,以及 扩展思路,不要局限在普通的渐变用法之上。比如还可以做出以下效果
Gradient-其他效果对渐变感兴趣的同学,可以去阅读一下这篇文章 →【零基础也能学!一份全面系统的渐变色自学指南】,相信对大家很有帮助的哟!
相关网站推荐 →uigradients.com,这是一个渐变配色灵感站点,这个站点也做过视频推荐→【训练营每日推-uigGradients】,大家没事就可以上去找找灵感。
今天的内容就到这里,想要了解更多优质教程,欢迎关注 → @优设基础训练营
还有我 →@安全蛋
咱们下次教程再见咯!!
下次教程也是与渐变相关,感兴趣的同学不要错过哟!
联系客服