islide插件

这个超火的苹果弥散光渐变风PPT风格,今天专门做一个拆解教程

设计·配图·板式2021-10-01
留言 2
这个超火的苹果弥散光渐变风PPT风格,今天专门做一个拆解教程
导读

苹果的开发者大会的PPT用了弥散光的设计手法,非常香!针对这个超火的苹果弥散光渐变风PPT风格,今天专门做一个拆解教程。

昨天凌晨,苹果的开发者大会如期在线上举行,回看了一遍视频,真的啥硬件产品都没发布,看了个寂寞:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
但它的 PPT 设计还是比较吸引我的,比如这些独特渐变风格的运用:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
如果你经常浏览一些设计网站,会注意到很多设计师都在使用这种渐变来修饰页面:
 
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
与一般的色彩渐变不同,这种渐变有更多模糊和弥散效果像是页面局部的一个发光源:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
像这样虚实结合的光感渐变,能产生一种朦胧的美感,在这里我将这种渐变称为弥散光
 
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
那么话题回到PPT,像这样的弥散光效果,我们该怎样在PPT中去实现呢? 

绘制方式

方法大致有三种,我们下面来逐个讲解。
第一个方法是大家可能都会想到的柔化边缘功能:
 
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
准备一个黄色圆形,在柔化边缘的面板中,调节磅数大小,这样就有了弥散效果,简单吧:
 
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
然后把这样几个柔化边缘圆形,摆放在一个橙色背景上,就能快速做出苹果发布会上的弥散渐变效果:
 
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
但是柔化边缘弥散的区域比较小,在颜色相差大的背景上,感觉会略显僵硬:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
这时,我们可以换用第二种方法「路径渐变」:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
怎么做呢?先给圆设置路径渐变,只保留两个光圈。右侧光圈色值设置为背景色,这是为了让弥散区域与背景更加融合:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
接着将右侧光圈的透明度设置为100%,这样就有弥散的效果啦:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
将这个渐变圆形放置在产品背后,就能营造出弥散发光的效果:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
但当我们想把下图这样的多色渐变,也做成弥散光感效果时,路径渐变工具就无法完成了:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
这时,我们就用第三种方法「虚化」艺术效果来实现:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
将设置好的渐变,和背景组合一起,另存为一张图片
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
然后执行图片虚化艺术效果,并将虚化半径调节至最大
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
此时的虚化弥散范围还比较小,我们只需多执行3到4次虚化,就可以扩大弥散的范围了:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
将这种多色渐变弥散效果置于背景中,也能很好的丰富背景细节:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
 

那么问题又来了,

在PPT中何如用这种弥散光效果呢?

丰富背景层次

在页面中使用这种弥散光,能营造出一种背景发光的氛围,很好的丰富页面的空间层次。
拿这张键盘介绍页面举例:
 
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
先来大致优化一下版式,此时的页面还比较单调:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
我们准备两个渐变椭圆,通过虚化处理,做成一张弥散光的背景:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
然后放到介绍页中,与原稿相比,页面的层次细节是不是丰富多了:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
此外,我们还可以给背景添加噪点效果,这样会更有质感:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
再比如这样一张页面,数据内容排版好后,背景还是比较单调:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
我们只需在页面右上角,加入一个路径渐变的弥散光,整体效果就立刻好了许多:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!

聚焦强调内容

弥散光具有独特的视觉聚焦效果,借此我们可以用于强调页面的信息内容。
比如这页目录页原稿是这样的:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
利用弥散光效果修饰数字,相信大家的第一视觉都会先注意到数字信息上:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
又或是用来修饰逻辑图形,在丰富页面的同时,也能起到引导视觉的作用:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!

弥散反光效果

利用弥散效果,我们还可以做出物体边缘反光,呈现出立体感。
比如之前的一篇推文用到这样的配图,其中英文字母看起来会有一定的厚度感:
 
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
实现这种效果的操作步骤也不难,将字体与背景结合转成图片,添加虚化效果,就能让字体边缘弥散:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
然后再插入大小一样的字体,摆放稍微错位,利用布尔运算的相交功能裁剪,就有了边缘反光效果啦:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
我们拓展下思路,再来看一个案例。
之前给招商银行定制的PPT中,也有给吉祥物用上边缘反光效果,这样看起来会有立体感:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
最后封面是这样的,还不错吧:
苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
怎么样?你学废了吗?
 
很多看似高级的效果,其实,本质上还是基础功能的混合使用,希望对各位有所启发。
原标题:苹果在鸿蒙之后开发布会!这个超火的渐变风,用在PPT里太洋气了!
原作者:旁门左道PPT 微信号:pangmenzd 自媒体大咖进驻

《“这个超火的苹果弥散光渐变风PPT风格,今天专门做一个拆解教程”》 有 2 条评论

  1. Lin说道:

    六六六

  2. HX.LI说道:

发表评论

移动版关于我们联系我们版权声明

PPTfans.cn (PPT设计教程网) ©2012-2020 · 粤ICP备19137043号 · 基于Wordpress · 由peaterq设计&制作 ·网站标签 · 订阅鄂公网安备 42050602000108号

有困难加站长微信
购买咨询电话021-34551883
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑难杂症找站长遇到困难,找站长!