APP的快速实现07-幻灯片与动画联动(原创文章)

5/7/2014来源:Photoshop教程人气:2812



在很久以前,我做过一个关于幻灯片与幻灯片联动的教程(http://www.zcool.com.cn/article/ZNDI0Njg=.html),今天我给大家讲一下,幻灯片与动画的联动。通过幻灯片与动画联动,可以增加很多页面的细节,同时增强互动性。


和往常一样,先看个视频DEMO:


下图是Celluloid的工作页面:



幻灯片与动画联动,和幻灯片与幻灯片联动的操作方式一样,只要勾选联动,让两者建立联动关系,这样,两者在操作时就形成关联关系。



注意“联动对象”这个选项




画面里的前后顺序关系



幻灯片状态关系及动画缩放


本来想在这上面说很多东西,但当制作完毕后,发现这个功能真心很简单,说太多感觉就啰嗦了,大家不妨自己试一试。


如果有问什么问题欢迎留言。


如果大家想要此文件的工程文件,请留下邮箱地址,我会及时发给大家。


使用工具:

Celluloid 制作交互动画

下载地址: http://www.mcitech.cn/download.html

ipS viewerAPP真机测试工具

下载地址:http://setup.mcitech.cn/

或者通过appstore下载



往期教程:

App的快速实现01-写在最前面的话,初学者从这开始

http://www.zcool.com.cn/article/ZNDM0NjQ=.html

App的快速实现02-三步实现产品360°展示

http://www.zcool.com.cn/article/ZNDM2MDA=.html

App的快速实现03-快速实现电话、短信、邮件的通信快捷方式
http://www.zcool.com.cn/article/ZNDM3NjA=.html

App的快速实现04-通过WWF案例谈APP的框架搭建

http://www.zcool.com.cn/article/ZNDQzMDQ=.html

快速实现APP里的图层时间错位延迟(屌丝钢铁侠)

http://www.zcool.com.cn/article/ZNDI0Njg=.html

APP的快速实现05-IPS基础操作之幻灯片篇

http://www.zcool.com.cn/article/ZNDQ0MjQ=.html

APP的快速实现06-IPS基础操作之按钮篇

http://www.zcool.com.cn/article/ZNDQ5MDA=.html