网页动画设计与制作Flash MX 2004 作者 陈永东 项目3-颜色的编辑.pptVIP

网页动画设计与制作Flash 项目3-颜色的编辑 项目三 颜色的编辑 【项目背景】 通过上一个项目，小张己动手创作了一些角色与画面。现在，经理要求小张将角色与画面设计得更完美、更富有感染力一些。经理要求他设计一个“地球馅汤团”造型、一个“立方体”包装设计，并要求他给“东方明珠”进行配色与着色。 【项目分析】 Flash中如何管理颜色对象？ 怎样对绘制好的图形对象进行着色？ 完成着色的图形能否修改颜色？ 【任务分解】 任务1：使用混色器面板。 任务2：修改渐变和位图填充。 任务3：使用颜色样本面板。 任务1 使用混色器面板 了解笔触颜色和填充色的区别。 熟悉纯色、渐变色和位图填充三类着色方案。 利用混色器面板设计“地球馅汤团”。 1．了解笔触颜色和填充色的区别 （1）笔触颜色 （2）填充色 （3）使用工具栏控件来应用笔触和填充颜色 （4）用”属性”面板选择笔触颜色、样式和粗细 （5）使用”属性”面板应用纯色填充 2．熟悉纯色、渐变色和位图填充三类着色方案 （1）纯色： “颜色样本” “颜色选择器” “调色板”或直接输入数值 （2）渐变色： “线性渐变” “放射状渐变” （3）位图填充 3．利用混色器面板设计“地球馅汤团”1 （1）新建Flash文件，命名为“汤圆”； （2）在工具箱选择“椭圆形工具”，在混色器面板单击取色井，将笔触颜色设置为红色，将填充色设置为透明； （3）使用“椭圆形工具”，同时按住 Shift 键绘制一个大小合适的正圆形，作为整个汤圆的外轮廓； （4）在工具箱选择“铅笔工具”，在混色器面板单击取色井，将笔触颜色设置为红色，填充色保留原有色彩； （5）使用“铅笔工具”的伸直模式，绘制6段圆弧，构成汤圆的切入面； （6）在工具箱选择“线条工具”，保留混色器面板的颜色设定，绘制3条短直线段，将切入面分割成三个部分，完成整个汤圆的轮廓线绘制 ； （7）在工具箱选择“颜料桶工具”，在混色器面板将填充色设定为“放射状”渐变着色方式，然后在下方色带的取色块上单击，可分别选择渐变的起始和结束颜色，再单击取色井进入颜色样本，将起始颜色设为白色，结束颜色设为浅灰色； （8）使用“颜料桶工具”为汤圆的主体外皮部分着色，采用设定好的“放射状”渐变着色方案，用鼠标单击外皮的偏左上方高光点位置，完成球体效果着色； 3．利用混色器面板设计“地球馅汤团”2 （9）仍然使用“颜料桶工具”，在混色器面板将填充色设定为“纯色”渐变着色方式，然后单击取色井进入颜色样本，将色彩设为浅灰色； （10）使用“颜料桶工具”为汤圆的切入面部分着色，采用设定好的“纯色”着色方案，用鼠标单击左侧切入面区域，完成着色； （11）重复第9步、第10步的做法，为汤圆右侧切入面着更浅的灰色（#CCCCCC），汤圆下侧切入面着白色； （12）再在工具箱选择“颜料桶工具”，在混色器面板将填充色设定为“位图填充”着色方式，然后在下方位图选择区域内选取“地球”图片； （13）使用“颜料桶工具”为汤圆露出的内馅部分着色，采用设定好的“位图填充”着色方案，用鼠标单击内馅区域，完成着色 ； （14）使用“选择工具”将所有的轮廓线条选中，然后按 Delete 键删除，选择时按住 Shift 键可以实现多项选择 任务2 修改渐变和位图填充 了解填充变形工具。 利用填充变形工具修改渐变或位图填充。 利用渐变和位图填充进行“立方体”包装设计。 1．填充变形工具 使用填充变形工具，可以用于调整填充的大小、方向或者中心，使渐变填充或位图填充变形 2．利用填充变形工具修改渐变或位图填充 （1）改变渐变或位图填充的中心点的位置：可以拖动中心点，如图3-31所示。 （2）更改渐变或位图填充的宽度：可以拖动边框两边上的方形手柄（此选项只调整填充的大小，而不调整包含该填充的对象的大小 （3）更改渐变或位图填充的高度：可以拖动边框上下边上的方形手柄。 （4）旋转渐变或位图填充：可以拖动角上的圆形旋转手柄。还可以拖动圆形渐变或填充边框最下方的手柄。 （5）缩放线性渐变或者填充：可以拖动边框中心的方形手柄。 （6）更改放射状渐变的半径：可以拖动环形边框中间的圆形手柄。 （7）倾斜形状中的填充：可以拖动边框顶部或右边圆形手柄中的一个。 （8）在形状内部平铺位图：可以缩放填充。 3．利用渐变和位图填充进行“立方体”包装设计1 （1）新建Flash文件，命名为“立方体”； （2）使用“矩形工具”和“线条工具”绘制立方体轮廓线，绘制时按住 Shift 键以保证画出正方形，以及斜边倾角为45度； （3）将画好的立方体轮廓线复制三份摆放，以供后面我们分别采用纯色、渐变色和位图填充三种着色方案来实现立体效果； （4）“纯色”着色方案，首先选择颜料桶工具，然后在混色器面板中选择纯色填充方案，