关注后获取最新教程
做课小助手

实例教程:拨开迷雾 by 做课小助手

您是第1170位浏览者/目前有0条评论   2018.08.08

返回列表 +发布教程

                      今天要带给大家的是两个页面之间的转场效果,如何使两个页面更好的衔接呢,大家先看下我们下面的展示案例:

                      gif


第一步:打开炫课专业版,在场景中单击鼠标左键,选择图片或纹理填充--选择图片(我们可以在提供的素材中选择背景图片,或

者插入自己本地准备好的背景图片)

1e13ca2c91b94b64af2545f5b103f5a3

3fa63a8697ec4c5e9893897084a37252



第二步:点击插入图片-普通图片,将已经准备好的素材放置到相应位置,然后再将准备好的迷雾的图片插入场景中,覆盖8张将整

个场景都盖住,最后插入一个形状,直接覆盖在整个场景的上方,形状颜色为白色。

图片2

图片2-1

图片2-2



第三步:点击开始--空白,插入一个新场景,然后按上面两个步骤插入场景背景和需要的元素,最后第二个场景中同样插入云雾和

白色形状覆盖在上方。

图片3

图片3-1



第四步:点击选择窗格,点击元素后面的小眼睛,先将白色遮罩和迷雾影藏掉,然后点击交互动画--动画,给相应的元素添加进入

动画。

图片4

图片4-1



第五步:点击选择窗格,选中影藏的迷雾元素,然后点交互动画--动画,为迷雾和遮罩的形状做进入动画,然后选中所有新添加的

动画后,点触发--鼠标单击--island1,(意思是点击island1这个元素的时候,执行这些动画)

图片5-0

图片5

图片5-1图片5-2



第六步:在第一个场景我们最后最的是迷雾的进入动画,那么在第二个场景为了转场的承接,我们要做的就是迷雾的退出动画,同

样点击选择窗格,通过元素名称选中影藏的迷雾元素,然后点击交互动画-动画--为迷雾和白色遮罩做退出动画。

图片6

图片6-1



第七步:再点点击这两个场景的右侧选择窗格,再次点击小眼睛,将之前影藏的元素再显示出来,然后就可以预览效果了哦!

图片7


共 0 个回复
还未有人评论!

发表评论: 有价值的评论,不仅可以提高自己,也可以造福大家(评论需审核)

发表评论

Member service

showMod:0
回到顶部
机构Code:xuanyes