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

戏子。发表于:2016年07月13日 19:33:12更新于:2019年04月22日 14:23:32

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


1.调整层叠次序。素材都是有上下叠放次序的,类似于PS里的图层关系,如果图片的叠放次序错了,比如下图中背景遮盖住其他图片素材了,我们可以点击资源管理按钮,再用鼠标指针拖住按钮向下拖,直到背景图片叠放在最底层;

0015786158a2a86485981b57e205bf5


2.调整后如下图;
001578616d4a208fc814c0985afaf19


3.添加动画。在上一页里,我们用了动效。现在试试添加动画。添加渐现效果:选中图片素材,点击动画选项,选择渐现动画效果,点击“+”号添加动画;

00157861a4379a4b93d1a84ad9fc868


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


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


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


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


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


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


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


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

00157864bce2545d9f36efdee3097d8


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


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


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


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


16.预览动画。点击左上角的预览按钮,选择预览当前页;

001578655e7dea5b1d5e17afcd9e59c


回复(4)