项目一 Flash CS5 工具使用技巧 授课人:叶爱英
项目----目标: 会用多种类“工具”绘制由简单到复杂的图形 会使用“Deco 工具”制作各种对称图形效果 能利用“3D 旋转工具”和“骨骼工具”进行 3D 动画制作 能熟练应用“钢笔工具”制作任意形状图形
Flash CS5 的技术特点 1、XFL 格式:是一种XML结构。从本质上讲,它是一个集所有信息为一体的压缩包。使软件之间的穿插协助更加容易。 2、文本布局(Flash 专业版):Flash Player 10 已经增强了文本处理能力,这样为CS5在文字布局方面提供了机会。 3、代码片段库(Flash 专业版):Flash CS5代码库现在可以方 便地通过导入和导出功能管理代码。 4、与 Flash Builder 完美集成:Flash CS5可以轻松和Flash Builder进行完美集成。 5、与 Flash Catalyst 完美集成:Flash Catalyst 是一种新的交互式设计工具,无需编写代码。自然,Flash CS5也能轻松实现与Flash Catalyst的完美集成。 6. Flash Player 10.1 无处不在:Flash Player已经应用于多种设备,众多电子产品都可以安装Flash Player。
Flash CS5 的应用范围 1、广告: 电视节目、网页通常会镶嵌一些 Flash 广告,进行宣传,这些 Flash 广告总是能让人在第一时间就注意到它们的存在。 2、二维动画和 Flash MV: 常见的有公益宣传片、用Flash制作的个人MV等。 3、电子贺卡: 使用 Flash 制作的贺卡互动性强,表现形式多样,文件小,可以更好地传达人与人之间的感情。如图 4、教学课件: 使用 Flash 制作的课件可以很好地表达教学内容,增强学生的学习兴趣。
6. Flash 游戏: 7、 Flash 网页: 8、 手机应用: 5、多媒体光盘: 现在的教学类多媒体光盘,越来越多地使用 Flash 制作,不仅教学效果好,而且开发简单省时。 6. Flash 游戏: Flash 是一款优秀的多媒体编辑工具,可以实现动画、声音的交互,可以制作出短小精悍的Flash 小游戏。 7、 Flash 网页: Flash 具有良好的动画表现力与强大的后台技术,并支持 HTML 与网页脚本语言的使用,使Flash 在制作网站上具有很强的优势。 8、 手机应用: 利用 Flash 可以制作出很多应用于手机的动画作品。 9、应用程序开发: 目前Flash CS5 的ActionScript 3.0已经发展成相当成熟的程序设计语言,它可以完成各种复杂的网络应用程序和各种交互游戏的开发,同时也支持XML动态载入和多种服务技术。
Flash CS5 的发展趋势 发展至今, Flash 已经涉及到了众多领域。如:广告领域(电视广告和网络广告等);网站领域(电子商务网站的建设等);音乐领域(制作音乐 MTV 等);手机领域(手机彩信、游戏等)。
启动软件: 正式开始之前,要在计算机中安装 Flash CS5 。 具体的启动步骤如下: 1、 “开始”→“所有程序”→ “Adobe Flash Professional CS5”,即可启动该软件,起始页面如图 1-2-1 所示,也可双击桌面上的快捷图标启动。 2 、起始页面的界面分五块区域,分别是“打开最近的项目”、“新建”、“从模板创建”、“扩展”、“学习”,用户可以根据实际情况选择操作,打开已有文件进行修改,或者新建空白文档进行动画设计,或者从 Flash 自带的模板中创建动画。
新建文档: 新建 Flash 文档的方法很多,最常见的有以下两种: 1、在起始页面中,单击“新建”区域中“ActionScript 3.0”选项,如图 1-2-1 所示,可直接新建文档。 2、执行菜单栏的“文件”→“新建”( “Ctrl + N”组合键),选择“ActionScript 3.0”,如图 1-2-2 所示,然后单击“确定”按钮。
操作界面: 如图1-2-5所示,Flash CS5的操作界面主要由菜单栏、主工具栏、工具箱、时间轴、场景和舞台以及浮动面板组成。
1、标题栏:标题栏的左端依次显示软件与文档的名称。 2、主工具栏:如图1-2-6所示,为方便使用,Flash CS5将一些常用命令以按钮的形式组织在一起,置于操作界面的上方。 3、工具箱:位于窗口左侧,通过执行菜单栏上的“窗口”→“工具”命令进行显示或隐藏操作。图标具体说明见表1-2-1。
4.、时间轴: 功能的不同,时间轴窗口分为左右两部分。左侧为层控制区如图1-2-8所示,右侧为时间线控制区如图1-2-9所示。 5、场景和舞台: 查看特定场景,选择“视图”→“转到”命令,再从其子菜单中选择场景的名称。
6、“属性”面板: 易于查看和更改属性,从而简化文档的创建过程。当选定单个对象时,“属性”面板可以显示相应的信息和设置。如图1-2-11所示,当选定了两个或多个不同类型的对象时,“属性”面板会显示选定对象的总数。 面板包含:“对齐”,“分布”,“匹配大小”,“间隔” , “与舞台对齐”,五大板块。
7、 浮动面板: 使用面板可以查看、 组合和更改资源, 但屏幕的大小有限, 为了尽量使工作区 最大,Flash CS5提 供了许多种自定义 工作区的方式。如 可以通过“窗口”菜单 显示、隐藏面板, 还可以通过鼠标拖拽 来调整面板的大小以 及重新组合面板, 如图1-2-12所示。
案例一:制作动画人物 1、打开宝宝跑步的素材,把里面的素材导入到库中(文件→导入→导入到库),如图1-1-1: 2、在库中(右键),建立新的元件1,双击元件1进入元件。如图1-1-2: 图1-1-1 图1-1-2
图1-1-4 3、在第一帧插入第一张图片, 再依次插入4次空白关键帧, 依次拖入图片,如图1-1-3: 4、把库中的元件1拖入到 场景1图层1的第一帧,然后 在场景一图层1的第20帧处 插入空白关键帧,把元件1 拖入到第20帧中,并按ctrl+t 缩小至百分之50,如图1-1-4: 图1-1-3 图1-1-4
5、把鼠标移到图层1上,右键,建立动画补间(传统补间),如图1-1-5: 6、这是基本跑步方法,还有很多跑步方式,可以自己尝试。
案例二:制作炫极光 1、打开炫极光的素材,把里面的素材导入到库中(文件→导入→导入到库),如图1-2-1: 图1-2-1
2、在场景一下面,设置文档属性,如图1-2-2: 3、发布文件,如图1-2-3: 图1-2-2 图1-2-3
图 1-2-4: 图 1-2-5: 4、保存文件,“文件”—>“保存”,并按Ctrl+Enter键,如图 1-2-4: 5、最终效果图,1-2-5: 图 1-2-4: 图 1-2-5:
THE END 谢谢观看