给跪了!超炫酷的科技扫描动画,PPT就能轻松完成


给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

本期要点:科技风扫描动画
技巧概要:遮罩手法 动画合并
图文编辑:幻云PPT设计 大雄董军


给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



最顶层:镂空蒙版
中间层:科技元素
最底层:Png图片
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

所以制作步骤就是
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

制作镂空蒙版 制作科技元素 添加动画
详细步骤如下


给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



制作思路:全屏矩形剪除PNG图片矢量图形


插入一个全屏矩形(可使用OK插件一键生成,也可手动添加)
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



拓展说明:OK插件一键插入全屏矩形功能位置
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



准备PNG图片,插入PPT中,摆放到合适的位置
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



我们需要剪除的是PNG图篇的人像部分,而不是整个矩形框,所以我们需要先做一个人像矢量形状,用来进行布尔运算剪除


选中PNG图片,点击口袋动画-设计-创意图形-矢量素描
注意:如果你的口袋动画是盒子版,需要先切换到专业版
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



点击生成矢量形状
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



生成后,将多余的小碎块删除只保留主体部分即可
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

选中全屏矩形 , 按住Ctrl再选中生成的矢量形状
点击形状格式-合并形状-剪除,这样镂空的蒙版就做好了


注:做好蒙版后 , 填充为需要的颜色 , 如白/黑色,设置为无线条
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



绘制科技感素材:渐变形状
首先插入一个矩形 , 设置为渐变填充,角度90度,渐变光圈设置为3个色块 , 颜色统一,色块的透明度依次为100%,30%,100%,中间色块位置为50%(中间位置)
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



绘制科技感素材:渐变线条
插入线条,宽1磅,透明度0%,颜色与渐变形状一致
复制线条,宽0.25磅,实线,颜色一致 , 透明度80%
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



同时选中两根线条(注意是水平方向对齐的),点击iSlide,补间 , 补间数量为5(不勾选添加动画),点击应用,此时生成多根线条
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



将两组素材进行组合
将矩形和线条宽度调为一致,适当摆放位置,全选后Ctrl G组合,然后适当调整组合的高度
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



拓展说明:
如果你想让这个元素模糊一些,整体透明度再高一些,可以将这个组合转为图片,在图片格式里 , 设置艺术效果-模糊,以及透明度


给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



选中第二步绘制的科技感素材,点击动画-添加动画


依次添加三个动画:
进入中的淡化 路径中的直线 退出中的淡化


每个动画的参数如下
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



然后在动画窗格中双击直线路径动画
在弹出的效果选项中,将平滑开始和平滑结束均设置为0
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



调整科技感素材的位置 , 放在人物顶部
选中路径动画的终点,按住Shift
将终点拖动到人物下方,使得运动路径完全覆盖人物
注意:一定要将科技感素材的宽度调整到大于人物的宽度
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



此时科技感素材的动画添加完成 , 为了让这组动画持续循环而不错乱,我们把这科技感素材的三个动画合并成一个 , 然后设置重复即可


选中科技感素材,点击口袋动画-动画合并,此时,三个动画会合并成一个
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



在动画窗格中,右键选中合并后的动画,选择计时,将重复改为:直到幻灯片末尾
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



此时动画设置就完成了 , 但是图层顺序还没调好
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



按照以下顺序将图层进行排序
最顶层:镂空蒙版
中间层:科技素材
最底层:人物图片


给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



给跪了!超炫酷的科技扫描动画,PPT就能轻松完成



要点提示
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

我们在本文教程的基础上,又加了一层蒙版,然后又加了一层科技素材,让新加的蒙版和科技素材持续放大/缩小自动翻转,同时让科技素材持续陀螺旋(平滑开始和平滑结束各一半)


图层构成及图层顺序如下
【给跪了!超炫酷的科技扫描动画,PPT就能轻松完成】大家可自行尝试-欢迎评论区交流
给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

给跪了!超炫酷的科技扫描动画,PPT就能轻松完成

相关经验推荐