十一假期的时候,有读者发给我一张苹果新品发布会的预告海报,问我海报中的彩色圆球是怎么做的?
![](https://img.haomeiwen.com/i7187690/cb001ebc0f38998a.png)
来看下海报大图:
![](https://img.haomeiwen.com/i7187690/cf149a35383b1c96.png)
![](https://img.haomeiwen.com/i7187690/5f52aeedd562d3c7.png)
看完海报可把我开心坏了,这效果早已被我用在 PPT 定制上了,而且前不久还用它做了一个波纹扩散动画的教程,就是这个:
![](https://img.haomeiwen.com/i7187690/b770519c2167b89c.png)
回到正题,苹果发布会预告海报中渐变圆球是怎么做的呢?
其实,它的原理并不复杂,主要用到了一个渐变类型 —— 射线渐变。
![](https://img.haomeiwen.com/i7187690/2104e15a352cb8f5.png)
什么是射线渐变?
相信大家都知道,线性渐变是沿着某个轴线进行颜色变化:
![](https://img.haomeiwen.com/i7187690/91a4ddc6f534b0d1.png)
而射线渐变则是由内而外进行圆弧渐变,所以射线渐变更多的用于圆形形状。
![](https://img.haomeiwen.com/i7187690/72c8019aa66bbddf.png)
这里大家要明白一点,射线渐变左侧的渐变光圈决定图形内部的颜色,右侧决定图形外部颜色。
![](https://img.haomeiwen.com/i7187690/b366f03e53bf2a5f.png)
所以,我们调整左侧光圈完全透明,渐变图形就会呈“月牙状”:
![](https://img.haomeiwen.com/i7187690/5fffee5b8f697352.png)
调整右侧光圈完全透明,则呈现“凸起状”:
![](https://img.haomeiwen.com/i7187690/c60adf8353afcb64.png)
海报图形还原
明白了上面这些原理,接下来,咱们就用 PPT 还原一下官方预告图。
![](https://img.haomeiwen.com/i7187690/81b4c58605972a3b.png)
原图由 4 个圆球组成,咱们由内而外,先说最小的。
![](https://img.haomeiwen.com/i7187690/638002f72c024330.png)
可以看出,圆形的左上角偏绿,右下角偏蓝,通过调整射线渐变,得到下面这些“月牙状”圆形:
![](https://img.haomeiwen.com/i7187690/b487bc89c31d1ab5.png)
再将图形重叠,就能得到视觉饱满的彩色球体:
![](https://img.haomeiwen.com/i7187690/91c9258b3643a16a.png)
再来观察第二球体,青色、绿色、蓝色:
![](https://img.haomeiwen.com/i7187690/acfcee73bcdbac22.png)
图形重叠:
![](https://img.haomeiwen.com/i7187690/d8a53305982509c4.png)
同样的方法,得到第三个、第四个球体:
![](https://img.haomeiwen.com/i7187690/d1cf088908ff105e.png)
最后,调整各个圆球的大小、位置即可:
![](https://img.haomeiwen.com/i7187690/aa2ea3d258236037.png)
来看下静态效果:
![](https://img.haomeiwen.com/i7187690/ec8d04cbf73e96e6.png)
我们只要改变图形的颜色及位置,苹果预告海报中的图形,不就完成了么!
![](https://img.haomeiwen.com/i7187690/cadef3aa2858b034.png)
学会了多彩圆球的画法,那它 PPT 制作中有啥用呢?
让页面更具质感
相比单色渐变,多色渐变圆形颜色的多样性,使其在视觉呈现上更加饱满,运用到 PPT 中,页面的质感相对来说会更强一些。
![](https://img.haomeiwen.com/i7187690/36ffdba1a367c6dc.png)
来看一组对比案例:
![](https://img.haomeiwen.com/i7187690/4458155d5d71a29a.png)
![](https://img.haomeiwen.com/i7187690/2ec0db9d8b874c8c.png)
也因为这一点,我在商业定制上更多的会使用多色渐变图形:
![](https://img.haomeiwen.com/i7187690/8987e3c2bc864e77.png)
为了方便各位理解,这里再列举一些使用场景。
一些使用场景
归根结底,它还是一个形状,最常用的自然还是作为载体,承载页面内容。比如放图标、文字:
![](https://img.haomeiwen.com/i7187690/2ffee6716a2edc40.png)
在页面排版上,比如常见的中心环绕式布局:
![](https://img.haomeiwen.com/i7187690/57ef634f6ba04802.png)
或者用于图表排版:
![](https://img.haomeiwen.com/i7187690/59326b354c22cac1.png)
在设计风格上,可以用来展现科技风:
![](https://img.haomeiwen.com/i7187690/d4247f7d4c5dbf6a.png)
或者多彩渐变风:
![](https://img.haomeiwen.com/i7187690/1f01450409984c9a.png)
好了,以上呢,就是今天这篇文章的全部内容了。多色渐变,可以说是我今年最喜欢的一个 PPT 设计方法,这次就借苹果预告海报这个案例,分享给各位啦!
文章没看过瘾,想要系统提升PPT技能?
欢迎加入番茄办公模板公众号,已经有超过33000位读者加入学习。
网友评论