PPT实用技巧:新拟态特效要怎样实现
分类专栏 - 设计教程 - 设计技巧
 2020-05-26 4725

上周呢,公子应小伙伴们的要求做了一份新拟态的PPT趣味模板。

其实新拟态已经火了有一段时间了,但我一直觉得没什么特别好写的,也就没提起太大的兴致,此处不准说我偷懒哈!

但上周做完模板之后,我发现小伙伴们还是有很多疑问的,所以公子想想还是写篇PPT设计教程,这样你们看得也清晰明了。

上周公子已经说过了,如果你实在不懂这个名词,就可以简单粗暴地理解为它是一种:

类似于浮雕的效果,介于扁平和投影之间。

PPT实用技巧:新拟态特效要怎样实现

至于它的由来和科普文章网上有很多,随便度娘一下你就会发现,其实也就是这样。哈哈哈哈那公子今天主要想分享给大家的是:

如何在PPT制作中实现这种效果!

01.在PPT中的基本呈现方式

  

首先不管你要处理的是图形还是文字,建议选择与背景一致的填充色,或者以此为基础的渐变。

然后就是不断调整阴影变化了,这里公子先大致做了几种PPT排列组合,我们先来看一下:

PPT实用技巧:新拟态特效要怎样实现

PPT实用技巧:新拟态特效要怎样实现

右侧所得出的结果都是由左侧的基本形状排列组合而来。

当然如果你数学排列组合还不错的话,应该知道结果有很多,这里我只是简单地列举。

所以右侧根本不是重点,重点是在左侧的基本形态我们要怎么做出来,通过上周公子做的模板你们是否已经有了答案呢!

02.Neumorphism.io

  

在公子正式讲解之前呢,我们要先来了解一个神器。

PPT实用技巧:新拟态特效要怎样实现

设计开发者是Adam(ins:adamgiebl.io)利用这个神器,我们只需要填入颜色代码,就会得出它所对应的阴影部分。

PPT实用技巧:新拟态特效要怎样实现

各参数我们都可以根据需要来调整,比如是想让它凹陷还是凸起。

总之操作非常简单,小伙伴们试一下就知道了,有了这个神器,接下来的一切就变得几乎没有什么难点!

03.纯色填充的三个基本形态

3.1凸起

我们先来看一下第一组排列组合中的三个基本形状,首先它们都是背景色填充。

那第一种凸起效果其实就是两个不同角度的阴影叠加。

PPT实用技巧:新拟态特效要怎样实现

两个阴影颜色由Neumorphism.io得出,也就是公子刚刚介绍的那个神器。

左上偏亮,右下的阴影颜色较深,其实参数你们要根据实际情况来调整,明白这个原理就可以。

PPT实用技巧:新拟态特效要怎样实现

3.2凹陷

第二种就是相反的凹陷效果,会稍稍复杂一些,因为在PPT制作中是无法做到同时设置两个角度的阴影。

所以做凸起效果的时候我们才会利用两个形状来叠加。

但凹陷是需要设置内阴影,两个叠加也没用,因为叠加后根本看不到下方底层的那个形状。

PPT实用技巧:新拟态特效要怎样实现

那就需要我们换一种处理方式了,依然是设置两个不同角度的内阴影,颜色同上由Neumorphism.io得出。

接下来并不是叠加,而是复制其中任意一个,然后对另一个设置“图片或纹理填充”中的剪贴板填充。

PPT实用技巧:新拟态特效要怎样实现

这样你明白了吗,把其中设置好一侧内阴影的图形作为了“底板”,这样就做到了两个不同角度的内阴影同时存在。

3.3圆滑凸起

还有一种基本形态就是比较圆滑的凸起,和第一种稍稍有些差别。

因为设置的不是外阴影,却是内阴影,那你可能会困惑,内阴影不是凹陷效果吗。

换个角度试一下,你就会发现视觉差是挺有意思的一件事。

PPT实用技巧:新拟态特效要怎样实现

这回我选择左上是比较亮的内阴影,而右下的颜色较深。

然后我们再用复制—剪贴板填充的方法来看一下结果:

PPT实用技巧:新拟态特效要怎样实现

很神奇对不对,其实把这种圆滑凸起置于第一种凸起组合之上,效果会更加明显好看。

在与背景一致的纯色填充情况下,三种基本的新拟态效果就是这样了,如果把以上这些分别排列组合你就会得到:

PPT实用技巧:新拟态特效要怎样实现

或许你还有更好玩更有创意的方法,欢迎补充!

04.渐变填充的三个基本形态进阶版

4.1形状本身凹陷但凸起于表面

其实和纯色填充处理方式是一样的,只不过都加了渐变。

会有一种形状本身的凹陷,但又是凸起于背景表面的效果,好绕口。

PPT实用技巧:新拟态特效要怎样实现

这里需要注意的是渐变路径一定是左上较深,右下较浅的颜色,才会在视觉上做到形状本身的凹陷。

因为反之就会产生另一种效果了。

4.2形状本身凸起也凸起于表面

如果把渐变方向调换,左上较浅而右下则是较深的颜色,那在视觉上则会让这个形状变成凸起的感觉。

PPT实用技巧:新拟态特效要怎样实现

怎么样发现了没有,渐变还是挺有意思的,那这两种一个形状凸起一个形状凹陷就是这样靠渐变来实现。

但阴影部分一致,没有什么改变,直接叠加就好了!

PPT实用技巧:新拟态特效要怎样实现

4.3凹陷渐变

接下来就是凹陷于表面的渐变效果,没什么太复杂的地方。

就是在纯色凹陷的基础上,改成了渐变而已。

PPT实用技巧:新拟态特效要怎样实现

处理两个内阴影的叠加,依然是要复制其中一个,然后另一个选择“图片或纹理填充”的剪贴板填充。

PPT实用技巧:新拟态特效要怎样实现

4.4圆滑凸起渐变

最后一种就是比较圆滑的凸起渐变,因为阴影方向相对要固定,所以渐变也要根据阴影的方向来调整。

比如内阴影较亮的一侧就要选择深色渐变,否则是看不出效果的。

PPT实用技巧:新拟态特效要怎样实现

叠加方法,依然是复制一个,另一个选择剪贴板填充即可。

PPT实用技巧:新拟态特效要怎样实现

那根据这几种渐变形态的排列组合,你会得到多少种结果呢,至少公子在前面简单列举的那些如今是不是就可以轻易做到了呢!

PPT实用技巧:新拟态特效要怎样实现

以上就是公子针对新拟态如何在PPT设计中实现,大致给大家做出的几种基本情况。

是不是如我所说并不复杂,也就是阴影+渐变+排列组合。

在实际制作的时候,大家一定要根据具体情况来调整参数,没有太固定的规则只要你能实现并做的漂亮就是好的。

用在文字或矢量图标上是一样的道理,你们可以想想有没有什么好玩的设计不要都去做UI界面,看多了真的会晕。

比如这个蜘蛛我做完就觉得挺恐怖哈哈哈哈哈~

好了,以上就是本期的全部分享,希望对你有所帮助~