关于新拟态到底该如何在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
回复关键字“排列组合”