商务网设计与制作278教学课件汇总全书电子教案.ppt

知识目标 1. 了解Flash CS6基础知识和主要内容； 2. 掌握Flash动画设计理念与制作方法； 3. 掌握将动画嵌入到相关网页的方法。 能力目标 1. 提高Flash动画设计的能力； 2. 提高Flash动画的制作能力； 3. 提高将动画嵌入到相关网页的能力。 项目四 商务网页动画设计与制作 * 项目分析 张明已经完成对朗声科贸商务网页的策划，编写生成了“朗声科贸商务网页设计与制作网页指导文案.doc”文档，同时设计完成了首页及子页的首页效果以及部分网页内容的内容设计。现在，技术部经理要他制作朗声科贸网站页面的Flash动画并嵌入到相关网页中，以完成朗声科贸商务网页设计与制作的全部内容。 项目四 商务网页动画设计与制作 * 项目分析 1.设计朗声科贸商务网站页面Flash动画需要什么工具及技术？ Photoshop Flash 2.设计制作Flash动画应注意些什么？ 统一性 整体性 和谐性 项目四 商务网页动画设计与制作 * 任务分解 任务一 任务二 动画设计与制作 动画嵌入 子任务1：创意设计Flash动画 子任务2：制作Flash动画 子任务1：嵌入动画并预览 子任务2：生成完整站点文件夹 项目四 商务网页动画设计与制作 * Flash cs6基础知识 一、Flash CS6简介 Flash是一种二维矢量动画软件。通常包括用于设计和编辑的Flash文档，以及Flash Player，用于播放Flash文档。Flash凭着其文件小、动画清晰和运行流畅等特点，在各种领域中都得到了广泛的应用 。 Flash的前身是Future Splash，它是为了完善Macromedia的拳头产品Director而开发的一款用于网络发布的插件，它的出现改变了Director在网络上运行缓慢的尴尬局面。1996年原开发公司被Macromedia公司收购，其核心产品也被正式更名为Flash，并相继推出了Flash 1.0、Flash 2.0、Flash 3.0、Flash 4.0、Flash 5.0、Flash MX、Flash MX 2004、Flash 8。 项目四 商务网页动画设计与制作 * Flash以其强大的功能，易于上手的特性，得到了广大用户的认可，甚至于疯狂的热爱，很多人已投入到Flash动画的制作中。作为一款动画制作软件，Flash与其他动画制作软件有很多相似的地方，但也有很多特点，正是这些特点成就了Flash在网络动画领域的王者地位 。 1．文件占用空间小，传输速度快 2．强大的交互功能 3．矢量绘图，可无极放大 4．动画的输出格式 5．界面友好，易于上手 6．可扩展性 二、Flash CS6工具栏 项目四 商务网页动画设计与制作 * 选择工具（V） 任意变形工具（Q） 3D 旋转工具（W） 钢笔工具（P） 线条工具（N） 铅笔工具（Y） Deco 工具（U） 滴管工具（I） 手形工具（H） 笔触颜色 对象绘制 部分选取工具（A） 套索工具（L） 文本工具（T） 矩形工具（R） 刷子工具（B） 骨骼工具（K） 颜料桶工具（K） 橡皮擦工具（E） 缩放工具（M、Z） 填充色 贴紧至对象 三、Flash的工作界 （1）舞台 （2）编辑栏 （3）工具箱 （4）“属性”面板 （5）“浮动”面板 （6）“颜色”面板 （7）“样本”面板 （8）“对齐”面板 项目四 商务网页动画设计与制作 * （9）“信息”面板 （10）“变形”面板 （11）“代码片断”面板 （12）“组件”面板 （13）“动画预设”面板 （14）时间轴面板 （15）动作面板 （16）动画编辑器面板 四、帧操作 1.创建帧、关键帧和空白关键帧 （1）创建普通帧 ①执行菜单中的“插入| 时间轴| 帧”命令，或按快捷键〈F5〉，即可插入一个普通帧。 ②在时间轴面板需要插入普通帧的地方单击鼠标右键，从弹出的快捷菜单中选择“插入帧”命令，同样可以插入一个普通帧。 （2）创建关键帧 ①执行菜单中的“插入| 时间轴| 帧”命令，或按快捷键〈F6〉，即可插入一个关键帧。 ②执行菜单中的“插入|时间轴|关键帧”命令，或按快捷键F6，即可插入一个关键帧 （3）创建空白关键帧 项目四 商务网页动画设计与制作 * 2. 选择帧 选择帧是对帧进行各种操作的前提，选择相应帧的同时也就选择了该帧在舞台中的对象。在Flash 动画制作过程中，可以选择同一图层中的单帧或多帧，也可以选择不同图层的单帧或多帧，选中的帧会以蓝色背景进行显示。选择帧有以下5 种方法。 （1）选择同一图层的单帧 （2）选择同一图