4. 调整素材层次/添加动画

戏子。发表于:2016年07月13日 19:33:12更新于:2018年01月09日 15:50:34

上一小节已经介绍了如何上传图片素材和调整素材的位置关系,这里就不多介绍了,我们先把第二页的图片素材上传插入并摆放好位置。

调整层叠次序

我们的素材都是有前后的空间叠放次序,类似于PS里的图层关系,如果我们图片的叠次序错了,比如下图中背景遮盖住其他图片素材了,我们可以点击资源管理按钮,再点击拖拽按钮向下拖拽,直到背景图片叠放在最底层;

0015786158a2a86485981b57e205bf5

调整后如下图;
001578616d4a208fc814c0985afaf19

添加动画


在上一页里,我们用了动效。现在试试添加动画。

添加渐现效果:选中图片素材,点击动画选项,选择渐现动画效果,点击“+”号添加动画;
00157861a4379a4b93d1a84ad9fc868

设置面板的左侧出现动画选项,设置动画属性的持续时间为 2 秒,点击确认按钮;
00157861a7952b2ce3a40edc7a2f915

添加直线运动动画:选中图片素材,点击动画选项,选择渐现动画效果,点击“+”号添加动画;001578621b0d4ba149fd9016f0049e3

双击图片素材,点击屏幕合适的位置(根据辅助框的位置判定是否合适),位置确定后可通过点击键盘左上角的“Esc“键结束画线,如果位置不合适可点击直线上的锚点拖拽调整,设置动画属性的持续时间为 1.5 秒,动画效果为Power4.easeOut,点击确认按钮;
0015786213b0a0a0f18a3b65df6bae1

左侧的直线运动设置方法同上,设置动画持续时间为1.5秒,出现方式为和上一个一起开始,动画效果为Power4.easeOut,点击确认按钮;0015786267a67f36ad2a49e16d6217c

同样的我们再添加飞入动画,选中图片素材,点击动画选项,选择飞入动画效果,点击“+”号添加动画;00157863dd69befed27333efc3b75db

设置动画持续时间为3,动画效果为Elastic.easeOut,飞入方向为底部,路径长度为100像素,点击确认按钮;00157863fda3b117ad81393694b5ef1

同样的我们再添加渐现动画,选中图片素材,点击动画选项,选择渐现动画效果,点击“+”号添加动画;00157864968a86c770e3f09a93c6b64

设置动画重复次数为播放到下一次点击,点击确认按钮;
00157864bce2545d9f36efdee3097d8

同样的我们再添加渐现动画,选中图片素材,点击动画选项,选择放大出现动画效果,点击“+”号添加动画;00157864d7370e64fcd3a8ab65f3236

设置动画动画效果为Back.easeOut,勾选等待触发器触发,点击确认按钮;00157864eccac6a060c17849b3f18d1

.选中图片素材,选择触发器选项,点击“+”号添触发动作;0015786535fbc097f557752a21022c8

勾选刚设置触发放大动画,点击确认按钮;
001578654b506f9933e5f6fac6575e2

预览动画

点击左上角的预览按钮,选择预览当前页;

001578655e7dea5b1d5e17afcd9e59c

回复(4)