昨天凌晨一点,苹果召开了线上的秋季发布会。
没熬夜看,但早起第一时间,就看了视频回放,留意发布会 keynote 有什么设计的亮点。
真的太喜欢这次 keynote 中的渐变色了,好看又时尚,截图给大家看一下:
其中让我比较惊喜的,是这一张手机壁纸:
我们知道,常见的渐变方向有两种:一是由一个点渐变到另一个点的线性渐变;二是以一圆心为起点向外扩散渐变的径向渐变(在PPT中为射线渐变):
而这张壁纸中的渐变方向,是围绕一个圆心进行渐变的:
我们称这样的渐变为圆锥渐变:
那像这样的圆锥渐变,是怎么绘制出来的呢?
绘制方法
如果了解PS操作,那么使用其中的角度渐变工具,就能轻松做出圆锥渐变效果:
如果你是PS小白,也不用怕,这里给大家分享两种不用PS也能实现的方法,操作方法也很简单。
01 OK插件-极坐标
OK插件中有很多媲美PS的特效功能,而极坐标就是其中一项:
极坐标的功能原理呢,就是将一个图片或形状的首尾,以弧化的形式连接在一起:
我们来演示一下,插入一个矩形,在下方两个角各标记一个数字:
选中矩形,然后点击极坐标功能,就能一键使矩形的首尾相接:
按照这个原理,我们给矩形填充一个线性角度为0°的渐变色:
然后使用极坐标功能,立马就能实现我们想要的圆锥渐变啦,简单吧:
继续延伸,将矩形填充成彩虹渐变色,用极坐标功能首位相接,一个色环就出来了,很赞吧:
02 Gradienta 网站
这是一个渐变色生成器网站,其中的渐变方向就包含了圆锥渐变,而且相对比于极坐标,网站生成的操作更简便:
我们只需选中圆锥渐变样式,然后调节两个光圈的色调即可:
同样的,想要多色圆锥渐变时,多添加几个光圈色就可以了:
调节好色调后,点击下载按钮,选择钟意的尺寸和格式,下载即可:
将下载好的圆锥渐变形状对称拼接在一起,就有 iPhone 手机的壁纸效果了:
运用场景
既然知道怎么绘制或生成圆锥渐变了,那么接下来呢,也给大家分享几种常见的运用方式。
01 图表修饰
圆锥渐变具有特殊的渐变方向,我们可以将这种效果应用在一些图表的修饰上。
拿下面这张百分比数据页面,来举个例子:
当我们想用饼图来可视化数据,又想把圆锥渐变应用上时,怎么做呢?
先准备三个渐变矩形,按百分比例划分好渐变区域:
然后使用极坐标功能,就能生成这样围绕圆心渐变的扇形饼图:
再简单修饰一下,这张数据图表页面就优化完了:
02 丰富页面排版
我们还可以将圆锥渐变的独特图形,运用在排版中,以此来丰富页面空间。
像这一页2020设计年鉴封面排版,看着很单调:
利用圆锥渐变的圆形,来拼凑出 2020 的数字样式:
然后放在页面中作一个修饰主体,挺有创意的,对吧:
03 充当投影
当我们将圆锥渐变的渐变色,调整得有一定的明暗层次时,我们就可以将它们对充当投影使用。
比如设置一个白灰色的圆锥渐变,然后另复制一份对称拼接在一起,像这样:
这时页面中就像有根竖线产生了投影,将左右两边区分开来。
那么可以利用这一效果,来做一些对比区分的页面排版:
再比如利用这个圆锥渐变投影,我们还可以绘制出这种悬空的展台:
用来展示一些证书页面,看起来效果也还可以:
好了,以上就是我今天要分享的全部内容。如果你也觉得不错,希望得到你的「点赞 」和「转发」。
需要的读者,看这里获取哈↓↓↓:
页面更新:2024-04-24
本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828
© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号