它来了!你期待的PPT质感卡片的教程来啦~

进阶提高2年前 (2022)发布 自律的音律
1,369 0 1

它来了!你期待的PPT质感卡片的教程来啦~

见字如面,我是云朵。
咱们上周分享的卡片容器类灵感图,大家都看了吗:
 
 
文章发出来后,有一部分小伙伴反馈说:想要学习里面的卡片效果,不知道该怎么做?
 
作为一个宠粉的号主,今天就手把手教大家做几页吧。
 
先来看看整体效果:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
如果你刚好在电脑前,可以打开 PPT 边看边操作哦~
 
 
第一页
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第一步:先制作浅黄色的背景。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
绘制两个圆形,分别填充绿色和黄色。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
分别添加柔化边缘效果,并转为图片,弥散形状完成。
它来了!你期待的PPT质感卡片的教程来啦~
 
多复制几份,将它们铺在浅黄色的背景上:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第二步:绘制圆角矩形衬底。
圆角矩形填充颜色为浅绿,线条填充为白色:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
添加白色内阴影,具体参数如下:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
做出来的效果如下:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
这里的毛玻璃如果想用插件做,可以用 Okplus-工具组-毛玻璃功能搞定。
 
第三步:添加图标及其形状衬底。
 
绘制橙色圆角矩形,添加白色线条:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
添加阴影,具体效果如下:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
这个阴影与我们常见的不一样,阴影集中区域为蓝色圈中的部分,模糊值较大:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
接着在其上方放入图标:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第四步:加入文字,复制两个卡片,均匀排版在页面上,最后调整图标与内容、颜色即可。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
 
第二页
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第一步:先制作浅蓝色背景。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第二步:绘制圆角矩形衬底。
 
先画一个白色形状:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
添加橙色阴影,关键:透明度调高、模糊值加大、方向向下。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
由于阴影参数与形状大小有关,所以具体参数就不展示了,大家可以多试试看。
 
复制做好的形状,调整阴影参数:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第三步:添加形状 + 人物。
 
依次在圆角形状上添加圆顶角形状,并将填充改为渐变:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
在每一个形状上放置人物图像,并且添加黑色阴影:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
最后一步:添加文字。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
这页就轻松搞定啦~
 
 
第三页
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第一步:绘制渐变浅色背景。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第二步:绘制圆角矩形。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
颜色都为白色,渐变填充的具体参数如下:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
原位复制一个形状,旋转180°,进行叠压:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第三步:放置图标并为其添加阴影。
 
阴影特点:透明度高,模糊值高,方向为 0°。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
最后一步:再横向复制两个,添加文字并修改图标颜色。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
 
第四页
 
它来了!你期待的PPT质感卡片的教程来啦~
 
这页的难点在于形状里的内衬纹理如何绘制。
 
第一步:制作浅蓝色背景。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
绘制三个颜色不同的形状:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
将它们叠加在一起,旋转后放置在页面两侧。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第二步:绘制圆角矩形。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
用自由曲线绘制几个形状:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
分别与圆角矩形布尔运算-相交,并调整渐变颜色。
 
每一层形状的颜色,明度逐渐提高:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
复制一个,修改为紫色:
 
它来了!你期待的PPT质感卡片的教程来啦~
第三步:添加文字和图标。
 
它来了!你期待的PPT质感卡片的教程来啦~
搞定!是不是非常简单~
 
 
第五页
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第一步:先做一张紫色弥散背景,将氛围拉满。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第二步:制作树叶堆作为卡片装饰。
 
可以在 freeepik 上搜罗几张叶子素材:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
简单拼合成一簇~
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第三步:制作衬底。
 
绘制一个圆角矩形,并为其添加紫色线条:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第四步:将叶子与形状结合。
 
将刚刚做好的叶子组合在一起,然后转为图片,先选图片再选形状进行布尔运算:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
复制叶子,水平翻转、垂直翻转各操作一次,放置在形状右下角:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
接下来绘制紫色弥散形状并转为图片,调整形状左右控点将其拉长:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
用此图片与卡片布尔运算-相交:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
最后一步:添加细节。
 
复制两个卡片,横向分布,加上文字和图标,这页就完成了:
 
它来了!你期待的PPT质感卡片的教程来啦~
第六页
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第一步:添加浅黄色背景,以及橙色圆角矩形。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第二步:准备三双不同颜色的鞋。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
添加橙色阴影,模糊和距离都放大:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第三步:绘制浅橙色卡片。
 
分别绘制圆形和弥散形状,然后将弥散形状与圆角矩形布尔运算,最后合在一起:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
添加圆形和圆角矩形:
 
它来了!你期待的PPT质感卡片的教程来啦~
 
第四步:将鞋与形状合并。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
最后一步:白色圆角衬底添加鞋品信息,然后横向复制两个,替换其他色鞋并调整细节。
 
它来了!你期待的PPT质感卡片的教程来啦~
 
最后一页也轻松搞定!
 
这 6 页 PPT 源文件,如果想要拆解学习,在公众号 [自律的音律] 回复关键词【0829】,即可获取下载链接。
以上,就是今天分享的全部内容,希望大家喜欢~


如果想学习更多有意思的样式效果,或者想跟着一起做练习提高,也欢迎加入我们的付费社群
 
它来了!你期待的PPT质感卡片的教程来啦~

——
公众号:自律的音律
原文链接:它来了!你期待的PPT质感卡片的教程来啦~

© 版权声明

相关文章