2016最火网易娱乐圈画传H5制作方法

2025-11-22 04:36:52

1、我们先在图层1添加第一张图

2016最火网易娱乐圈画传H5制作方法

2、在图层2添加第二张图,将第二张图放大,使其放置第一张图的画面大小符合舞台(即与图层1第一张图大小画面重合)

2016最火网易娱乐圈画传H5制作方法

3、如下图为两个图层第50帧位置上插入帧,在图层1上第二帧插入一个空白帧使其只出现在第一帧上,为图层2插入关键帧动画,在最后一帧关键帧上调整第二张图片的大小使其符合舞台

2016最火网易娱乐圈画传H5制作方法

4、如图我们新建图层3,在最后一帧插入空白帧,添加进第三张图片,调整图片大小使其放置第二张图的位置大小符合舞台(即与图层2最后一帧图片大小画面重合)

2016最火网易娱乐圈画传H5制作方法

5、同理我们在三个图层第100帧位置上插入帧,为图层2、3插入关键帧动画,分别在其最后一帧关键帧上缩小图片,使第三张图的大小符合舞台

2016最火网易娱乐圈画传H5制作方法

6、同理新建图层4添加第四张图片,制作动画效果,此处不详述。

2016最火网易娱乐圈画传H5制作方法

1、如图,新建图层,添加一个按钮元素

2016最火网易娱乐圈画传H5制作方法

2、新建“行为层”添加一个矩形,设置矩形“出现即暂停”行为,同时在该图层第二帧添加一个空白帧,使该行为只使用在第一帧

2016最火网易娱乐圈画传H5制作方法

3、为按钮素材添加两个行为:动画播放控制→播放→触发条件:手指按下;动画播放控制→暂停→触发条件:手指抬起。

2016最火网易娱乐圈画传H5制作方法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢