《《绘制素材》ppt课件》由会员分享,可在线阅读,更多相关《《绘制素材》ppt课件(56页珍藏版)》请在金锄头文库上搜索。
1、,第2讲 绘制素材,了解Flash绘图工具的使用方法。 使用Flash绘图工具绘制简易场景效果 。 掌握图层的概念,并学习绘制复制图形的方法 。 掌握艺术类动画素材的绘制方法 。,2.1 绘制简单图形 2.2 绘制复杂图形 2.3 课后作业,本章大纲,2.1 绘制简单图形,2.1.1 知识点讲解,Flash 8提供了强大的绘图工具,给用户制作动画素材带来了方便和快捷。其【工具】面板中的具体工具的名称和快捷键如图2-1所示。,【选择】工具(V),【任意变形】工具(Q),【线条】工具(N),【钢笔】工具(P),【椭圆】工具(O),【铅笔】工具(Y),【描边】工具(S),【滴管】工具(I),【手形】
2、工具(H),笔触颜色,填充颜色,紧贴至对象,平滑,【部分选择】工具(A),【填充变形】工具(F),【套索】工具(L),【文本】工具(T),【刷子】工具(B),【颜料桶】工具(K),【橡皮擦】工具(E),【缩放】工具(M,Z),伸直,图2-1 Flash 8【工具】面板,用户使用Flash的绘图工具进行图形绘制的时候,可尽量使用对应工具的快捷键去控制工具的选择和更换,这样可以大大提高工作效率。,矢量图形: 定义:用矢量曲线来描述图像,包括颜色和位置等属性。 特点:矢量图形与分辨率无关,可以显示在各种分辨率的输出设备上,而不影响品质。 应用:矢量图形适合用于线性图,特别是二维卡通动画中,能够有效地
3、减少文件容量。 位图图像: 定义:用像素排列在网格内的彩色点来描述图像。 特点:位图图像跟分辨率有关,在比图像本身的分辨率低的输出设备上显示位图时会降低它的外观品质。 应用:位图图像适合用于表现层次和色彩细腻丰富,包含大量细节的图像。 矢量图形与位图图形的特点对比如图2-2所示。,图2-2 矢量图形与位图图形,根据用途的不同,工具可分为以下5类 (1)规则形状绘制工具。 主要包括【矩形】工具、【椭圆】工具、【多角星形】工具和【线条】工具。 (2)不规则形状绘制工具。 主要包括【钢笔】工具、【铅笔】工具、【笔刷】工具和【文字】工具。 (3)形状修改工具。 主要包括【选择】工具、【部分选择】工具和
4、【套索】工具。 (4)颜色修改工具。 主要包括【墨水瓶】工具、【颜料桶】工具、【滴管】工具、【橡皮檫】工具、【颜色】工具和【填充变形】工具。 (5)视图修改工具。 主要包括【手形】工具和【缩放】工具。,2.1.2 范例解析(一)常用绘图工具练习,1、使用规则图形绘制工具【矩形】工具 、【椭圆】工具 、 【多角星形】工具 依次绘制如图2-3所示的图形 。 2、使用不规则图形绘制工具【钢笔】工具 绘制“花”、【铅 笔】工具 绘制“叶”、【笔刷】工具 绘制“人”和【文字】工具 输入文字,得到如图2-4所示的图形,图2-3 绘制规则图形,图2-4 绘制不规则图形,3、使用形状修改工具【选择】工具 、【
5、部分选择】工具 、【套索】工具 将如图2-4所示的不规则图形进行修改,得到如图2-5所示的效果。 4、使用颜色修改工具【墨水瓶】工具 、【颜料桶】工具 、【滴管】工具 、【颜色】工具和【填充变形】工具 对如图2-5所示的图形进行颜色修改,得到如图2-6所示的效果 。,图2-5 修改图形,图2-6 为图形上色,2.1.3 范例解析(二)绘制“简易建筑物”,本例将使用Flash 8中基本的绘图工具绘制一座既简单又生动的建筑物,带领读者来一同体验绘制素材的快乐,设计思路及效果如图2-7所示,图2-7 设计思路及效果图,图2-8 选择【文档属性】选项,1、绘制建筑物轮廓,(1)新建一个Flash文档,
6、在舞台上单击鼠标右键,在弹出的快捷菜单中选择【文档属性】命令,如图2-8所示。在弹出的【文档属性】对话框中设置文档【尺寸】为“420 px230px”,文档其他属性使用默认参数,效果如图2-9所示,图2-9 【文档属性】对话框,图2-10 设置【属性】面板参数,(2)在工具面板中选择【矩形】工具 ,在【属性】面板中设置【笔触颜色】为“黑色”,【笔触高度】为“1”,如图2-10所示。单击 旁边 的按钮,弹出如图2-11所示的颜色设置对话框,单击 按钮设置【填充颜色】为“无”。并确认【对象绘制】功能没有启动,如图2-12所示。,图2-11 设置颜色,填充颜色,笔触颜色,笔触高度,笔触样式,颜色为无
7、,对象绘制,边角半径设置,图2-12 设置绘制属性,:【对象绘制】按钮。没按下状态表示未启用对象绘制功能,通常称为“合并绘制”,表示在重叠绘制图形时,会自动进行合并,如果选择的图形与另一个图形合并,移动时则会永久改变下方的图形,如图2-13所示;按下时表示启用对象绘制功能,分离或重排重叠图形时,也不会改变它们的外形。如图2-14所示 。 :【边角半径】设置。单击该按钮,弹出【矩形设置】对话框,如图2-15所示。当【边角半径】为0时,表示绘制的图形是一般矩形;当边角半径不为0时,表示绘制的图形是倒圆角矩形,效果如图2-16所示。,图2-13 未启动【对象绘制】功能,图2-14 启动【对象绘制】功
8、能,图2-16 两种矩形的区别,图2-17 设置大小和位置,图2-15 【矩形设置】对话框,一般矩形,倒圆角矩形,(3)在舞台上绘制一个矩形当作“第一个屋顶”,利用【选择】工具 ,双击矩形的任一线条,将整个矩形选中,然后在【属性】面板中设置宽高为“100.6px30.1px”,位置坐标x、y分别为“66.2”、“2.1”,如图2-17所示。,对于非对象绘制的连续线条或含有填充的图形,双击其中一个线条,可以选中连续线条。双击图形的填充,则可以选中整个图形,包含图形外部的所有链接线条。对于选择一定区域范围内的图形,可以使用框选。在图形的外部,单击鼠标,向图形内部拖动,会看到形成的虚框,继续拖动鼠标
9、至虚框完全包含所需图形,则可选中所需图形 。,(4)绘制矩形,效果如图2-18所示 。 (5)利用工具,拖动鼠标,效果如图2-19所示。,第1个屋顶,第2个屋顶,变形中心,移动后,图2-18 绘制矩形,图2-19 移动中心点,(6)在【变形】面板中的设置参数如图2-20所示 。,图2-20 设置“第1个屋顶”变形,如果找不到【变形】面板,可以执行【窗口】/【变形】菜单命令,将【变形】面板打开。 如果约束没有被取消勾选,则被选中图形的x、y方向变形将保持大小一致,(7)使用任意工具。 (8)在【变形】面板中设置参数如图2-21所示 。,【变形】面板,“第1个屋顶”变形效果,“第2个屋顶”变形效果
10、,【变形】面板,图2-21 设置“第2个屋顶”变形,(9)选择【线条】工具,效果如图2-22所示 。,图2-22 连接两图形,在这里绘制线条时,确认【贴紧至对象】 处于按下状态,以方便在连接两个图形时捕捉两图形的端点,(10)删除多余线条,效果如图2-23所示 。,图2-23 删除多余线条,连接两图形的线条,(11)利用【线条】工具 ,按住Shift键向下拖动,绘制3条竖直线条,效果如图2-24所示 。,图2-24 绘制3条竖直线条,对于【椭圆】工具和【矩形】工具,按住Shift键拖动可将形状限制为圆形和正方形。 对于【线条】工具,按住Shift键拖动,可将线条角度限制为45的倍数,其中包括水
11、平和竖直方向,(12)接着利用【线条】工具 绘制剩余的线条,效果如图2-25所示 。,图2-25 绘制剩余的线条,高度128px,高度95.3px,高度77.7px,剩余的线条,剩余的线条,确保如图2-25所示的图形,每个区域都是封闭区域。如果不封闭,则会在填充颜色时失败 。,(1)选择【矩形】工具 ,设置【笔触颜色】为“黑色”,【笔触高度】为“1”,【填充颜色】为“无”,绘制一个矩形来当作“矩形门”,并设置其宽高为“18.5px32.5px”,位置坐标x、y分别为“259.5”、“175.6”。 (2)按住Ctrl+C快捷键,复制“矩形门”。 (3)按住Ctrl+V 快捷键,粘贴“矩形门”,
12、在【属性】面板中设置位置坐标x,y分别为“110.6”、“138.2”,形成第2个“矩形门”,效果如图2-26所示 。,2、绘制矩形门和窗户,确保绘制的矩形处于被选中的状态,复制矩形。后面将多次用到这种复制操作,减少重复绘制的难度。粘贴完成后,保持粘贴出的矩形处于被选中状态,否则由于未启动【对象绘制】按钮 ,所绘制矩形线条可能和其他线条重叠,并自动进行合并。,(4)选择【矩形】工具,绘制一个矩形当作“矩形窗” 。 (5)利用【线条】工具绘制窗格,完成“第1个矩形窗”的绘制 。 (6)按Ctrl+C快捷键,复制“矩形窗” (7)按Ctrl+V快捷键,粘贴“矩形窗”,在【属性】面板中设置其位置坐标
13、x、y分别为“89.7”、“46.9”,形成第2个“矩形窗”,效果如图2-27所示,复制的矩形门,第1个矩形门,复制的矩形窗,第1个矩形窗,图2-26 绘制门,图2-27 绘制窗户,3、制作倾斜门和窗 (1)选中已绘制的“第1个矩形门”将变形中心调至左下角 。 (2)在【变形】面板中,设置其变形参数如图2-28所示,按键盘上的Enter键执行命令。,变形面板,“第1个矩形门”变形效果,图2-28 设置“第1个矩形门”变形,(3)选中“第2个矩形门”,按照同样操作对其进行倾斜变形 。,需要删除的线条,缩小的第2个矩形门,图2-29 删除多余线条,图2-30 “矩形门”变形后的效果,(4)删除两矩
14、形门下端多余的线条,效果如图2-29所示 。,修改变形后,两个“矩形门”的最下端和建筑物轮廓的最下端部分的线条重合或叠加,如图2-29所示,造成错误,因此需要删除多余的线条 。,(5)选中“第2个矩形门” ,在【变形】面板中请读者根据情况调整 。 (6)使用【线条】工具在两个门内分别绘制一条表现其立体感的直线,如图2-30所示的效果,(7)选中已绘制的“第1个矩形门窗”将变形中心调至左下角 。,(8)在【变形】面板中,设置其变形参数如图2-31所示,按键盘上的Enter键执行命令。 (9)选中“第2个矩形窗”,按照同样操作对其进行倾斜变形。 (10)在【变形】面板中,勾选,设置其x、y方向变形
15、都为90%,则可得到缩小的“第2个矩形窗”,效果如图2-32所示。,变形面板,第1个矩形窗”变形效果,缩小的第2个矩形窗,图2-31 矩形窗的变形,图2-32 所有“矩形门窗”变形后的效果,4、绘制弧形窗和路灯 。 (1)选择【椭圆】工具,在【属性】面板中设置。,(2)利用【矩形】工具绘制一个矩形 并设置,效果如图2-33所示 。(3)删除多余的线条,效果如图2-34所示。 (4)利用【线条】工具绘制窗格,效果如图2-35所示。 (5)按住Shfit键绘制45线条,效果如图2-36所示,45线条,图2-33 绘制矩形,图2-34 删除线条,图2-35 绘制窗格,图2-36 绘制45线条格,(6
16、)选中已绘制的“第1个弧形窗”,按Ctrl+C快捷键复制。,(7)按Ctrl+V快捷键,粘贴“弧形窗”,在【属性】面板中设置其位置坐标x,y分别为“89.7”、“46.9”,形成“第2个弧形窗”,效果如图2-37所示。,复制的弧形窗,第1个弧形窗,图2-37 绘制弧形窗,(8)在【 变形 】面板中,设置“第1个弧形窗”变形参数如图2-38所示,按键盘上的Enter键执行命令 。 (9)选中“第2个弧形窗”,按照同样操作对其进行倾斜变形 。,变形面板,“第1个弧形窗”变形效果,图2-38 设置“第1个弧形窗”变形,(10)在【变形】面板中,勾选 ,设置其x、y方向变形都为90%,则可得到缩小的“第2个矩形窗”,效果如图2-39所示 。,图2-39