什么是新拟态?我觉得不过就是阴影+渐变+排列组合的游戏罢了

关于新拟态到底该如何在PPT中实现

​上周呢公子应小伙们的要求做了一份新拟态的趣味模板,其实新拟态已经火了有一段时间了,但我一直觉得没什么特别好写的,也就没提起太大的兴致,此处不准说我偷懒哈~~

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

​上周公子已经说过了,如果你实在不懂这个名词,就可以简单粗暴地理解为它是一种类似于浮雕的效果,介于偏平和投影之间。

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


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

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

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

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

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

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


02.Neumorphism.io

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

https://neumorphism.io/#55b9f3

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

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

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


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

① 凸起

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

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

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

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

② 凹陷

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

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

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

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

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

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

③ 圆滑凸起

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

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

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

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

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

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

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

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


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

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

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

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

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

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

①’ 形状本身凸起也凸起于表面

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

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

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

②’ 凹陷渐变

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

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

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

③’ 圆滑凸起渐变

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

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

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

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


以上就是公子针对新拟态如何在PPT中实现,大致给大家做出的几种基本情况,是不是如我所说并不复杂,也就是阴影+渐变+排列组合,在实际制作的时候大家一定要根据具体情况来调整参数,没有太固定的规则,只要你能实现并做的漂亮,就是好的!

​用在文字或矢量图标上是一样的道理,你们可以想想有没有什么好玩的设计,不要都去做UI界面,看多了真的会晕,比如这个蜘蛛我做完就觉得挺恐怖,哈哈哈哈哈~~~

好了下期你们想看什么或者给公子留作业都可以,反正每天面对你们的碎碎念,我也是痛并快乐着,爱你们呦!

OK,那今天就这样了,Good Luck

回复关键字“排列组合”

你可能感兴趣的:(什么是新拟态?我觉得不过就是阴影+渐变+排列组合的游戏罢了)