咔片PPT · AI自动生成演示文稿,模板丰富、排版精美 讯飞智文 · 一键生成PPT和Word,高效应对学习与办公

本期要点:科技风扫描动画

技巧概要:遮罩手法+动画合并

图文编辑:幻云PPT设计 大雄董军














最顶层:镂空蒙版

中间层:科技元素

最底层:Png图片

所以制作步骤就是

制作镂空蒙版+制作科技元素+添加动画

详细步骤如下



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


插入一个全屏矩形(可使用OK插件一键生成,也可手动添加)


拓展说明:OK插件一键插入全屏矩形功能位置


准备PNG图片,插入PPT中,摆放到合适的位置


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


选中PNG图片,点击口袋动画-设计-创意图形-矢量素描

注意:如果你的口袋动画是盒子版,需要先切换到专业版


点击生成矢量形状


生成后,将多余的小碎块删除只保留主体部分即可

选中全屏矩形,按住Ctrl再选中生成的矢量形状

点击形状格式-合并形状-剪除,这样镂空的蒙版就做好了


注:做好蒙版后,填充为需要的颜色,如白/黑色,设置为无线条



绘制科技感素材:渐变形状

首先插入一个矩形,设置为渐变填充,角度90度,渐变光圈设置为3个色块,颜色统一,色块的透明度依次为100%,30%,100%,中间色块位置为50%(中间位置)



绘制科技感素材:渐变线条

插入线条,宽1磅,透明度0%,颜色与渐变形状一致

复制线条,宽0.25磅,实线,颜色一致,透明度80%


同时选中两根线条(注意是水平方向对齐的),点击iSlide,补间,补间数量为5(不勾选添加动画),点击应用,此时生成多根线条



将两组素材进行组合

将矩形和线条宽度调为一致,适当摆放位置,全选后Ctrl+G组合,然后适当调整组合的高度



拓展说明:

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



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


依次添加三个动画:

进入中的淡化+路径中的直线+退出中的淡化


每个动画的参数如下



然后在动画窗格中双击直线路径动画

在弹出的效果选项中,将平滑开始和平滑结束均设置为0



调整科技感素材的位置,放在人物顶部

选中路径动画的终点,按住Shift

将终点拖动到人物下方,使得运动路径完全覆盖人物

注意:一定要将科技感素材的宽度调整到大于人物的宽度


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


选中科技感素材,点击口袋动画-动画合并,此时,三个动画会合并成一个



在动画窗格中,右键选中合并后的动画,选择计时,将重复改为:直到幻灯片末尾



此时动画设置就完成了,但是图层顺序还没调好


按照以下顺序将图层进行排序

最顶层:镂空蒙版

中间层:科技素材

最底层:人物图片





要点提示

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


图层构成及图层顺序如下

大家可自行尝试-欢迎评论区交流