第章Flash动画制作基础ppt课件.ppt

FlashCS5 教学课件 Flash动画概述图像的基础知识FlashCS5的工作环境FlashCS5的基本操作方法Flash专业快捷键应用 本章要点 FlashCS5动画制作案例教程 第1章Flash动画制作基础 1 1Flash动画概述 1 1 1动画的概念与制作流程动画是利用人的 视觉暂留 特性 连续播放一系列画面 给视觉造成连续变化的图画 如图所示 它的基本原理与电影 电视一样 都是视觉原理 其中 视觉暂留 特性是人的眼睛看到一幅画或一个物体后 在1 24秒内不会消失 利用这一原理 在一幅画还没有消失前播放出下一幅画 就会给人造成一种流畅的视觉变化效果 1 1Flash动画概述 制作流程1 前期策划与筹备阶段前期策划包括 选题报告 形象素材筹备 故事脚本 文学剧本 角色与环境设定 画面分镜头初稿 生产进度日程安排图表 2 中期创作与制作阶段主要包括原画 动画 背景绘制 扫描 修线填色 合成及编辑等 原画与动画以及背景主要依靠铅笔和纸绘出草稿再扫描数字化 现在开始使用无纸动画这一制作方式 即使用鼠标 压感笔和数位板 3 后期加工阶段最终将二维动画软件的作品输出为视频文件再对这些视频文件进行一些合成以及剪辑工作就成为了动画片 1 1Flash动画概述 1 1 2Flash动画及特点 动画短小Flash动画受网络资源的制约一般比较短小 但绘制的画面是矢量格式 无论把它放大多少倍都不会失真 交互性强Flash动画具有交互性优势 可以通过单击 选择等动作决定动画的运行过程和结果 是传统动画所无法比拟的 具有广泛传播性Flash动画由于文件小 传输速度快 播放采用流式技术的特点 所以在网上供人欣赏和下载 具有较好的广泛传播性 轻便与灵巧Flash动画有崭新的视觉效果 成为一种新时代的艺术表现形式 比传统的动画更加轻便与灵巧 人力少 成本低Flash动画制作的成本非常低 使用Flash制作的动画能够大大地减少人力 物力资源的消耗 同时 在制作时间上也会大大减少 1 1Flash动画概述 1 1 3Flash动画的应用领域 网络广告 注 本广告动画来自新浪网 1 1Flash动画概述 1 1 3Flash动画的应用领域 网站建设 注 本图片来自中国网页设计联盟网浏览网站 1 1Flash动画概述 1 1 3Flash动画的应用领域 网站片头 注 本广告动画来自安踏运动鞋网站片头 1 1Flash动画概述 1 1 3Flash动画的应用领域 网站短片 1 1Flash动画概述 1 1 3Flash动画的应用领域 原理演示 1 1Flash动画概述 1 1 3Flash动画的应用领域 原理演示 1 2图像的基础知识 1 2 1像素和分辨率像素是构成图像的最小单位 它的形态是一个小方点 很多个像素组合在一起就构成了一幅图像 组合成图像的每一个像素只显示一种颜色 由于图像能记录下每一个像素的数据信息 因而可以精确的记录色调丰富的图像 逼真地表现自然界的景观 1 2图像的基础知识 分辨率是图像处理中一个非常重要的概念 它是指位图图像在每英寸上所包含的像素数量 单位使用每英寸的像素数PPI Pixels Inch 来表示 图像分辨率的高低直接影响图像的质量 分辨率越高 文件也就越大 图像也会越清晰 300PPI 所示 处理速度也会变慢 反之 分辨率越低 图像就越模糊 72PPI 所示 文件也会越小 分辨率高的图像分辨率低的图像 1 2图像的基础知识 1 2 2位图与矢量图位图又称为点阵图 是由许多点组成 这些点为像素 pixel 当许多不同颜色的点 即像素 组合在一起后 便构成了一幅完整的图像 位图可以记录每一个点的数据信息 因而可以精确地制作出色彩和色调变化丰富的图像 可以逼真地表现自然界的景象 达到照片般的品质 但是 它由于所包含的图像像素数目是一定的 若将图像放大到一定程度后 图像就会失真 边缘会出现锯齿 如图1 4所示 位图的原效果与放大后的效果 1 2图像的基础知识 矢量图形也称为向量式图形 它用数学的矢量方式来记录图像内容 以线条和色块为主 这类对象的线条非常光滑 流畅 可以进行无限的放大 缩小或旋转等操作 并且不会失真 如图所示 矢量图不宜制作色调丰富或者色彩变化太多的图形 而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象 矢量图的原效果与放大后的效果 1 3FlashCS5的工作环境 从模板创建 新建 学习 打开最近的项目 官方资源的快速访问 开始页 1 3FlashCS5的工作环境 面板组 舞台 工具栏 时间轴 菜单栏 文件选项卡 工作区 工作窗口 1 3FlashCS5的工作环境 时间轴 工具箱 1 3FlashCS5的工作环境 面板演示 属性 面板 库 面板 库 面板 1 3FlashCS5的工作环境 面板演示 信息 面板 变形 面板 变形 面板 1 3FlashCS5的工作环境 网格 标尺和辅助线 执行 视图 网格 显示网格 命令 可以显示网格线 如图所示 1 3FlashCS5的工作环境 网格 标尺和辅助线 执行 视图 网格 编辑网格 命令 打开 网格 对话框 如图所示 1 3FlashCS5的工作环境 网格 标尺和辅助线 选择 视图 标尺 命令 可以显示或隐藏标尺 如图所示 1 3FlashCS5的工作环境 网格 标尺和辅助线 标尺状态的辅助线 如图所示 1 3FlashCS5的基本操作方法 1 4 1Flash动画的制作流程 1 准备素材根据动画的内容需要准备一些动画素材 包括音频素材 声效 音效 图像素材 视频素材等 一般情况下 需要对这些素材进行采集 编辑与整理 以满足动画制作的需求 2 新建Flash影片文档Flash影片文档有两种创建方法 一种是新建空白影片文档 另一种是从模板创建影片文档 在FlashCS5中 新建空白影片文档有两种类型 一种是 Flash文件 ActionScript3 0 另一种是 Flash文件 ActionScript2 0 这两种类型的影片文档不同之处在于前一个的动作脚本语言是ActionScript3 0 后一个的脚本语言是ActionScript2 0 1 3FlashCS5的基本操作方法 1 4 1Flash动画的制作流程 3 设置文档属性在正式动画制作之前 要先设置好尺寸 舞台的尺寸 背景颜色 舞台背景色 帧频 每秒钟播放的帧数 等文档属性 这些操作要在 文档属性 对话框中进行 4 制作动画这是完成动画效果制作的最主要的步骤 一般情况下 需要先创建动画角色 可以用绘图工具绘制 也可以导入外部的素材 然后在时间轴上组织和编辑动画效果 1 3FlashCS5的基本操作方法 1 4 1Flash动画的制作流程 5 测试和保存动画动画制作完成后 可以执行 控制 测试影片 命令 快捷键 对影片效果进行测试 如果满意可以执行 文件 保存 命令 或按 保存影片 为了安全 在动画制作过程中要经常保存文件 按可以快速保存文件 6 导出和发布影片如果对制作的动画效果比较满意了 组后可以导出或者发布影片 执行 文件 导出 导出影片 命令 可以导出影片 执行 文件 发布 命令可以发布影片 通过发布影片可以得到更多类型的目标文件 1 3FlashCS5的基本操作方法 1 4 1Flash动画的制作流程 制作第一个Flash影片 1 5Flash专业快捷键应用 1 3 1快捷键指法应用1 指法介绍平面设计的中Flash软件的快捷键相当丰富 在这里举几个例子来说明快捷键的使用方法与技巧 快捷键的功能是选择全部 操作含义 按下键不松手 然后按一下键 最后松开所有按键 操作要点 按下第一个组合键时不可松手 确保在按下它的前提下 去按第二个组合键 同样在按二个组合键时第一个组合键不可松开 操作指法 以左手操作键盘 右手操作鼠标为例 如图所示 快捷键的指法操作技巧 1 5Flash专业快捷键应用 1 5 2常用快捷键 表1 1Flash常用工具快捷键一览表 1 5Flash专业快捷键应用 1 5 2常用快捷键 表1 2Flash常用快捷键一