手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

唤境怎么制作转场效果

时间:2024-10-11 20:12:40

转场包括两种转场情景:图片之间的切换和场景之间的跳转。接下来将学习白场过渡、翻转、放大缩小、旋转切入、水平切入、旋转放大等效果,每个效果都会有这两种情景的制作~

工具/原料

唤境引擎

黑场/白场的过渡

1、白场黑场效果均是用一张白图或者黑图作为承接,通过将白色图片或者黑色图片渐隐渐显,实现转场。同剑钕饿粪场景的两张图舞台上放好两张位置重叠的图,

唤境怎么制作转场效果

2、准备白色图片,

唤境怎么制作转场效果

3、添加渐隐渐现能力,三个时间数值可以自由设置。注意设置不销毁,并且取消勾选初始状态

唤境怎么制作转场效果

4、然后把白色图放在舞台上,注意图片顺序,白图在最上面

唤境怎么制作转场效果

5、白图最开始不显示,右边属性取消勾选开始可见

唤境怎么制作转场效果

6、然后添加个按钮,制作点击按钮,开启白场效果

唤境怎么制作转场效果

7、添加事件,按钮被点击时,开启白场,也就是开始白图的渐隐渐现能力。

唤境怎么制作转场效果

8、因为白图开始不可见,所以先显示白图,使用设置显隐动作

唤境怎么制作转场效果
唤境怎么制作转场效果

9、然后开始白图的渐隐渐现

唤境怎么制作转场效果

10、因为渐现时间是1秒,所以在1秒后,凸鹣沮北把原来的图1隐藏,这样在白图渐隐后,新图2才会显示出来。系统的等待动作,时间设为1

唤境怎么制作转场效果

11、图1 的设置显隐,隐藏图1。

唤境怎么制作转场效果

12、然后在白图渐隐结束后,隐藏白图。因为渐隐时间也是1秒,所以在等待1秒,隐藏白图

唤境怎么制作转场效果

13、现在预览看效果就是白场啦。

唤境怎么制作转场效果

14、黑场同理,图片换成黑图即可。不同场景的白场切换与图片切换类似,只要在白场的渐现后,跳转到新场景,然后在新场景里继续白图的渐隐效果。先准备好素材,两个场景分别有白图。

唤境怎么制作转场效果
唤境怎么制作转场效果
唤境怎么制作转场效果

15、因为白图的渐隐渐现在两个场景里表现,所以最好给白图添加两个渐隐渐现能力,分别控制。

唤境怎么制作转场效果

16、选中能力,鼠标右键可以改名,

唤境怎么制作转场效果
唤境怎么制作转场效果

17、然后再黑白场景1里,设置点击按钮,白图渐现,并且在渐现结束(等待1秒)后,跳转场景

唤境怎么制作转场效果

18、因为有两个渐隐渐显能力,所以选择动作的时候,要注意对应。新场景里,在场景开始的时候要开启白图渐隐效果,同时在渐隐结束(等待1s)后,隐藏白图

唤境怎么制作转场效果

19、预览看一下

唤境怎么制作转场效果

20、按钮有点突兀,可以加个动作隐藏按钮

唤境怎么制作转场效果

21、注意隐藏按钮的动作应放在最上面。预览看效果

唤境怎么制作转场效果

22、如果不想要单独的白图、黑图过场,可以直接给图片添加渐隐渐现能力,实现淡入淡出效果,注意一定要设置好动作里的等待时间。

翻转效果

1、翻转,其实是改变图片的宽高。比如水平翻转,是图片的宽度从骒貉缭塄原尺寸较为0 ,再从0增加到原尺寸。同场景的两张图同样准备好两张图和按钮。

唤境怎么制作转场效果

2、制作图1翻转为图2的效果。也就是图1宽度减小,图2宽度增加,先把图2的宽度设为0.

唤境怎么制作转场效果

3、然后添加一个全局变量,命名缩放。这个变量用来判断当前是缩小还是放大。

唤境怎么制作转场效果

4、添加事件,按钮点击时,图片1宽度缩小,可以通过设置系统变量缩放为1,

唤境怎么制作转场效果
唤境怎么制作转场效果
唤境怎么制作转场效果
唤境怎么制作转场效果

5、然后再添加一条事件,变量为1时,

唤境怎么制作转场效果
唤境怎么制作转场效果
唤境怎么制作转场效果

6、设置图片1尺寸,宽度为自身宽度减去一个值,比如当前减去10.

唤境怎么制作转场效果
唤境怎么制作转场效果
唤境怎么制作转场效果

7、当图片1宽度小于0 时,设置缩放为2,让图2放大。

唤境怎么制作转场效果
唤境怎么制作转场效果
唤境怎么制作转场效果

8、因为比较尺寸的条件是个持续的条件,会一直执行,我们只要改变一次变量之就可以了,所以再加个系统的仅触发一次条件。

唤境怎么制作转场效果
唤境怎么制作转场效果

9、图1宽度小于0 ,以防图1显示,还需要隐藏掉图1

唤境怎么制作转场效果

10、同样,当变量为2时,设置图片1尺寸,宽度为自身宽度加上一个值,比如当前加10.

唤境怎么制作转场效果

11、当图片2宽度为原始大小时,设置缩放为0,结束所有的放大缩小效果

唤境怎么制作转场效果

12、同样记得加个系统的仅触发一次条件。

唤境怎么制作转场效果

13、整体事件

唤境怎么制作转场效果

14、现在的效果是点按钮,图1先宽度变小,然后图2宽度变大,也就是水平翻转预览看一下

唤境怎么制作转场效果

15、竖直翻转,修改图片的高度值即可。场景翻转切换准备两个场景,

唤境怎么制作转场效果

16、宽度减少至 小于0时,跳转场景即可

唤境怎么制作转场效果

17、新场景开始时,图片宽度增加。

唤境怎么制作转场效果

18、效果预览

唤境怎么制作转场效果

放大缩小效果

1、与翻转类似,不同的是,放大缩小是图片的宽高同时增减。比如缩小事件

唤境怎么制作转场效果
唤境怎么制作转场效果

旋转切入切出

1、图片的角度不断变化,即为旋转效果。角度不断增加,图片会顺时针旋转,角度减少,则图片逆时针旋转。同场景的两张图首先准备好两张图和按钮。

唤境怎么制作转场效果

2、首先做点击按钮图1旋转切入的效果。添加一个全局变量,用来控制图片的角度增加,进而控制旋转效果。

唤境怎么制作转场效果

3、因为希望图1绕着左下角旋转进来,所以先修改它的锚点。双击对象库里的图1,锚点放在左下角

唤境怎么制作转场效果
唤境怎么制作转场效果

4、然后添加事件,点击按钮,先把图片的角度设为270,这样他就显示在场景外,(也可以直接在舞台上修改图片的角度,这样就可以不添加这个设置角度的动作)

唤境怎么制作转场效果

5、然后再添加动作,系统的设置值动作,将变量设置值为1

唤境怎么制作转场效果
唤境怎么制作转场效果
唤境怎么制作转场效果

6、当变量为1的时候,让图1的角度不断增加,也就是顺时针旋转

唤境怎么制作转场效果

7、这里设置每次让角度增加10,增加的角度数值越小,旋转效果就越慢。

唤境怎么制作转场效果
唤境怎么制作转场效果

8、当图1角度为360时,也就是角度为0 ,设置变量值为0,停止旋转效果

唤境怎么制作转场效果
唤境怎么制作转场效果
唤境怎么制作转场效果
唤境怎么制作转场效果

9、注意要加个仅触发一次的限制

唤境怎么制作转场效果

10、旋转切入事件

唤境怎么制作转场效果

11、效果

唤境怎么制作转场效果

12、锚点的位置决定了图片绕着哪里旋转,角度的增减决定旋转的方向,角度增加为顺时针旋转,减少为逆时针。

旋转切出

1、点击按钮的时候,不需要修改图片角度,

唤境怎么制作转场效果

2、当变量为2时,设置角度不断增加。

唤境怎么制作转场效果

3、角度为90,也就是竖直向下时,将变量值改回0.

唤境怎么制作转场效果

4、如果想要跳转场景,可以再加个跳转场景的动作

唤境怎么制作转场效果

5、旋转切出事件

唤境怎么制作转场效果

6、效果

唤境怎么制作转场效果

水平切入切出

1、水平切入切出,其实是水平位置的改变,从场景里移动到场景外的某位置,或者从场景外移动到场景里的某位置同场景的两张图

唤境怎么制作转场效果

2、添加事件,按钮被点击时,图1移动到场景外的某位置,

唤境怎么制作转场效果
唤境怎么制作转场效果

3、这里,我们设置移动到自身位置+宽度的距离。

唤境怎么制作转场效果
唤境怎么制作转场效果

4、效果

5、如果想要切入,则先把精灵放在场景外,

唤境怎么制作转场效果

6、然后设置事件,点击按钮,图片移动到某位置。

唤境怎么制作转场效果
唤境怎么制作转场效果

7、效果

8、场景切出跳转

唤境怎么制作转场效果
唤境怎么制作转场效果

9、整体事件

唤境怎么制作转场效果

组合效果-旋转放大

1、同场景的两张图在放大的基础事件上,

唤境怎么制作转场效果

2、宽高增加的动作后面,增加设置角度增加的动作。

唤境怎么制作转场效果
唤境怎么制作转场效果
唤境怎么制作转场效果

3、效果

唤境怎么制作转场效果

4、注意这张图的锚点没有修改仍然在图片中间,所以他是绕着中间旋转哦还可以将放大缩小与旋思凳框酣转组合,事件在放大的基础上,增加缩小和旋转即可。效果如下

唤境怎么制作转场效果

5、大家可以尝试搭配更多组合效果哦~

© 手抄报圈