十一假期的时候,有读者发给我一张苹果新品发布会的预告海报,问我海报中的彩色圆球是怎么做的?

来看下海报大图:


看完海报可,把我开心坏了,这效果早已被我用在 PPT 定制上了,而且前不久还用它做了一个波纹扩散动画的教程,就是这个:


回到正题,苹果发布会预告海报中渐变圆球是怎么做的呢?


其实,它的原理并不复杂,主要用到了一个渐变类型 —— 射线渐变。



PPT源文件我都给你准备好了,关注@PPT进化论,私信回复【渐变】,即可获取!

什么是射线渐变?

相信大家都知道,线性渐变是沿着某个轴线进行颜色变化:

而射线渐变则是由内而外进行圆弧渐变,所以射线渐变更多的用于圆形形状。


这里大家要明白一点,射线渐变左侧的渐变光圈决定图形内部的颜色,右侧决定图形外部颜色。

所以,我们调整左侧光圈完全透明,渐变图形就会呈“月牙状”:

调整右侧光圈完全透明,则呈现“凸起状”:


海报图形还原

明白了上面这些原理,接下来,咱们就用 PPT 还原一下官方预告图。

原图由 4 个圆球组成,咱们由内而外,先说最小的。

可以看出,圆形的左上角偏绿,右下角偏蓝,通过调整射线渐变,得到下面这些“月牙状”圆形:

再将图形重叠,就能得到视觉饱满的彩色球体:

再来观察第二球体,青色、绿色、蓝色:

图形重叠:

同样的方法,得到第三个、第四个球体:

最后,调整各个圆球的大小、位置即可:

来看下静态效果:


我们只要改变图形的颜色及位置,苹果预告海报中的图形,不就完成了么!

是不是很简单呢?

你学会了吗,赶紧的动手试试吧!

为方便你的练习,PPT源文件我都给你准备好了,也可以直接套用。 关注@PPT进化论,私信回复关键词【渐变】,即可获取!