Flash动画设计第2讲—绘制图形说课材料.ppt

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