PDF《Table of Contents》

1.

简介 2. Epub360初体验 i. 创建交互内容 ii. 拖拽上传图片 iii. 调整对象尺寸 iv. 添加放大动画 v. 添加空白页 vi. 添加擦除效果 vii. 设置标题封面 viii. 通过浏览器查看 ix. 通过IPad查看测试 3. 使用图片组和视频 i. 使用SLIDE ii. 使用Image Sequence iii. 使用Video &

Link 4. 增强交互体验 (1) i. 使用重力感应 ii. 内容可滑动 iii. 全局背景音乐 iv. Page/Layer/MasterPage 5. 增强交互体验 (2) i. 控制背景音乐 ii. 使用Binding iii. 页面跳转控制 6. 导出APP 7. 回顾 8. 常用操作 Table of Contents Epub360.com是在线使用的交互内容设计平台,无需编程,可在线设计交互式电子杂志、品牌展示、产品指南、培训课件、 交互童书、微网页等互动内容,一次创作,可同时发布到iOS、安卓、桌面及微信. 本教程将分5课,围绕制作汽车主题的交互内容,介绍了Epub360常用功能.整个过程需要30分钟左右. 在开始学习本教程内容之前,需要完成以下准备: 注册Epub360帐号 使用合适的浏览器 安装Epub360 IPad APP 下载素材包 请首先确保自己有一个Epub360的用户帐号,可通过Epub360注册页面获取. 为了得到最佳的用户体验,建议使用如下任意一款浏览器: 谷歌Chrome浏览器 苹果Safari浏览器 360极速浏览器 猎豹安全浏览器 搜狗高速浏览器 IE10以上版本浏览器 如下浏览器无法有效地支持Epub360: 360安全浏览器 IE9/IE8/IE7/IE6 在阅读学习、进行作品创作的过程中,可以通过EPub360 APP适时查看其在IPad上的展示效果. 请在IPad访问网址http://app.epub360.com下载安装APP,或通过IPad扫描二维码安装. Epub360使用教程 Epub360帐号 合适的浏览器 安装Epub360 APP 提示: IPad并非必须,即使手头没有,一样也可以完成学习. 请下载教程内容相关素材,包括图片、视频、音频等,以备在学习过程中使用: Windows用户点击下载 Mac用户点击下载 素材包按课程内容组织,下载解压后其目录结构如下图: 在学习使用过程中,如有任何问题,欢迎通过以下方式联系我们: Epub360社区论坛:http://bbs.epub360.com/ 加入Epub360 QQ群:147962278 关注Epub360微信服务号: epub360 (扫描二维码关注) 现在已准备就绪,赶紧开始吧! 下载素材包 支持与帮助 在本节内容中,我们将讲解如下操作: 创建交互内容 拖拽上传图片 调整尺寸大小 添加放大动画 添加新页面 添加擦除效果 设置标题封面 播放交互内容 通过浏览器查看 通过IPad查看 最终完成两页内容的设计制作,并通过浏览器和IPad来查看. Epub360初体验 登录Epub360后,点击 创建内容 按钮,即进入编辑器: Epub360编辑器主要由:工具栏、页面管理、设计区域、属性面板四部分组成. 这里已经有一页空白页了,后续操作将首先基于此页进行. 那么,开始设计自己的交互内容吧... 创建交互内容 素材包 第一课 文件夹中有图片: 背景大图 首页标题 将这两张图片,分别拖拽至设计区域(如图所示): 提示: 视频、音频等其他资源文件,同样也可以通过拖拽方式上传设计区域. 设计区域中对象是有层叠次序的,这里 首页标题 图片需要位于 背景大图 上方. 提示: 如何调整层叠次序? 这里可以用鼠标拖放的方式,来移动调整两个图片的位置,并点击左上角的预览按钮(如下图示)来查看效果. 拖拽上传图片 怎么样,满意嘛? 下面我们看看如何调整尺寸 有没有感觉标题图片文字显得太大?可按图示方法调整其显示尺寸: 操作方法 描述 A 锚点调整 使用鼠标在锚点处,通过拖放调整尺寸 按住CTRL键+鼠标拖放,可等比例缩放调整 B 快速调整 可快速设置为原始尺寸的50%,或恢复原始尺寸 C 精确调整 输入宽度(L)、高度(H)精确调整尺寸 调整对象尺寸 我们再给 背景大图 添加一个缓缓放大的效果,以免感觉呆板. 设置方式请看视频: 操纵步骤如下: 1. 选中对象 2. 添加 放大缩小 动画 3. 设置动画: 持续时间:10秒 比例:1.5倍 添加放大动画 现在创作第二页的内容,首先添加一个空白页,操作如图所示: 在 页面组 与已有 页面 处,都可以通过鼠标右键菜单 新增空白页 . 两者的区别在于: 在页面组处添加,空白页会添加到 组 内第一个位置;