Flash CS6案例教程教学资源 全书课件电子教案汇总.ppt
《Flash CS6案例教程教学资源 全书课件电子教案汇总.ppt》由会员分享,可在线阅读,更多相关《Flash CS6案例教程教学资源 全书课件电子教案汇总.ppt(419页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、高职高专院校“十二五”精品示范系列教材 Flash CS6案例教程 学 习 目 标了解Flash动画的应用领域了解Flash动画的制作方法熟悉Flash工作界面掌握文档的新建、调试、保存和发布的方法掌握Flash工作面板的设置方法 重 点 难 点Flash中的基本概念Flash基本动画的实现设置Flash工作面板舞台的设置Flash文档的基本操作1.1.1 动画的形成动画是利用人的“视觉停留”特性,把人、物的表情、动作、变化等分段画成许多画面然后连续播放一系列画面,给视觉造成连续变化的图画。 1.1 FLASH概述其中,“视觉暂留”特性是人的眼睛看到一幅画或一个物体后,在1/24秒内不会消失。
2、利用这一原理,在一幅画还没有消失前播放出下一幅画,就会给人造成一种流畅的视觉变化效果。Flash 特点:动画短小 Flash动画受网络资源的制约一般比较短小,但绘制的画面是矢量格式,无论把它放大多少倍都不会失真。交互性强 Flash动画具有交互性优势,可以通过单击、选择等动作决定动画的运行过程和结果,是传统动画所无法比拟的。具有广泛传播性 Flash动画由于文件小、传输速度快、播放采用流式技术的特点,所以在网上供人欣赏和下载,具有较好的广泛传播性。轻便与灵巧 Flash动画有崭新的视觉效果,成为一种新时代的艺术表现形式。比传统的动画更加轻便与灵巧。人力少,成本低 Flash动画制作的成本非常低
3、,使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时,在制作时间上也会大大减少。 1.1 FLASH概述1.1.2 什么是flashFlash是一款多媒体二位动画制作软件,也是一种交互式动画制作工具,利用它可以将文字、图片、音乐、影片剪辑融汇在一起,制作出精美的动画。由于其强大的动画创作能力,使其逐渐成为交互式矢量动画的标准。Flash制作的动画具有短小精悍的特点,可以实现多种动画特效,是由一帧帧的静态图片在短时间内连续播放而造成的视觉效果,表现为动态过程。 1.1 FLASH概述1. 网站动画2. 广告3. 贺卡4. MTV5. 游戏6. 教学课件 1.2 FLASH的应用领域
4、1.3.1 矢量图和位图 1. 矢量图 矢量图是用包含颜色和位置属性的直线或曲线公式来描述图像的。它与分辨率无关。它的最大优点就是所占空间极少,无论放大多少倍,都不会产生失真现象。对矢量图的编辑,就是在修改描述图形形状的属性。矢量图不宜制作色调丰富或者色彩变化太多的图形,而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。 1.3 FLASH的基本概念1.3.1 矢量图和位图 2. 位图 位图通过像素点来记录图像。位图的大小和质量取决于图像中的像素点的多少,存储容量也大。存储位图像实际上是存储图像的各个像素的位置和颜色数据等信息。优点在于表现力强、细腻、层次多、细节多。对位图放大时,实际
5、是对像素的放大,因此放大到一定程度时出现马赛克现象。 1.3 FLASH的基本概念1.3.2 场景、舞台、帧 1.场景和舞台 一个影片可以拥有任意多个场景。场景具有先后顺序排列的特点。各个场景彼此相互独立,各不干扰,每个场景都有独立的图层和帧。 舞台相当于舞台剧中的舞台。动画最终只显示场景中白色区域中的内容及舞台中的内容。就如同演出一样,无论在后台做多少准备工作,最后呈现给观众的只能是舞台上的表演。 1.3 FLASH的基本概念1.3.2 场景、舞台、帧 2.帧 在动画中随时间产生动画效果的单元是帧,是进行Flash动画制作的最基本的单位。 Flash中主要有四种帧:关键帧、空白关键帧、普通帧
6、、过渡帧。 1.3 FLASH的基本概念 1.4 FLASH的工作界面1.新建文档2.工作环境设置 “新建文档”对话框 文档属性设置 新建元件 设计场景 测试影片 动画的保存 发布影片 1.5 FLASH的制作步骤1.6.1 创建文档1.6.2 保存文档1.6.3 打开和关闭文档1.6.4 测试文件 1.6 Flash CS6文档的基本操作文档的基本操作1.7.1 设置文档属性 要更改文档的尺寸、播放速度、背景色等,在舞台空白处单击,这时属性面板会显示为“文档属性”面板。单击属性,则可以根据需要进行设置。 1.7 工作环境设置工作环境设置1.7.2 标尺、网格和辅助线1.标尺:显示或隐藏标尺的
7、方法是:菜单“视图”“标尺”。在打开标尺的情况下,用户在工作区移动,那么元素的尺寸位置就会反映到标尺上。 2.网格主要在进行舞台元素布局时使用。显示或隐藏网格的方法是:“视图”“网格”“显示网格”。 3. 辅助线用于舞台元素的定位。从标尺开始处按下鼠标左键拖动,会拖出一条直线,即辅助线不同元素在进行布局时可以以这条线作为对齐标准。选择菜单“视图”“辅助线”。 1.7 Flash CS6工作环境设置工作环境设置在特定情况下,需要在进行动画编辑制作前对一些相关的参数进行设置,从而定制FlashCS6.0的工作环境。选择菜单“编辑”“首选参数”命令后,会打开“首选参数”对话框 1.8 首选参数 用户
8、可以自己定义快捷键,从而更加符合个人习惯。自定义快捷键的步骤是:菜单“编辑”“快捷键”,会打开“快捷键”对话框。 1.9 自定义快捷键Flash常用工具快捷键一览表常用工具快捷键一览表快捷键快捷键功能与作用功能与作用快捷键快捷键功能与作用功能与作用V选取工具选取工具A部分选取工具部分选取工具N线条工具线条工具L套索工具套索工具P钢笔工具钢笔工具T文本工具文本工具O椭圆工具椭圆工具R矩形工具矩形工具Y铅笔工具铅笔工具B画笔工具画笔工具Q任意变形工具任意变形工具F填充变形工具填充变形工具S墨水瓶工具墨水瓶工具K颜料桶工具颜料桶工具I滴管工具滴管工具E橡皮擦工具橡皮擦工具H手形工具手形工具Z 缩放工
9、具缩放工具Flash专业快捷键应用专业快捷键应用Flash常用快捷键一览表常用快捷键一览表快捷键快捷键功能与作用功能与作用快捷键快捷键功能与作用功能与作用Ctrl+N新建图形文件新建图形文件Ctrl+W关闭当前图像关闭当前图像Ctrl+O打开已有的图像打开已有的图像Ctrl+A全部选择全部选择Ctrl+S保存当前图像保存当前图像Ctrl+R导入文件导入文件Ctrl+ C拷贝选取的图像或路径拷贝选取的图像或路径Ctrl+放大视图放大视图Ctrl+V将剪贴板的内容粘到当将剪贴板的内容粘到当前图形中前图形中Ctrl+-缩小视图缩小视图ctrl+ Z撤消上一步撤消上一步Ctrl+B打散组件打散组件ct
10、rl+ K对齐对齐ctrl+G结合群组结合群组ctrl+ Shift +Alt+ S导出影片导出影片F12预览预览ctrl+ Shift + F12发布设置发布设置ctrl+ F12发布预览发布预览ctrl+1显示显示100%F8 转换为元件转换为元件ctrl+2显示显示100%Ctrl+F8 新建元件新建元件ctrl+3显示全部显示全部F5 插入帧插入帧ctrl+Alt+T 显示时间轴显示时间轴Shift +F5 删除帧删除帧ctrl+ Alt + Shift +0 显示标尺显示标尺F6 插入关键帧插入关键帧ctrl+ Alt + Shift +G 显示网格线显示网格线F7 插入空白关键帧插
11、入空白关键帧ctrl+ Alt +G 靠齐靠齐Shift +F6 清除关键帧清除关键帧ctrl+ Enter测试影片测试影片F9打开动作面板打开动作面板ctrl+ Alt +Enter测试场景测试场景Shift+F2显示显示隐藏场景工具栏隐藏场景工具栏习题1一、填空题1Flash 是一个_工具,可以完成从简单动画到复杂的交互式 Web 应用程序。2动画是利用人的“_”特性,把人、物的表情、动作、变化等分段画成许多画面然后连续播放一系列画面,给视觉造成连续变化的图画。3“ 时间轴”面板用于组织和控制文档内容在一定时间内播放的_和_。习题1二、简答题1简述动画的实现原理。2简述矢量图和位图的区别以
12、及优缺点。3简述 Flash 动画中帧的种类。习题1三、创建一个创建一个Flash动画动画要求:要求:1.新建新建Flash文档文档2.舞台大小舞台大小780550,背景色为浅绿色。,背景色为浅绿色。3.制作一个名为制作一个名为“方方”的长方形蓝色元件。的长方形蓝色元件。4.将元件创建在舞台上,并完成将元件创建在舞台上,并完成30帧动画,使之帧动画,使之由蓝色变为红色并实现放大的动画。由蓝色变为红色并实现放大的动画。5.保存文档。保存文档。6.测设该动画。测设该动画。 学 习 目 标了解Flash动画的应用领域了解Flash工具栏中工具按钮的使用方法掌握Flash的绘图模式熟练使用工具按钮绘制
13、需要的图形的方法掌握对其面板、颜色面板的使用方法 重 点 难 点面向对象编程基础知识各种工具的使用Flash的绘图模式颜色的设置【案例目的】要求使用线条等相关工具绘制草丛。【知识要点】绘制线条、线条变曲线、图形分割。【案例效果】效果如图 2-1-1 所示。 2.1 案例:草丛绘制线条与对象选择图 2-1-1 草丛效果演示案例:草丛演示案例:草丛2.1.1 Flash的绘图模式的绘图模式 1. 合并绘制模式 当“对象绘制”按钮处于未选中状态时,表示当前的绘图模式为合并绘制模式。此时,在同一图层中的各图形会相互影响。 2.1 案例:草丛绘制线条与对象选择2.1.2 线条工具 线条工具是绘制各种直线
14、最常用的工具,它的使用非常广泛。首先尝试绘制一条直线。用鼠标单击“线条工具” ,移动鼠标到舞台上,按住鼠标并拖动,松开鼠标,一条直线就画好了。 2.1 案例:草丛绘制线条与对象选择2.1.3 铅笔工具铅笔工具“铅笔工具” 主要用于绘制线条和图形,“铅笔工具”的颜色、粗细、样式定义和“线条工具”一样, 它的修正选项可以绘制不同风格的曲线,也可以用于校正和识别基本的几何图形。“铅笔工具”的绘图模式有三种,单击“铅笔模式”按钮,如图示。伸直模式:在伸直模式下画的线条,它可以将分离的直线自动连接,线条变直、歪曲的直线变平滑。平滑模式:把线条转换成接近形状的平滑曲线,此外一条端点靠近其它线条的线将被相互
15、连接。 墨水模式:不加修饰,完全保持鼠标轨迹的形状。 2.1 案例:草丛绘制线条与对象选择2.1.4 选择工具选择工具1.选择对象选择对象2.移动对象移动对象3.复制对象复制对象4.曲线调整曲线调整5.改变端点位置改变端点位置 2.1 案例:草丛绘制线条与对象选择2.2 案例:一颗红心不规则图形的绘制与选择【案例目的】绘制一颗红心。【知识要点】钢笔工具绘制曲线、辅助线的使用。【案例效果】效果如图 2 2-1所示。图图2-2-1 红心效果图红心效果图演示案例:一颗红心演示案例:一颗红心2.2.1 钢笔工具 用于绘制精确的路径,如直线或平滑、流动的曲线。可以创建直线或曲线段,然后调整直线段的角度和
16、长度及曲线段的斜率,画出相应的曲线。 2.2 案例:一颗红心不规则图形的绘制与选择1.画直线或多边形移动对象画直线或多边形移动对象2.画曲线画曲线3.将曲线点转换为角点将曲线点转换为角点4.添加锚点添加锚点5.删除锚点删除锚点2.2.2 部分选取工具 用于绘制精确的路径,如直线或平滑、流动的曲线。可以创建直线或曲线段,然后调整直线段的角度和长度及曲线段的斜率,画出相应的曲线。2.2 案例:一颗红心不规则图形的绘制与选择1.调整形状调整形状2.移动对象移动对象3.调整节点曲率调整节点曲率4.删除节点删除节点2.2.3套索工具 套索工具可以精确选择对象的任意部分。选择“套索工具”工具后,鼠标移动到
17、舞台后直接拖动鼠标即可在填充图形上选取任意形状的区域。 选择“套索工具”,在工具箱下方会出现如图所示的选项栏。2.2 案例:一颗红心不规则图形的绘制与选择 【案例目的】绘制一个气球。【知识要点】椭圆工具、渐变色填充。【案例效果】效果如图所示。2.3案例:气球规则封闭图形与颜色的编辑演示案例:气球演示案例:气球2.3.1矩形工具矩形工具 “矩形工具矩形工具” ” 可以绘制矩形、圆角矩形、正方形这些基本图形。可以绘制矩形、圆角矩形、正方形这些基本图形。 “ “圆角矩形圆角矩形”的角度可以这样设定:选择的角度可以这样设定:选择“矩形工具矩形工具”后,单击后,单击“属性属性”面板中的面板中的“矩形选项
18、矩形选项”,可以设置圆角半径为,可以设置圆角半径为1010像素(可以输入像素(可以输入0-9990-999之间的数之间的数值),如左图所示,绘制的矩形如右图所示。使矩形的边角呈圆弧状。值),如左图所示,绘制的矩形如右图所示。使矩形的边角呈圆弧状。如果数值为零,则创建的是方角如果数值为零,则创建的是方角。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 Flash CS6Flash CS6的矩形工具包括的矩形工具包括“矩形工具矩形工具”、“椭圆工具椭圆工具”、“基本矩形工具基本矩形工具”、“基本椭圆工具基本椭圆工具”、“多角星形工具多角星形工具
19、”。用于绘制矩形、椭圆、圆角。用于绘制矩形、椭圆、圆角矩形、圆环、扇形、规则多边形的图形。矩形、圆环、扇形、规则多边形的图形。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 1.矩形工具矩形工具 可以绘制矩形、圆角矩形、正方形这些基本图形。可以绘制矩形、圆角矩形、正方形这些基本图形。 “ “圆角矩形圆角矩形”的角度可以的角度可以这样设定:选择这样设定:选择“矩形工具矩形工具”后,单击后,单击“属性属性”面板中的面板中的“矩形选项矩形选项”,可以设置圆角半径为可以设置圆角半径为1010像素(可以输入像素(可以输入0-9990-999之间的数值
20、),如左图所之间的数值),如左图所示,绘制的矩形如右图所示。使矩形的边角呈圆弧状。如果数值为零,示,绘制的矩形如右图所示。使矩形的边角呈圆弧状。如果数值为零,则创建的是方角则创建的是方角。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 2.椭圆工具椭圆工具 单击单击“矩形工具矩形工具”按钮后,选择按钮后,选择“椭圆工具椭圆工具”。在舞台上鼠标左键拖动可绘。在舞台上鼠标左键拖动可绘制椭圆。拖动时配合制椭圆。拖动时配合ShiftShift键可绘制正圆。选择键可绘制正圆。选择“椭圆工具椭圆工具”后,可以后,可以通过属性窗口改变开始角度、结束角度、
21、内径、闭合等选项,绘制出扇通过属性窗口改变开始角度、结束角度、内径、闭合等选项,绘制出扇形、弧形、内环等图形。形、弧形、内环等图形。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 3.基本矩形工具基本矩形工具 单击单击“基本矩形工具基本矩形工具”按钮,绘制出一个矩形后矩形的按钮,绘制出一个矩形后矩形的4 4个顶点上有个顶点上有4 4个黑个黑点,使用点,使用“选择工具选择工具”来拖动黑点可以改变矩形的形状。如图来拖动黑点可以改变矩形的形状。如图2-2-312-2-31所所示。用基本矩形绘制的图形是一个整体,即是一个对象,不能单独选择示。用基本
22、矩形绘制的图形是一个整体,即是一个对象,不能单独选择线条和填充。线条和填充。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 4.基本椭圆工具基本椭圆工具 选择选择“基本椭圆工具基本椭圆工具”绘制椭圆后,会发现椭圆右端和圆心有两个黑点,绘制椭圆后,会发现椭圆右端和圆心有两个黑点,如左图所示。使用如左图所示。使用“选择工具选择工具”来拖动黑点可以改变椭圆的形状,如来拖动黑点可以改变椭圆的形状,如图右图所示。图右图所示。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 5.多角星形工具多角星形工
23、具选择选择“多角星形工具多角星形工具”,可以绘制对称多边形,还可以单击属性窗口中的,可以绘制对称多边形,还可以单击属性窗口中的“选项选项”按按钮,打开工具设置对话框,如左图所示。利用该对话框,可以绘制任意多边钮,打开工具设置对话框,如左图所示。利用该对话框,可以绘制任意多边形,并改变多边形凹凸效果,如右图所示。形,并改变多边形凹凸效果,如右图所示。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.2渐变色的填充与调整渐变色的填充与调整 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.3 渐变工具与调整渐变工具与调整单击工具箱中单击
24、工具箱中“渐变工具渐变工具”,在,在“径向渐变填充径向渐变填充”的椭圆上单击,的椭圆上单击,拖动调节框的中心点,当鼠标指针变为十字箭头时,按下拖动调节框的中心点,当鼠标指针变为十字箭头时,按下鼠标左键并拖动,可改变渐变色的填充位置。拖动右侧的鼠标左键并拖动,可改变渐变色的填充位置。拖动右侧的方形手柄,可调整填充色的间距。拖动方形手柄下方的操方形手柄,可调整填充色的间距。拖动方形手柄下方的操作手柄,可以调整颜色渐变的范围,使其彦中心位置扩大作手柄,可以调整颜色渐变的范围,使其彦中心位置扩大或缩小。拖动位于最下面的旋转手柄可调整渐变色彩的填或缩小。拖动位于最下面的旋转手柄可调整渐变色彩的填充方向。
25、充方向。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.4 样式面板样式面板选择选择“窗口窗口”“样式样式”,可以打开样式面板,用于设置笔触和,可以打开样式面板,用于设置笔触和填充颜色。填充颜色。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑【案例目的案例目的】绘制荷塘景色。绘制荷塘景色。【知识要点知识要点】渐变色填充、任意变形工具、颜料桶工具。渐变色填充、任意变形工具、颜料桶工具。【案例效果案例效果】效果如图所示。效果如图所示。2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充演示案例:荷塘月色演示案例:荷塘月色
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash CS6案例教程教学资源 全书课件电子教案汇总 CS6 案例 教程 教学 资源 全书 课件 电子 教案 汇总
限制150内