如何制作透明背景图片_如何在H5中使用画中画?(长按即可产生场景交替的效果)...

969383811bdee34c941e1e348dc19a55.png

画中画这个神仙功能已经对所有易企秀账号都开放使用了。画中画功能可以让你的场景看起来更加炫酷。什么是画中画功能?请看下面这张图的效果:

f82d8af871701d9361d8a4d31a244fae.gif

场景添加画中画功能后,将场景中的一个画面,以缩小或放大的形式,呈现在另一个画面中,通过【长按】达到连续播放的效果。如何使用画中画呢?下面为大家讲解,阅读原文可查看画中画H5作品效果。

一、添加画中画

首先,在编辑页面,点击【组件】,找到【画中画】组件,添加该组件

167924278218167c2813e511be345f50.png

添加画中画之后,该页码左边显示【画中画】字样,点击【页面管理】旁边的【画中画】,可进入到画中画设置。

a199b06588eded0038d6c3447d46275c.png

二、编辑画中画

点击每一幕的【背景】,可添加画中画背景图片,背景旁边图标可以【删除】或【复制】这一幕。

724e20158216608fc2e8d70b166aaa52.png

点击【背景】后,点击【添加图片】,可设置画中画播放的背景图片

ef068e7605fef1c886e63611251d9674.png

点击【新增一幕】可以增加一个新的画面

560d2ebd40b919842a2f801d3f6cd3bc.png

点击【长按】按钮,可以在样式中【自定义】设置按钮图片

bcf1c917a0967636e2a3c7c25b42171a.png

三、设置画中画效果

在【画中画】右侧,可以设置画中画播放效果,如果不需要回放功能,可以【关闭】

84ddcbd298b2f36adea88bc0e9e1dfa5.png

关闭回放后,可以设置【缩小】或【放大】效果

d6c47f2702bfeb77ef212e59a2bf7878.png

四、生成画中画

在第1幕编辑完成后,进入到第2幕,该页面中默认生成一张第1幕的缩略图,缩略图需保留在页面上,可以调整大小,移动位置。

注意:生成的前一幕的缩略图,大小、位置一定要与后一幕页面中的内容融合在一起。

7c213a5a3d92b7811be10e2eb68f3744.png

将所有页面编辑制作完成后,点击页面最右下角【生成画中画】

6c361ebcd8700dbe88c4430005eedf6f.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值