木疙瘩教程:如何制作科幻风格的H5动画

 时间:2026-02-13 17:44:34

1、如图,我们可以选择曲线工具、节点工具在舞台上画一个折线,同时可以调节折线的颜色等属性

木疙瘩教程:如何制作科幻风格的H5动画

2、然后在时间轴上右键→插入帧→右键→插入进度动画即可制作出一个自动绘制折线的炫酷动画

木疙瘩教程:如何制作科幻风格的H5动画

3、我们新建5个图层,分别在每个图层上绘制一条直线

木疙瘩教程:如何制作科幻风格的H5动画

4、为第一条直线的某个时间段插入进度动画:右键→插入进度动画→(在特定帧数上)右键→插入关键帧

木疙瘩教程:如何制作科幻风格的H5动画

5、同理分别为其他几条线插入进度动画,制作出直线一条条绘制出来的炫酷效果

木疙瘩教程:如何制作科幻风格的H5动画

6、也可新建图层,在合适的位置添加相关图片素材等

木疙瘩教程:如何制作科幻风格的H5动画

1、同理,我们也可以用进度动画制作相关的绘制效果。如下图,我们使用曲线工具、节点工具在舞台上绘制一个产品的图形。

木疙瘩教程:如何制作科幻风格的H5动画

2、为其添加进度动画

木疙瘩教程:如何制作科幻风格的H5动画

1、我们先用曲线工具绘制一个酒瓶形状,同时新建图层2,将酒瓶复制粘贴进图层2

木疙瘩教程:如何制作科幻风格的H5动画

2、我们先用曲线工具绘制一个酒瓶形状,同时新建图层2,将酒瓶复制粘贴进图层2

木疙瘩教程:如何制作科幻风格的H5动画

3、在图层2下面新建图层3,添加一个矩形,在其属性栏的填充颜色内选择“线性”,制作白色光亮效果

木疙瘩教程:如何制作科幻风格的H5动画

4、为所有图层添加帧,为图层3的光亮物体制作一个从上往下移动的动画效果

木疙瘩教程:如何制作科幻风格的H5动画

5、选中图层2,将其转换为“遮罩层”

木疙瘩教程:如何制作科幻风格的H5动画

6、我们可先将图层1的物体移至最后一帧以防其阻挡走光效果。最后可点击预览效果。

木疙瘩教程:如何制作科幻风格的H5动画

  • 木疙瘩教程:如何制作小图标动画?
  • 木疙瘩教程:如何制作GIF动画?
  • 木疙瘩教程:如何制作长按手指控制动画播放的H5
  • 木疙瘩教程:如何制作关键帧动画?
  • 木疙瘩教程:如何制作拖动长图类的H5动画?
  • 热门搜索
    什么花在夏天开 养殖业什么前景最好 tpu是什么 鳄梨是什么 运动会广播稿格式 缓存是什么 运动套装 r36是什么车 流连忘返的意思是什么 高瞻远瞩是什么意思