就像这样

|绪论

新拟态风格在不知不觉中已经进入UI(界面设计)领域,以其简约轻盈的风格受到很多设计师和受众的喜爱,那些专业的设计师都是用PS等专业的平面设计软件来做,作为一名PPT爱好者,我用PPT!


剖析

据我目前浏览的新拟态制作教程来看,都没有能单纯用PPT完整地做出上图中“凸起”、“凹陷”两种效果的。做出“凸起”效果的不少,但就是没有做出“凹陷”效果的。

新拟态风格的制作就是给图形添加明、暗两个阴影,但在PPT中,一个图形只能添加一个阴影,这就是难点。


(1)对于“凸起”效果,是给图形添加外阴影,那么我们可以给两个一模一样的图形分别添加明、暗两种外阴影,然后再把它们叠加,这样看起来就是一个图形上有明、暗两种阴影了。


实操

在新拟态风格中,用浅色效果最好,于是我们设置背景颜色为浅蓝色(如果你想获取和我图中一样的颜色,可以把我的图移到PPT中,用吸管工具吸取)。


画出一个圆角矩形,设置比背景浅一点的蓝色,无边框。然后按住Ctrl+shift,按住鼠标左键向右拖动圆角矩形,这样就得到两个一样的图形了。


然后分别给他们添加明、暗两种外阴影,具体参数如图:


然后将两个图形叠加,就可以得到“凸起”效果的新拟态风格:


(2)对于“凹陷”效果,如果采用上面那种方法,也就是给两个相同的图形分别添加明、暗两种内阴影,但是在叠加的时候会发现,处于后面那个图形的内阴影会被前面那个图形遮住,这样只能看到前面那个图形的阴影,所以“凸起”效果的 制作方法用来做“凹陷”效果行不通。


我们只能另辟蹊径。我们知道外阴影在叠加之后是能够看见的,那么我们可以用其他图形的外阴影来当我们做的图形的内阴影,至于怎么做,文字难以说清,我们接下来看实际操作。


实操

画出一个圆角矩形,设置比背景浅一点的蓝色,无边框。然后按住Ctrl+shift,按住鼠标左键向右拖动圆角矩形,这样就得到两个一样的图形,重复操作,总共得到三个图形。


再画出一次大一点的矩形(圆、圆角矩形均可),填充一样的颜色,依旧无边框。(可以用格式刷)



用其中一个圆角矩形截取大矩形的一角,具体操作:选中两个图形>>>格式>>>合并形状>>>剪除。



给剪除后的图形右下角添加蓝色暗阴影,给其中一个圆角矩形右下角添加白色内阴影,具体参数如图:


将添加了阴影的两个图形拼接(键盘↑↓←→键可以微调、Ctrl+鼠标滚轮可以调整画布大小):


全选拼接后的图形>>>Ctrl+G组合>>>Ctrl+X剪切>>>右键粘贴为图片:


将剩下的那个圆角矩形盖在“凹陷”的圆角矩形上,先选中图片,再选中圆角矩形>>>格式>>>合并形状>>>相交。



总结

我们可以用同样的方法做出很多类似的图形:


最后增加图标,就可以做出按钮的效果:


还有其他的按钮我们也可以做出来:


喜欢点个【再看】再走吧!

请继续关注我哟!

更多操作,可以关注公众号:小宋学长