上周呢,公子应小伙伴们的要求做了一份新拟态的PPT趣味模板。
其实新拟态已经火了有一段时间了,但我一直觉得没什么特别好写的,也就没提起太大的兴致,此处不准说我偷懒哈!
但上周做完模板之后,我发现小伙伴们还是有很多疑问的,所以公子想想还是写篇PPT设计教程,这样你们看得也清晰明了。
上周公子已经说过了,如果你实在不懂这个名词,就可以简单粗暴地理解为它是一种:
类似于浮雕的效果,介于扁平和投影之间。
至于它的由来和科普文章网上有很多,随便度娘一下你就会发现,其实也就是这样。哈哈哈哈那公子今天主要想分享给大家的是:
如何在PPT制作中实现这种效果!
01.在PPT中的基本呈现方式
首先不管你要处理的是图形还是文字,建议选择与背景一致的填充色,或者以此为基础的渐变。
然后就是不断调整阴影变化了,这里公子先大致做了几种PPT排列组合,我们先来看一下:
右侧所得出的结果都是由左侧的基本形状排列组合而来。
当然如果你数学排列组合还不错的话,应该知道结果有很多,这里我只是简单地列举。
所以右侧根本不是重点,重点是在左侧的基本形态我们要怎么做出来,通过上周公子做的模板你们是否已经有了答案呢!
02.Neumorphism.io
在公子正式讲解之前呢,我们要先来了解一个神器。
设计开发者是Adam(ins:adamgiebl.io)利用这个神器,我们只需要填入颜色代码,就会得出它所对应的阴影部分。
各参数我们都可以根据需要来调整,比如是想让它凹陷还是凸起。
总之操作非常简单,小伙伴们试一下就知道了,有了这个神器,接下来的一切就变得几乎没有什么难点!
03.纯色填充的三个基本形态
3.1凸起
我们先来看一下第一组排列组合中的三个基本形状,首先它们都是背景色填充。
那第一种凸起效果其实就是两个不同角度的阴影叠加。
两个阴影颜色由Neumorphism.io得出,也就是公子刚刚介绍的那个神器。
左上偏亮,右下的阴影颜色较深,其实参数你们要根据实际情况来调整,明白这个原理就可以。
3.2凹陷
第二种就是相反的凹陷效果,会稍稍复杂一些,因为在PPT制作中是无法做到同时设置两个角度的阴影。
所以做凸起效果的时候我们才会利用两个形状来叠加。
但凹陷是需要设置内阴影,两个叠加也没用,因为叠加后根本看不到下方底层的那个形状。
那就需要我们换一种处理方式了,依然是设置两个不同角度的内阴影,颜色同上由Neumorphism.io得出。
接下来并不是叠加,而是复制其中任意一个,然后对另一个设置“图片或纹理填充”中的剪贴板填充。
这样你明白了吗,把其中设置好一侧内阴影的图形作为了“底板”,这样就做到了两个不同角度的内阴影同时存在。
3.3圆滑凸起
还有一种基本形态就是比较圆滑的凸起,和第一种稍稍有些差别。
因为设置的不是外阴影,却是内阴影,那你可能会困惑,内阴影不是凹陷效果吗。
换个角度试一下,你就会发现视觉差是挺有意思的一件事。
这回我选择左上是比较亮的内阴影,而右下的颜色较深。
然后我们再用复制—剪贴板填充的方法来看一下结果:
很神奇对不对,其实把这种圆滑凸起置于第一种凸起组合之上,效果会更加明显好看。
在与背景一致的纯色填充情况下,三种基本的新拟态效果就是这样了,如果把以上这些分别排列组合你就会得到:
或许你还有更好玩更有创意的方法,欢迎补充!
04.渐变填充的三个基本形态进阶版
4.1形状本身凹陷但凸起于表面
其实和纯色填充处理方式是一样的,只不过都加了渐变。
会有一种形状本身的凹陷,但又是凸起于背景表面的效果,好绕口。
这里需要注意的是渐变路径一定是左上较深,右下较浅的颜色,才会在视觉上做到形状本身的凹陷。
因为反之就会产生另一种效果了。
4.2形状本身凸起也凸起于表面
如果把渐变方向调换,左上较浅而右下则是较深的颜色,那在视觉上则会让这个形状变成凸起的感觉。
怎么样发现了没有,渐变还是挺有意思的,那这两种一个形状凸起一个形状凹陷就是这样靠渐变来实现。
但阴影部分一致,没有什么改变,直接叠加就好了!
4.3凹陷渐变
接下来就是凹陷于表面的渐变效果,没什么太复杂的地方。
就是在纯色凹陷的基础上,改成了渐变而已。
处理两个内阴影的叠加,依然是要复制其中一个,然后另一个选择“图片或纹理填充”的剪贴板填充。
4.4圆滑凸起渐变
最后一种就是比较圆滑的凸起渐变,因为阴影方向相对要固定,所以渐变也要根据阴影的方向来调整。
比如内阴影较亮的一侧就要选择深色渐变,否则是看不出效果的。
叠加方法,依然是复制一个,另一个选择剪贴板填充即可。
那根据这几种渐变形态的排列组合,你会得到多少种结果呢,至少公子在前面简单列举的那些如今是不是就可以轻易做到了呢!
以上就是公子针对新拟态如何在PPT设计中实现,大致给大家做出的几种基本情况。
是不是如我所说并不复杂,也就是阴影+渐变+排列组合。
在实际制作的时候,大家一定要根据具体情况来调整参数,没有太固定的规则只要你能实现并做的漂亮就是好的。
用在文字或矢量图标上是一样的道理,你们可以想想有没有什么好玩的设计不要都去做UI界面,看多了真的会晕。
比如这个蜘蛛我做完就觉得挺恐怖哈哈哈哈哈~
好了,以上就是本期的全部分享,希望对你有所帮助~