Flash动画设计第2讲—绘制图形.ppt

本讲主要内容：本讲主要内容：上节回顾上节回顾任务一：绘制工具用法任务一：绘制工具用法1.1.线条工具线条工具2.2.选择工具改变线条形状选择工具改变线条形状3.3.矩形工具组、椭圆工具组、多角星形工具矩形工具组、椭圆工具组、多角星形工具任务二：上机实训：上机实训：草原夜色草原夜色上节回顾：上节回顾：Flash简介简介优秀作品欣赏优秀作品欣赏第第1章章 初次接触初次接触Flash CS6 实战练习：制作实战练习：制作“心动心动”，“拍皮球拍皮球”动动画。画。传统动画有完整的制作流程，要求绘制者有一定的美术基础，并懂传统动画有完整的制作流程，要求绘制者有一定的美术基础，并懂得动画运动规律，但因为工序复杂，制作人员多，导致成本投入非得动画运动规律，但因为工序复杂，制作人员多，导致成本投入非常大。常大。传统动画原理是一切动画的基础，传统动画原理是一切动画的基础，FlashFlash二维动画也遵循这个原理，二维动画也遵循这个原理，同时对手工传统动画进行了改进，也就是将事先手工制作的原动画同时对手工传统动画进行了改进，也就是将事先手工制作的原动画输入计算机，由计算机辅助完成描线上色的工作，并由计算机控制输入计算机，由计算机辅助完成描线上色的工作，并由计算机控制完成记录工作，制作过程变得非常简单。完成记录工作，制作过程变得非常简单。FlashFlash作为一款优秀的矢量动画制作软件，要想快速掌握它的使用作为一款优秀的矢量动画制作软件，要想快速掌握它的使用方法和技巧，先来了解一下学习方法和技巧，先来了解一下学习FlashFlash的的“三步曲三步曲”。步骤步骤1 1：要理解：要理解FlashFlash最基本的概念：帧、层、时间轴、元件和实例最基本的概念：帧、层、时间轴、元件和实例等，深入理解这些概念的功能是掌握等，深入理解这些概念的功能是掌握FlashFlash的关键。的关键。步骤步骤2 2：动手做一些使用属性面板来调整对象的属性的练习。：动手做一些使用属性面板来调整对象的属性的练习。步骤步骤3 3：结合自己的创意，开始学习制作实例、一步步进行练习了。：结合自己的创意，开始学习制作实例、一步步进行练习了。二维动画制作制作流程图故事故事剧本剧本分镜头分镜头台本台本配音配音原画原画设计设计动作动作设计设计镜头镜头设计设计画音画音合成合成片头片头片尾片尾影片影片输出输出造型造型色彩色彩前前 期期中中 期期后后 期期学习目标学习目标知识目标：知识目标：1. 1. 了解了解Flash CS6Flash CS6软件界面及其功能软件界面及其功能2. 2. 熟悉熟悉Flash CS6Flash CS6菜单栏的功能菜单栏的功能（1 1）软件安装）软件安装双击程序安装程序如图双击程序安装程序如图2.1-12.1-1所示。设置安装路径，如图所示。设置安装路径，如图2.1-22.1-2所示，单击所示，单击“确确定按钮定按钮”即可安装成功。即可安装成功。图2.1-1软件安装程序 图2.1-2软件安装路径设置启动启动 Adobe Flash CS6 Adobe Flash CS6，在，在 Windows Windows 中，选择中，选择“开始开始”“”“所有程所有程序序”Adobe Flash CS6”Adobe Flash CS6；在；在 Mac OS Mac OS 中，在中，在 Applications Applications 文件夹文件夹中或者中或者 Dock Dock 中双击中双击 Adobe Flash CS6 Adobe Flash CS6。第一次启动第一次启动 Flash Flash 时，将会看到一个时，将会看到一个“欢迎欢迎”屏幕，其中带有指屏幕，其中带有指向标准文件模板、教程及其他资源的链接。如图向标准文件模板、教程及其他资源的链接。如图2.1-32.1-3所示。所示。图2.1-3软件启动欢迎界面菜单栏工作区切换器搜索框文档窗口显示卡编辑栏舞台时间轴面板浮动面板工具箱时间轴窗口帧：帧：帧分为帧分为关键帧、普通帧和空白关键帧关键帧、普通帧和空白关键帧三种类型。三种类型。关键帧关键帧是可以直接在舞台上编是可以直接在舞台上编辑其内容的帧；辑其内容的帧；无内容的关键帧无内容的关键帧称为空白关键帧；称为空白关键帧；普通帧普通帧的作用是延伸关键帧上的的作用是延伸关键帧上的内容。内容。参考案例：小汽车.fla图层：图层：图层就像堆叠在一起的多张透明的幻灯片，每个图层都有独立的时间轴。图层就像堆叠在一起的多张透明的幻灯片，每个图层都有独立的时间轴。如此一来，多个图层综合运用，便能形成复杂的动画。如此一来，多个图层综合运用，便能形成复杂的动画。工具箱属性面板面板：可根据需要折叠、展开或者拖动到任意位置。本讲主要内容：本讲主要内容：任务一：绘制工具用法任务一：绘制工具用法1.1.线条工具线条工具2.2.选择工具改变线条形状选择工具改变线条形状3.3.矩形工具组、椭圆工具组、多角星形工具矩形工具组、椭圆工具组、多角星形工具任务二：上机实训：上机实训：草原夜色草原夜色在在FlashFlash中进行动画创作离不开对动画角色、场景的绘制，中进行动画创作离不开对动画角色、场景的绘制，“工具工具”面板的面板的“绘图工具绘图工具”区域中，提供了线条工具、铅笔工具、钢笔工区域中，提供了线条工具、铅笔工具、钢笔工具、矩形工具、刷子工具、颜料桶等多款不同的工具，使用这些工具、矩形工具、刷子工具、颜料桶等多款不同的工具，使用这些工具可以快速的绘制出形色各异、生动有趣的图形及背景画面。具可以快速的绘制出形色各异、生动有趣的图形及背景画面。知识目标：知识目标：1 1、了解线条工具、铅笔工具和钢笔工具等不同绘图工具的使用方法和不同特点。、了解线条工具、铅笔工具和钢笔工具等不同绘图工具的使用方法和不同特点。2 2、熟悉矩形工具、刷子工具、颜料桶等工具的基本使用技巧和属性设置。、熟悉矩形工具、刷子工具、颜料桶等工具的基本使用技巧和属性设置。能力目标：能力目标：1 1、掌握线条工具、铅笔工具与选择工具的联合使用技巧。、掌握线条工具、铅笔工具与选择工具的联合使用技巧。2 2、熟练使用多角星形工具结合颜料桶等工具绘制出形态色彩各异的图形。、熟练使用多角星形工具结合颜料桶等工具绘制出形态色彩各异的图形。3 3、能综合使用各种绘图工具绘制卡通人物原型。、能综合使用各种绘图工具绘制卡通人物原型。4 4、能绘制出色彩和谐、风格优美的二维动画场景。、能绘制出色彩和谐、风格优美的二维动画场景。对象绘制选项对象绘制选项 ：处于选中状态时，所绘制的直线会成为一个单独的对象，相互：处于选中状态时，所绘制的直线会成为一个单独的对象，相互不受影响。例如绘制两条交叉的直线。不受影响。例如绘制两条交叉的直线。 注意：除非特殊情况，不要打开对象绘制选项注意：除非特殊情况，不要打开对象绘制选项 按住按住Shift拖曳，线条角度为拖曳，线条角度为45度的倍数。度的倍数。 按住按住Alt拖曳，从拖曳点中心向两边绘制直线。拖曳，从拖曳点中心向两边绘制直线。 示范：示范：如何绘制花瓣？绘制爱心？等等如何绘制花瓣？绘制爱心？等等线条工具的属性设置线条工具的属性设置 绘制步骤绘制步骤最终效果最终效果用于选择对象、移动对象、改变对象轮廓，更改线条的方向和长短。用于选择对象、移动对象、改变对象轮廓，更改线条的方向和长短。（1 1）选择对象：单击、双击）选择对象：单击、双击（2 2）移动：拖动被选中的对象）移动：拖动被选中的对象（3 3）更改线条的方向和长短）更改线条的方向和长短（4 4）更改线条的轮廓）更改线条的轮廓实例：一片叶实例：一片叶 矩形工具矩形工具 ：绘制矩形、圆角矩形和正方形等图形。：绘制矩形、圆角矩形和正方形等图形。 矩形边角半径用于指定矩形的角半径，为负值时，创建反半径。矩形边角半径用于指定矩形的角半径，为负值时，创建反半径。 按住按住Shift拖曳鼠标，绘制正方形。拖曳鼠标，绘制正方形。 按下按下Alt键在舞台单击，可通过键在舞台单击，可通过“矩形矩形 设置设置”对话框绘制准确的矩形对话框绘制准确的矩形 椭圆工具椭圆工具 ：绘制椭圆、圆、扇形、圆环等图形。：绘制椭圆、圆、扇形、圆环等图形。 “开始角度开始角度”和和“结束角度结束角度”：指定椭圆开始点和结束点的角度，可绘：指定椭圆开始点和结束点的角度，可绘制扇形、半圆形等其他有创意的形状。制扇形、半圆形等其他有创意的形状。 “内径内径”指定内径大小，范围为指定内径大小，范围为0-99. “闭合路径闭合路径”指定椭圆路径是否闭合。指定椭圆路径是否闭合。 按住按住Shift拖曳鼠标，绘制圆形。拖曳鼠标，绘制圆形。 按下按下Alt键在舞台单击，可通过键在舞台单击，可通过“椭圆椭圆 设置设置”对话框绘制准确的椭圆对话框绘制准确的椭圆例子：游戏例子：游戏“吃豆豆吃豆豆”形象，卡通形象形象，卡通形象设置椭圆工具的“属性” 使用椭圆工具绘制表情图 基本矩形工具基本矩形工具 ：绘制的是：绘制的是“图元图元”对象，与对象，与“矩形工具矩形工具”绘制的形绘制的形状不同。状不同。 使用使用“选择工具选择工具”选择时，矩形上会出现矩形线框和控制点，拖曳控制选择时，矩形上会出现矩形线框和控制点，拖曳控制点可以调整矩形的边角半径。点可以调整矩形的边角半径。 基本椭圆工具基本椭圆工具 ：绘制的是：绘制的是“图元图元”对象，与对象，与“椭圆工具椭圆工具”绘制的形绘制的形状不同。状不同。 使用使用“选择工具选择工具”选择时，椭圆上会出现一个矩形线框和两个控制点，选择时，椭圆上会出现一个矩形线框和两个控制点，拖曳控制点可以调整椭圆的起始角度、结束角度和内径等属性。拖曳控制点可以调整椭圆的起始角度、结束角度和内径等属性。区别区别1 1：椭圆和矩形工具遵循：椭圆和矩形工具遵循“同色连接，异色相切同色连接，异色相切”的规律的规律区别区别2 2：基本工具在绘制完成后，可以再设置边角半径、内径等属性：基本工具在绘制完成后，可以再设置边角半径、内径等属性 多角星形工具多角星形工具 ：复合工具，可绘制多边形和星形。通过属性中的：复合工具，可绘制多边形和星形。通过属性中的“选项选项”按钮，选择样式、边数。顶点大小只对按钮，选择样式、边数。顶点大小只对“星形星形”有效，介于有效，介于0-1，值越小顶点越尖细。值越小顶点越尖细。设置多角星工具 使用多角星形工具绘制车标 设置文档属性：舞台背景色为设置文档属性：舞台背景色为#1E4564 绘制草原绘制草原:使用使用“矩形工具矩形工具” ，“笔触颜色笔触颜色”为无，为无，“填充颜色填充颜色”为为#0B2604 绘制毡房：绘制毡房：注意不要在草地上直接绘制注意不要在草地上直接绘制，否则形状之间相互影响。，否则形状之间相互影响。 绘制风车：包括底座、扇叶。注意图形的复制、粘贴和变形。绘制风车：包括底座、扇叶。注意图形的复制、粘贴和变形。 绘制月牙：使用绘制月牙：使用“椭圆工具椭圆工具”和形状切割法，通过和形状切割法，通过“柔化填充边缘柔化填充边缘”增增加朦胧加朦胧 效果效果 绘制星星。绘制星星。保存动画：选择保存动画：选择“文件文件”“保存保存”菜单，或按快捷键菜单，或按快捷键【Ctrl+S】，打开，打开“另存为另存为”对对话框进行保存。话框进行保存。保存类型：源文档保存类型：源文档.fla n预览动画：按预览动画：按【Enter】键可在动画编辑环境中预览动画；按键可在动画编辑环境中预览动画；按【Ctrl+Enter】组合键可组合键可预览动画的实际播放效果。预览动画的实际播放效果。n导出影片：导出影片：“文件文件”-“导出导出”-“导出影片导出影片”n关闭动画：单击文档选项卡右侧的关闭动画：单击文档选项卡右侧的“关闭关闭”按钮。按钮。n打开动画：选择打开动画：选择“文件文件”“打开打开”菜单，或按快捷键菜单，或按快捷键【Ctrl+O】 选取给定的任意一个卡通形象，综合应用椭圆工具、矩形工具、线条工选取给定的任意一个卡通形象，综合应用椭圆工具、矩形工具、线条工具进行绘制。具进行绘制。