数码后期 渐变教程，如何做出迷人的渐变？

　这迷人的渐变怎么做的？

　　Adobe Photoshop怎么做这种效果？

　　我们都知道iOS7以后，界面设计已经趋于扁平化。实际界面设计中我们已经很少绘制写实图标。所以貌似现在的UI界面显得千篇一律。比较有经验的设计师会熟练运用插画设计还有动效设计，使自己的界面显得与众不同，然而这些技巧都是需要时间历练，短时间并不容易掌握这些知识。

　　有没有一种方法简单实用，迅速提升界面的格调了？

　　Instagram 换标的设计刷遍了大家的朋友圈，对于这个新图标褒贬不一，不管这个设计好坏与否，你不得不承认第一眼看这个彩虹色让你眼前一亮。也让我们重新认识到在UI设计中，使用得当的渐变色彩，可以使界面和图标的设计感得到迅速提升。

　　一、垂直线性渐变

　　拉渐变是Photoshop的基础操作，那么如何运用的好看了？颜色选择才是关键

　　我们把一个渐变颜色拆分成A B C三个颜色，每个颜色用HSB标注颜色色值。

　　这是某App的一组引导画面，运用了三组渐变颜色，分别标注HSB的色值，通过这组色值的变化，分析如下。

　　A色 B值非常高，普遍50以上

　　从A色到B色，H值的变化范围为正负30到70，S值减少10，说明B颜色略变淡。

　　从B色到C色，H值的变化范围为正负30到40，S值增加15到50，说明C颜色开始变浓。

　　以上色值仅供参考，实际使用并非整数。根据以上规律去有规则的使用渐变色。

　　二、垂直线性渐变 + 球形渐变

　　Web界面面积比较大，在大面积使用渐变的时候。如果只是使用垂直的线性渐变是略显单调的，这个时候我们需要加一个球形的渐变。

　　A+B+C色构成一个渐变，这时候我们再补充一个D色的球形渐变并高斯模糊。D色的圆形矢量形状要转换为智能对象，这样调节高斯模糊及大小的时候可以无损调整。如果界面上需要运用图片，我们再补充一个80%透明度的E色，叠加在去色后的图片上。这样界面会层次会更加丰富。

　　三、多角度球形渐变

　　想让界面更加绚丽，这时候我们可以考虑多组球形渐变搭配使用。例如最新改版的instagram就是一组线性渐变，加两组球形渐变组成。球形渐变也是由多组颜色构成。

　　四、色块渐变

　　渐变的颜色不只可以运用在一个色块上，还可以运用在一组色块上。设计师运用一组近似性色彩，将每个菜单项清晰区分开，让界面平衡在一个频率上，这样的画面更有节奏感和舒适性。

　　如何选择色块的颜色了？一样运用HSB，逐级加H色值，H色值越大，S相应的色值也要逐渐变小。至于希望你的界面整体颜色跨度大还是小，取决你逐级H色值加的多少。

　　相信通过我的HSB调色分析，你可以熟练运用颜色创造各种高大上的渐变。如果有不明白的吗，也与我互动进行讨论。

　　欣赏案例

　　最后给大家看一下相关精彩案例，可临摹学习。

更多影楼远程数码后期修片教程尽在全影网。

本站部分内容、观点、图片、文字、视频来自网络，仅供大家学习和交流，真实性、完整性、及时性本站不作任何保证或承诺。如果本站有涉及侵犯您的版权、著作权、肖像权的内容，请联系我们(0536-8337192),我们会立即审核并处理。

我要评论

当前已有loading...个参与

验证码：

• 
  婚纱
• 
  25年拍的客片
• 
  个人作品
• 
  潮童ing

• 婚纱样片摄影中高端的核心因素
• 样片专业的拍摄技巧
• 高质量的样片诠释出来
• 拍样片前教你如何化裸妆
• 样片拍摄高跟鞋的选择
• 样片拍摄时需要注意的事项
• 双十一来袭，热爱摄影的你不可错过这份西部
• 婚礼浪漫的求婚方式