当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

渐变教程,如何做出迷人的渐变?

来源:站酷 作者:博森设计 学习:10178人次

 这迷人的渐变怎么做的?

  Adobe Photoshop怎么做这种效果?

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

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

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

渐变教程,如何做出迷人的渐变?_www.16xx8.com

  一、垂直线性渐变

渐变教程,如何做出迷人的渐变?_www.16xx8.com

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

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

渐变教程,如何做出迷人的渐变?_www.16xx8.com

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

渐变教程,如何做出迷人的渐变?_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!