苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】

用户头像
锐演PPT机构
佛山/设计爱好者/2年前/267浏览
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】
用户头像
锐演PPT
大家好,我是小锐。
网传苹果春季发布会将在3月底或4月左右举行,今天想和大家聊聊苹果过往最爱用的新拟态设计~
最后还有
新拟态风格PPT模板
可领取哦!
1.什么是新拟态风格
简单来说就是一种介于扁平和投影之间的浮雕效果
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU2NDA=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
图片源自站酷 @Frannnk
收藏
上点图片让大家更好的理解该定义:
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU2NDQ=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU2NDg=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
苹果iOS1-6系统都沿用拟物风:
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU2NTI=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
苹果iOS13系统中轻拟物风的回归:
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU2NTY=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
这种轻拟物化的设计风格,被称之为“新拟态”
2.如何在PPT中实现
通过上图观察,我们可以发现新拟态风格就是由形状+阴影组成的
而阴影又分为高光(亮度高一点)和低光(亮度低一点)
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU2NjA=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
懂了这一点制作起来就非常简单了
  • 凸出效果
先画出两个大小一致,颜色与背景色一致的形状
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU2NjQ=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
然后调整高光和阴影部分
一个选择【阴影-预设-左上-白色】,阴影则为【阴影-预设-右下-深色】
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3MDA=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
最后修改调整阴影的 距离、模糊、透明度三个参数,美观即可
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3MDQ=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
  • 凹陷效果
操作跟前面类似,但是两个矩形的阴影方向要选择 内部-左上/右下
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3MDg=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
这里凹陷效果就不能简单地将两个形状重叠在一起了
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3MTI=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
想要解决这个问题非常的简单
只需选中其中一个形状Ctrl+X将其剪切
再选中另一个形状在【设置形状格式】-【填充】-【图片或纹理填充】-【剪切板】
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3MTY=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
便可以得到:
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3MjA=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
3.注意细节
  • 光源角度
新拟态的光源只有一个,而且与元素固定构成45°
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3MjQ=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
无论是凸出还是凹陷效果,都要遵循这一原则
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3Mjg=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
  • 背景颜色
前面有提到,新拟态风格的特征:元素与背景之间的对比度非常低
所以在制作时确保效果最佳,需要注意元素颜色和背景要保持高度一致
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3MzI=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
同时,也要避免使用纯黑白作背景
否则会影响到元素亮暗部的识别,还会减弱元素和背景的层次划分
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3MzY=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
  • 阴影颜色
方法1:
先将投影颜色与元素颜色设置一致,然后点击【其他颜色】
选择【自定义】向下拉动小三角,调试到合适的颜色即可
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3NDA=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
这样设置出的颜色比黑色柔和干净
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3NDQ=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
方法2:
进入新拟态的配色网站
https://neumorphism.io/
输入自己的背景色。
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3NDg=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
形状我们一般只实现两个效果
即
第一个
突起的效果和
第四个
凹陷的效果。
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3NTI=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
这个时候,下面就会自动生成CSS代码,box-shadow下面有两行代码
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3NTY=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
这个时候,我们就可以得到背景色在突起形状的两个阴影颜色:
高光 #e7e7e7 
低光 #ffffff
以上就是小锐今天想分享的新拟态风格在PPT的做法,你学会了吗?
苹果爱用的新拟态风格怎么在PPT中实现?【附素材下载】(图ZMTQ3MTU3NjA=) - 教程 - 站酷设计师锐演PPT原创素材 - 站酷ZCOOL
收藏
关注公众号并回复“新拟态”即可获得新拟态风格的PPT
模板使用阿里巴巴普惠体(字体已打包,先安装字体再打开PPT)
仅供学习交流使用~
大家快去领取吧!
1
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
中国传统纹样创新图案设计
学习,优惠券,平面,海报
金色颗粒质地的平面
古风平面仕女与瓷器
城阙凡花
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
中国传统纹样创新图案设计
牛奶乳液层次梯田平铺平面
平面插画设计女孩喝咖啡
平面男孩喝咖啡插画设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
空的平台平面和自然景观
“知识宅急送”外卖,快递,平面,海报,素材,教育
空的平台平面和自然景观
古风平面仕女与瓷器
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
你可能喜欢
相关收藏夹
大家都在看
登录注册