第二单元绘制矢量图形.

Presentation on theme: "第二单元绘制矢量图形."— Presentation transcript:

1 第二单元绘制矢量图形

2 第二单元 绘 制 矢 量 图 形 任务一、绘制卡通脸谱 任务二、绘制一棵大树 目标1 “透明按钮”的制作 目标2 “圣诞树”的制作 目标3 “淑女堂标志”的制作 目标4 “鲜花速递网站首页”的制作

3 第二单元 绘 制 矢 量 图 形 任务一、绘制卡通脸谱 （1）钢笔工具，在工具箱的颜色栏选择无填充颜色，线条颜色为#003399，
画出脸谱外框 （2）选择工具，选中图形的粗外框线部分，在属性面板中设置线条粗细为5 （3）颜料桶工具，属性面板中设置颜色为#33FFFF，填充脸谱 （4）矩形工具，属性面板中设置不要外框线，填充颜色为#003399，画出一 个矩形，用选择工具和画笔工具调整矩形 （5）选择工具，选中矩形，按住Ctrl键，复制一个，选中其中一个矩形，“修 改”—“变形”—“水平翻转” （6）画笔工具，工具箱的选项栏设置画笔颜色为#003399，画笔大小（第3个） 画镜架，设置画笔大小（第2个）画镜拖，设置画笔颜色为#FFFF00，画笔大小 （第4个）画黄色部分

4 第二单元 绘 制 矢 量 图 形 任务一、绘制卡通脸谱 （7）选择工具，选中整个眼镜，“修改”—“组合”，移到脸上
（8）画笔工具，在属性面板中设置画笔颜色为黑色，画笔大小（第2个），画 黑色部分。设置画笔颜色为#993399，画紫色部分

5 第二单元 绘 制 矢 量 图 形 任务二、绘制一棵大树 1、线条工具，在属性面板中设置颜色为#669900，画出树叶外框
2、颜料桶工具，在属性面板中设置颜色为#66CC00，填充树叶颜色 3、选择工具，选中树叶，按F8转为元件，元件名称为“树叶”，类型为“图形” 4、选择工具，选中树叶，按住Ctrl键，拖动树叶，复制出2个树叶 5、任意变形工具，将3个树叶作变形处理，并且将三个树叶按原图叠在一起， 叠完后选中3个树叶，“修改”—“组合”

6 第二单元 绘 制 矢 量 图 形 任务二、绘制一棵大树 6、画笔工具，在工具箱的选项栏设置画笔大小（倒数第5个），在属性面板
中设置颜色为#990000，画出树干，选中树干，“修改”—“组合” 7、选择工具，选中树叶，按住Ctrl键，复制6个树叶，用变形工具将6个树叶 变形，并移到相应位置

7 第二单元 绘 制 矢 量 图 形 目标1、利用椭圆工具，颜料桶工具，文本工具绘制“透明按钮”，
参考“举一反三”文件夹中的“透明按钮.swf”。 新建Flash文档 “插入”—“新建元件”，元件名称为“按钮A”，类型为“图形” 选择【椭圆】工具，在【属性】面板中将【笔触颜色】设为无，填充色设 为灰色，在舞台上画出一个正圆形，选中正圆形，在【属性】面板中将图形 的宽、高分别设为65

8 第二单元 绘 制 矢 量 图 形 目标1、利用椭圆工具，颜料桶工具，文本工具绘制“透明按钮”，
参考“举一反三”文件夹中的“透明按钮.swf”。 4.在【混色器】面板中的【类形】设置为放射状，色带设置如下：

9 第二单元 绘 制 矢 量 图 形 目标1、利用椭圆工具，颜料桶工具，文本工具绘制“透明按钮”，
参考“举一反三”文件夹中的“透明按钮.swf”。 选择【颜料桶】工具，在正圆形下方单击鼠标。

10 第二单元 绘 制 矢 量 图 形 目标1、利用椭圆工具，颜料桶工具，文本工具绘制“透明按钮”，
参考“举一反三”文件夹中的“透明按钮.swf”。 5.选择【椭圆】工具，在【属性】面板中将【笔触颜色】设为无，填充色设为淡紫色 （#DEC7E4），画出第二个正圆形，选中圆形，在【属性】面板中设置宽、高为65 6.选中第二个圆，“修改”—“形状”—“柔化填充边缘”，在对话框中设置如下： 将第1个圆拖到第2个圆上方

11 第二单元 绘 制 矢 量 图 形 目标1、利用椭圆工具，颜料桶工具，文本工具绘制“透明按钮”，
参考“举一反三”文件夹中的“透明按钮.swf”。 7.选择【文本】工具，在【属性】面板中设置字体大小为50，字体为“Arial Baltic”， 颜色为深紫色（#4D004D），输入A 8.在文档【属性】面板中将背景颜色设为灰色（便于下一步制作透明图形） 9.选择【椭圆】工具，在【属性】面板中将【笔触颜色】设为无，填充为白色，绘 制出一个椭圆 10.在【混色器】面板中的【类型】设置为线性，色带设置如下：

12 第二单元 绘 制 矢 量 图 形 目标1、利用椭圆工具，颜料桶工具，文本工具绘制“透明按钮”，
参考“举一反三”文件夹中的“透明按钮.swf”。 11.单击【混色器】面板右上方的按钮，选择【添加样本】，选择【颜料桶】工具， 按住Shift键，在椭圆形中由下到上拖拽鼠标填充渐变，选中渐变图形组合 12.选择【椭圆】工具，再绘制一个白色的椭圆图形，在【属性】面板中单击填充色， 选择刚才添加的渐变样本，选择【颜色桶】工具，按住Shift键，由上到下拖拽鼠标填充 渐变，选中椭圆将其组合 13.将制作的第一个椭圆放在字母“A”上半部，调整大小，将制作的第二个椭圆放在字 母“A”的下半部，调整大小 14.将面板中背景颜色恢复为白色 15.回到场景，将图层1重命名为“圆圈”，选择【椭圆】工具，在【属性】面板中将 【笔触颜色】设为淡粉色（#EAC6D9），填充色设为无，画出多个圆圈

13 第二单元 绘 制 矢 量 图 形 目标1、利用椭圆工具，颜料桶工具，文本工具绘制“透明按钮”，
参考“举一反三”文件夹中的“透明按钮.swf”。 16.插入图层，图层名称命名为“直线”，在【属性】面板中将【笔触颜色】设为深粉 色（#CC6699），填充色为无，绘制多个小圆圈，选择【线条】工具，在小圆圈之 间链接出直线 17.插入新图层，图层名称命名为“按钮”，将按钮元件拖出放置合适位置

14 第二单元 绘 制 矢 量 图 形 目标2、利用椭圆工具，颜料桶工具，刷子工具绘制“圣诞树”， 参考“举一反三”文件夹中的“圣诞树.swf”。
1、新建Flash文档，在文档【属性】面板中设置【背景】颜色为深蓝色 （#000066），将图层1更名为“白色雪地” 2、选择【铅笔】工具，选中【工具箱】下方的【选项栏】中的【平滑】按 钮，在【属性】面板中将【笔触颜色】设为白色，【笔触高度】设为4 3、在舞台绘制出一个闭合区域，选【颜料桶】工具，在【属性】面板中将 填充色设为白色，在闭合区域中单击鼠标填充白色，锁定“白色雪地”图层 4、插入一个新图层，图层重命名为“圣诞树”。选择【线条】工具，在【属 性】面板中设置【笔触颜色】为绿色（#33CC66），在场景中绘制出圣诞 树的外边线 5、用【选择】工具，将圣诞树的外边线都变为弧线，复制一棵小圣诞树

15 第二单元 绘 制 矢 量 图 形 目标2、利用椭圆工具，颜料桶工具，刷子工具绘制“圣诞树”， 参考“举一反三”文件夹中的“圣诞树.swf”。
6、选择【颜料桶】工具，在【属性】面板中设置填充色为绿色（#33CC66） 单击圣诞树内部填充颜色 7、选择【椭圆】工具，在【属性】面板中将【笔触颜色】设为无，填充色设 为黄色（#FFFF33）在舞台左上方绘制一个正圆形作为月亮，选中图形， “修改”—“形状”—“柔化填充边缘”，在“柔化填充边缘”对话框设置如下： 锁定“圣诞树”图层

16 第二单元 绘 制 矢 量 图 形 目标2、利用椭圆工具，颜料桶工具，刷子工具绘制“圣诞树”， 参考“举一反三”文件夹中的“圣诞树.swf”。
8、插入新图层，图层名称重命名为“雪花”。选择【刷子】工具，在【属性】 面板中将填充色设为褐色（#996633），在【工具箱】的【选项栏】设置 【刷子大小】为第6个，设置【刷子形状】为圆形，绘制出栅栏。将填充色 设为黄色（#FFFF66），在【工具箱】的【选项栏】中设置【刷子大小】 为第9个，将【刷子形状】设为水平椭圆形，在圣诞树上绘制出一些装饰彩带， 将刷子大小设为第5个，在后面的圣诞树上绘制装饰彩带。 9、选择【椭圆】工具，在【属性】面板中将【笔触颜色】设为无，填充色为白色， 在舞台上绘制出一个圆形，选中圆形，“修改”—“形状”—“柔化填充边缘”，在“柔化填 充边缘”对话框设置如下：

17 第二单元 绘 制 矢 量 图 形 目标2、利用椭圆工具，颜料桶工具，刷子工具绘制“圣诞树”， 参考“举一反三”文件夹中的“圣诞树.swf”。
10、选中图形，将圆形组合，复制出圆形，选择【任意变形】工具，将圆形 缩小（缩小时按住Shift+Alt键，让圆心为中心点，全面成比例扩大或缩小）。 用相同方法复制出多个圆形并改变他们大小，放置相应的位置

18 第二单元 绘 制 矢 量 图 形 目标3、利用铅笔工具，文本工具绘制“淑女堂标志”，记得要将文本进行分离
参考“举一反三”文件夹中的“淑女堂标志.swf”。 新建Flash文档，宽度为450，高度为300 新建元件，名称为“标志”，类型为“图形”。将图层1重命名为“椭圆形” 选择“椭圆”工具，将“笔触颜色”设为无，填充色为深粉色＃FB1F8D，绘制一 个椭圆形，选中椭圆形，设置宽为280，高为120 4.插入新图层，将其命名为“文字” 5.选择“文本”工具，在舞台上输入大小为50，字体为“幼圆”，颜色为“黑色”的 “淑女堂”三个字 6.将“淑女堂”进行第一次分离，分离后将字与字之间的距离调开一点，选中淑 女堂三个字再一次分离

19 第二单元 绘 制 矢 量 图 形 目标3、利用铅笔工具，文本工具绘制“淑女堂标志”，记得要将文本进行分离
参考“举一反三”文件夹中的“淑女堂标志.swf”。 7.删除“淑”字左边的上，下2个点，将中间点向左移动一些，选择“套索”工具， 圈选中“又”字右下角的笔画，并将其删除，圈选中“女”字的下半部分，并将 其删除 8.插入新图层，命名为“修改笔画” 9.选择“钢笔”工具，在“属性”面板中将笔触颜色设为黑色，笔触高度设为2.5， 按图将“淑”的“又”字与“女”字相连，将“女”字与“堂”字相连 10.选择“铅笔”工具，按图画“淑”“女”“堂”边上的曲线 11.导入图片“蝴蝶”，放置在“淑”字上方的点，并将“蝴蝶”打散，将“淑女堂”选 中，放置深粉色椭圆形的中心位置上，将“淑女堂”颜色改为白色

20 第二单元 绘 制 矢 量 图 形 目标3、利用铅笔工具，文本工具绘制“淑女堂标志”，记得要将文本进行分离
参考“举一反三”文件夹中的“淑女堂标志.swf”。 12.选择“铅笔”工具，将“笔触颜色”设为淡粉色＃FF99CC，“笔触高度”为2 13.插入新图层，命名“花纹”，按图绘制曲线作为花纹 14.插入新图层，命名“叶子”，选择“铅笔”工具，选择“墨水”形式，按图绘制出 叶子的形状，为叶子填充淡粉色＃FF99CC 15.返回到场景1，选择“矩形”工具，将“笔触颜色”设为黑色，填充色为无，“笔 触高度”为1，在舞台上绘制一个和白色背景一样大的矩形框，并设置矩形框的 宽度为450，高度为300，X、Y分别为0 16.选择“线条”工具，在矩形框中从上到下绘制出多条直线段 17.每隔一个矩形框填充上淡粉色＃FDE1F0，并删除黑色线段 18.将“标志”拖到舞台中心位置，在“窗口”－“变形”－“约束”宽度设为128

21 第二单元 绘 制 矢 量 图 形 目标4、绘制“鲜花速递网站首页”， 参考“举一反三”文件夹中 的“鲜花速递网站首页.swf”。
新建Flash文档，设置文档大小宽：640，高：400 圆球的制作： 2.新建元件，元件名称为“圆球”，类型为“图形” 3.选择【椭圆】工具，在【属性】面板中将【笔触颜色】设为无，填充色为灰 色，绘制出一个圆形，将圆形的宽、高分别设为66 4.在【混色器】面板中，类型选择“放射状”，在色带上再增加4个控制点

22 第二单元 绘 制 矢 量 图 形 目标4、绘制“鲜花速递网站首页”， 参考“举一反三”文件夹中 的“鲜花速递网站首页.swf”。
选择【颜料桶】工具，用鼠标在圆球右上方单击，填充渐变色 花瓣的制作： 5.新建元件，元件名称为“花瓣”，类型为“图形”，在文档【属性】面板中将 背景颜色设为深灰色（#666666） 6.选择【矩形】工具，在【属性】面板中将【笔触颜色】设为无，填充色为 白色，设置【圆角矩形半径】为60，在舞台上绘制出一个垂直的圆角矩形 7.选中矩形复制出一个圆角矩形，选中新复制出的圆角矩形，“窗口”—“变 形”—“约束”将宽设为80—按Enter“确定”。

23 第二单元 绘 制 矢 量 图 形 目标4、绘制“鲜花速递网站首页”， 参考“举一反三”文件夹中 的“鲜花速递网站首页.swf”。
8.在【混色器】面板中，类型“线性”，色带设置如下 ： 选择【颜料桶】工具，从第2个圆角矩形的中部向上部拖拽渐变，选中第2 个矩形，将其组合，将第2个矩形放置第1个矩形上方

24 第二单元 绘 制 矢 量 图 形 目标4、绘制“鲜花速递网站首页”， 参考“举一反三”文件夹中 的“鲜花速递网站首页.swf”。
9.选中第2个矩形，“窗口”—“变形”—“旋转”设为180—单击“复制并应用变形” 10.选中第1个矩形，复制出一个矩形，选择【颜料桶】，在复制出的第3个矩 形的中部从左向右拖拽渐变。选中第3个矩形，用【任意变形】工具，改变矩 形的宽、高，选中第3个矩形将其组合，把第3个矩形移到“花瓣”右侧 花朵的制作： 11.新建元件，元件名称“花朵1”，类型为“图形” 12.将“花瓣”元件拖到舞台中，用【任意变形】工具，单击“花瓣”，将中心点移 动到图形下方的控制点上，“窗口”—“变形”—“旋转”设为60—单击“复制并应用 变形”5次

25 第二单元 绘 制 矢 量 图 形 目标4、绘制“鲜花速递网站首页”， 参考“举一反三”文件夹中 的“鲜花速递网站首页.swf”。
花瓣2的制作： 13.在【库】面板中右击“花瓣”元体，选择“直接复制”，复制“花瓣”元件， 取名为“花瓣2”，双击元件“花瓣2”进入元件编辑舞台。选中花瓣上的渐变图 形，将其移出花瓣，选中渐变图形并打散。在【混色器】面板中，类型“线 性”，色带设置如下：

26 第二单元 绘 制 矢 量 图 形 目标4、绘制“鲜花速递网站首页”， 参考“举一反三”文件夹中 的“鲜花速递网站首页.swf”。
选择【颜料桶】工具，从渐变图形的中部向上部拖追拽 14.选中渐变图形，将其组合，将渐变图形放置花瓣的上部，选中渐变图形， “窗口”—“变形”—“旋转”设为180—单击“复制并应用变形” 花朵2的制作： 15.新建元件，名称“花朵2”，将“花瓣2”拖到舞台中，用【任意变形】工具， 单击“花瓣2”，将中心点移动到图形下方的控制点上，“窗口”—“变形”—“旋 转”设为60—单击“复制并应用变形”5次。选中整个花朵，“窗口”—“变形”—“约 束”将宽设为90—“旋转”设为30—按Enter“确定” 16.将“花朵1”拖到舞台上，放置在缩小的花朵图形的上方，“圆球”拖到舞台上， 放置在花朵中心

27 第二单元 绘 制 矢 量 图 形 目标4、绘制“鲜花速递网站首页”， 参考“举一反三”文件夹中 的“鲜花速递网站首页.swf”。
花朵投影的制作： 17.回到场景，将图片导入到舞台中，将“花朵2”拖到舞台中，选中“花朵2”，在 【属性】面板中的颜色选择“色调”：深灰色（#404000） 18.选中“花朵2” “窗口”—“变形”—“约束”宽为25，花朵的投影制作完成，将投影 移动到多层圆环中间 19.将“花朵2”拖到舞台中，“窗口”—“变形”—“约束”宽为25，放置投影花朵上方， 选中花朵图形和投影图形，将其组合，复制两个，按原图改变大小及位置 20.将“圆球”拖到舞台中，“窗口”—“变形”—“约束”宽为22.5，将圆球放置文字旁 边，复制出4个圆球 21.选中所有圆球，在【对齐】面板中，单击“垂直中齐”和“水平居中分布”