Adobe-flash-catalyst-cs5中文简易教程.ppt

Adobe Flash Catalyst CS5 1. Catalyst 是一个专业的交互设计工具； 2.可将 psd文件和 ai文件直接导入使用； 3.无需写代码，但实现的交互相对简单； 4.生成的 fxp工程文件可导入 Flex中使用。 工作步骤 1.简介； 2.打开工具，创建工程； 3.导入所需资源，布局； 4.创建交互； 5.发布； 附录：添加 Sound和 Video 简介 Adobe Flash Catalyst 是一个专业的交互设计工具， 可以让你在不写任何代码的情况下迅速把你的设计转化成 带交互的原型。 可以直接把用 Photoshop或者 Illustrator完成的作品导 入 Catalyst,然后转换成按钮、滚动条等交互组件，再添加 交互转场动画，最终产生一个能交互的 SWF。但是在使用 Photoshop等工具的时候，要考虑到你的目标不是生成一 个静态的界面图片，而是要能在 Catalyst里方便地转化。 另外由于不用写代码， Catalyst能产生的交互相对比较 简单，如果我们想添加更复杂的交互或者一些无法实现的 逻辑，就需要把你的未完成作品保存为 fxp文件，然后程 序员再用 Flash Builder导入 fxp，再添加代码，继续开发。 2.打开工具，设置工程大小 双击图标打开程序 点击此处可以 看到官网相应 视频 点击此处可打 开之前已建好 的工程 点击此处可导入 ai文件 点击此处可导入 psd文 件 点击此处可创建 Catalyst新工程 新工程页面 3.导入所需资源，布局 页面 /状态栏 页面创作窗口 时间线和 DESIGN-TIME DATA 工具栏 图层、资源库、 组件窗口 交互设置窗口 属性窗口 悬浮窗口 单击此处 可复制上 一页 单击此处 可创建空 白页 此处显示所有页面之间的对应关系，并通过此处选 择页于页之间的对应关系来设置页面间切换效果 a. Button b. 方法一 方法二 设置 Button状态的页面 a b c 组合后在” DESIGN-TIME DATA”的显示 为组合前在” DESIGN-TIME DATA”的显示 4.创建交互 点击你要交互的组件然后在交互窗口设置，下面以 Button为例 1.单击 Button组 件 2.在交互窗口点击” Add Interaction“添加交互 3.单击” Add Interaction“弹出 窗口 单击” On Click“弹出下 拉框，在下拉框中选择你 触发交互的形式 单击” Play Transition to State“弹出下拉框，在下拉框中 选择你触发交互的的种类 可实现页面间的过渡 可实现单独页中不同状态和组件的过渡和特效 可设置连接 URL 可控制播放 Video 可控制暂停 Video 可控制停止 Video 单击” When in Any State“弹出 下拉框，在下拉框中选择你要从 那个页或状态出去 单击” CHOOSE STATE“弹出下 拉框，在下拉框中选择你要进入 那个页或状态 通过此 按钮添 加不同 的效果 通过此 按钮删 除不同 的效果 通过此 按钮自 动添加 效果 此滑动 条控制 时间线 通过此按钮效果预览 单击 弹出 通过上面的效果和效果组合实现你所 需效果的组件要完成的效果 单击此层设置属性 效果层 属性窗口 在此设置属性 5.发布 选择导出路径 发布成适合网络的类型 发布成适合本地的类型 发不成适合桌面的 AIR 单击发布 附录：添加 Sound和 Video （支持格式： mp3、 flv、 f4v） Video 添加 Video后系统会帮你创建视频播放器 Sound Sound 单击后弹出下 一页的对话框 弹出的 窗口 选择已有的音频 文件后从外部引 入 单击” OK“可以看到通 过组件触发的音频播 放 通过属性窗口设置属性