Flash CS6标准培训教程
上QQ阅读APP看书,第一时间看更新

2.1 基本线条与图形的绘制

在Flash CS6中创造的充满活力的设计作品都是由基本图形组成的,Flash CS6提供了各种工具来绘制线条和图形。

命令介绍

线条工具:可以绘制不同颜色、宽度、线型的直线。

铅笔工具:可以像使用真实中的铅笔一样绘制出任意的线条和形状。

椭圆工具:可以绘制出不同样式的椭圆形和圆形。

刷子工具:可以像现实生活中的刷子涂色一样创建出刷子般的绘画效果,如书法效果就可使用刷子工具实现。

2.1.1 课堂案例——绘制小篷车

【案例学习目标】使用不同的绘图工具绘制图形并组合成图像效果。

【案例知识要点】使用“线条”工具,绘制小篷车车厢;使用“椭圆”工具,绘制车轮图形,如图2-1所示。

图2-1

【效果所在位置】Ch02/效果/绘制小篷车.fla。

1. 新建文档并绘制车厢

(1)选择“文件 > 新建”命令,弹出“新建文档”对话框,在“常规”选项卡中选择“ActionScript 3.0”选项,将“宽”选项设为600,“高”选项设为600,单击“确定”按钮,完成文档的创建。

(2)在“时间轴”面板中,将“图层1”重命名为“车厢”,如图2-2所示。选择“线条”工具49427-00-24-002,在线条工具“属性”面板中,将“笔触颜色”设为橘红色(#E56C57),“笔触”选项设为146,“端点”选项设为“无”,其他选项的设置如图2-3所示。在舞台窗口中按住Shift键的同时绘制一条直线,效果如图2-4所示。

图2-2

图2-3

图2-4

(3)选择“选择”工具49427-00-24-006,选中绘制的直线,在绘制对象“属性”面板中,将“宽”选项设为316,“X”选项设为136,“Y”选项设为370.5,如图2-5所示,效果如图2-6所示。

图2-5

图2-6

(4)选择“线条”工具49427-00-24-007,在线条工具“属性”面板中,将“笔触颜色”设为黄绿色(#AACF53),“笔触”选项设为20,“端点”选项设为“无”。在舞台窗口中按住Shift键的同时绘制一条直线,效果如图2-7所示。

图2-7

(5)选择“选择”工具49427-00-25-004,选中黄绿色线条,如图2-8所示,在绘制对象“属性”面板中,将“宽”选项设为316,“X”选项设为136,“Y”选项设为307.5,效果如图2-9所示。

图2-8

图2-9

(6)选择“线条”工具49427-00-25-007,在舞台窗口中绘制一条直线,效果如图2-10所示。选择“选择”工具49427-00-25-008,选中黄绿色线条,如图2-11所示,在绘制对象“属性”面板中,将“宽”选项设为316,“X”选项设为136,“Y”选项设为433.5,效果如图2-12所示。

图2-10

图2-11

图2-12

(7)选择“线条”工具49427-00-25-012,在舞台窗口中绘制一条垂直线,效果如图2-13所示。选择“选择”工具49427-00-25-013,选中黄绿色垂直线,如图2-14所示,在绘制对象“属性”面板中,将“高”选项设为82.95,“X”选项设为152,“Y”选项设为434,“笔触”选项设为10,效果如图2-15所示。

图2-13

图2-14

图2-15

(8)选择“线条”工具49427-00-25-016,在线条工具“属性”面板中,将“笔触颜色”设为橘红色(#E56C57),“笔触”选项设为15,在舞台窗口中绘制一条直线,效果如图2-16所示。选择“选择”工具49427-00-25-017,选中绘制的线条,如图2-17所示,在绘制对象“属性”面板中,将“宽”选项设为375,“X”选项设为106,“Y”选项设为325.5,效果如图2-18所示。

图2-16

图2-17

图2-18

2. 绘制车轮

(1)单击“时间轴”面板下方的“新建图层”按钮49427-00-25-022,创建新图层并将其命名为“车轮”。选择“基本椭圆”工具49427-00-25-023,在基本椭圆工具“属性”面板中,将“笔触颜色”设为褐色(#734521),“填充颜色”设为无,“笔触”选项设为25,其他选项的设置如图2-19所示。按住Shift键的同时在舞台窗口中绘制1个圆形,效果如图2-20所示。

图2-19

图2-20

(2)选择“选择”工具49427-00-26-003,选中绘制的圆环,如图2-21所示。在椭圆图元“属性”面板中,将“宽”选项设为133,“高”选项设为133,效果如图2-22所示。

图2-21

图2-22

(3)选择“线条”工具49427-00-26-006,在线条工具“属性”面板中,将“笔触颜色”设为土色(#D48607),“笔触”选项设为10,在舞台窗口中绘制一条直线,效果如图2-23所示。选择“选择”工具49427-00-26-007,选中绘制的线条,如图2-24所示,在绘制对象“属性”面板中,将“宽”选项设为133,效果如图2-25所示。按Ctrl+B组合键,将图形打散,效果如图2-26所示。

图2-23

图2-24

图2-25

图2-26

(4)选择“窗口 > 变形”命令,弹出“变形”面板,单击“重制选区和变形”按钮49427-00-26-012,复制图形,将“旋转”选项设为45,旋转图形的角度,效果如图2-27所示。再次单击3次“重制选区和变形”按钮49427-00-26-013,将图形旋转角度并复制,效果如图2-28所示。

图2-27

图2-28

(5)在“时间轴”面板中单击“车轮”图层,将该层中的图形全部选中,如图2-29所示。选择“窗口 > 对齐”命令,弹出“对齐”面板,分别单击“水平中齐”按钮49427-00-26-016和“垂直中齐”按钮49427-00-26-017,将选中的图形中心对齐,效果如图2-30所示。

图2-29

图2-30

(6)选择“椭圆”工具49427-00-26-020,在工具箱中将“笔触颜色”设为无,“填充颜色”设为褐色(#734521),单击工具箱下方的“对象绘制”按钮49427-00-26-021,按住Shift键的同时在舞台窗口中绘制一个圆形,如图2-31所示。在绘制对象“属性”面板中,将“宽”选项和“高”选项均设为46,效果如图2-32所示。

图2-31

图2-32

(7)在“时间轴”面板中单击“车轮”图层,将该层中的图形全部选中,如图2-33所示。分别单击“对齐”面板中的“水平中齐”按钮49427-00-26-024和“垂直中齐”按钮49427-00-26-025,将选中的图形中心对齐,效果如图2-34所示。

图2-33

图2-34

(8)按Ctrl+G组合键,将选中的图形编组,效果如图2-35所示。在组“属性”面板中,将“X”选项设为228,“Y”选项设为375,如图2-36所示,效果如图2-37所示。

图2-35

图2-36

图2-37

3. 绘制车篷

(1)单击“时间轴”面板下方的“新建图层”按钮49427-00-27-006,创建新图层并将其命名为“车篷”。选择“线条”工具49427-00-27-007,在线条工具“属性”面板中,将“笔触颜色”设为蓝绿色(#52B3D0),“笔触”选项设为79,在舞台窗口中绘制一条垂直线,效果如图2-38所示。

图2-38

(2)选择“基本椭圆”工具49427-00-27-008,在基本椭圆工具“属性”面板中,将“笔触颜色”设为无,“填充颜色”设为深绿色(#2C96B1),按住Shift键的同时在舞台窗口中绘制1个圆形,效果如图2-39所示。

图2-39

(3)选择“选择”工具49427-00-27-011,选中绘制的圆形,选择“修改 > 排列 > 移至底层”命令,效果如图2-40所示。在椭圆图元“属性”面板中,将“宽”选项设为79,效果如图2-41所示。拖曳圆形到适当的位置,效果如图2-42所示。

图2-40

图2-41

图2-42

(4)在“时间轴”面板中单击“车篷”图层,将该层中的图形全部选中,如图2-43所示。按住Alt键的同时向右拖曳图形到适当的位置,松开鼠标,复制图形,效果如图2-44所示。

图2-43

图2-44

(5)选中图2-45所示的图形,在工具箱中将“笔触颜色”设为浅灰色(#DDDCD1),效果如图2-46所示。

图2-45

图2-46

(6)选中图2-47所示的图形,在工具箱中将“填充颜色”设为深灰色(#BEBDB4),效果如图2-48所示。用上述的方法制作出图2-49所示的效果。

图2-47

图2-48

图2-49

(7)单击“时间轴”面板下方的“新建图层”按钮49427-00-27-022,创建新图层并将其命名为“篷柱”。选择“线条”工具49427-00-27-023,在线条工具“属性”面板中,将“笔触颜色”设为褐色(#734521),“笔触”选项设为25,在舞台窗口中绘制一条垂直线,效果如图2-50所示。

图2-50

(8)选择“选择”工具49427-00-28-001,按住Alt+Shift组合键的同时向右拖曳垂直线到适当的位置,松开鼠标,复制图形,效果如图2-51所示。

图2-51

(9)在“时间轴”面板中,将“篷柱”图层拖曳到“车厢”图层的下方,如图2-52所示,效果如图2-53所示。

图2-52

图2-53

(10)小篷车绘制完成,按Ctrl+Enter组合键即可查看效果,如图2-54所示。

图2-54

2.1.2 线条工具

选择“线条”工具49427-00-28-007,在舞台上单击鼠标,按住鼠标不放并向任意角度拖动到需要的位置,绘制出一条直线,松开鼠标,直线效果如图2-55所示。可以在线条工具“属性”面板中设置不同的线条颜色、线条粗细、线条类型,如图2-56所示。

图2-55

图2-56

设置不同的线条属性后,绘制的线条如图2-57所示。

图2-57

提示

选择“线条”工具时,如果按住Shift键的同时拖曳鼠标绘制,则限制线条只能在45°或45°的倍数方向绘制直线。无法为线条工具设置填充属性。

2.1.3 铅笔工具

选择“铅笔”工具49427-00-28-011,在舞台上单击鼠标,按住鼠标不放并随意拖曳鼠标绘制出线条,松开鼠标,线条效果如图2-58所示。如果想要绘制出平滑或伸直线条和形状,可以在工具箱下方的选项区域中为铅笔工具选择一种绘画模式,如图2-59所示。

图2-58

图2-59

“伸直”选项:可以绘制直线,并将接近三角形、椭圆、圆形、矩形和正方形的形状转换为这些常见的几何形状。

“平滑”选项:可以绘制平滑曲线。

“墨水”选项:可以绘制不用修改的手绘线条。

可以在铅笔工具“属性”面板中设置不同的线条颜色、线条粗细、线条类型,如图2-60所示。设置不同的线条属性后,绘制的图形如图2-61所示。

图2-60

图2-61

单击“属性”面板样式选项右侧的“编辑笔触样式”按钮49427-00-29-003,弹出“笔触样式”对话框,如图2-62所示,在对话框中可以自定义笔触样式。

图2-62

“4倍缩放”选项:可以放大4倍预览设置不同选项后所产生的效果。

“粗细”选项:可以设置线条的粗细。

“锐化转角”选项:勾选此选项可以使线条的转折效果变得明显。

“类型”选项:可以在下拉列表中选择线条的类型。

提示

选择“铅笔”工具时,如果按住Shift键的同时拖曳鼠标绘制,则可将线条限制为垂直或水平方向。

2.1.4 椭圆工具

选择“椭圆”工具49427-00-29-005,在舞台上单击鼠标不放,向需要的位置拖曳鼠标,绘制出椭圆图形,松开鼠标,图形效果如图2-63所示。按住Shift键的同时绘制图形,可以绘制出圆形,效果如图2-64所示。

图2-63

图2-64

可以在椭圆工具“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色,如图2-65所示。设置不同的边框属性和填充颜色后,绘制的图形如图2-66所示。

图2-65

图2-66

2.1.5 基本椭圆工具

“基本椭圆”工具49427-00-29-010的使用方法和功能与“椭圆”工具49427-00-29-011相同,唯一的区别在于“椭圆”工具49427-00-29-012必须要先设置椭圆属性,然后再绘制,绘制好之后不可以再次更改椭圆属性。而“基本椭圆”工具49427-00-29-013,绘制前设置属性和绘制后设置属性都是可以的。

2.1.6 刷子工具

选择“刷子”工具49427-00-30-001,在舞台上单击鼠标不放,随意绘制出笔触,松开鼠标,图形效果如图2-67所示。可以在刷子工具“属性”面板中设置不同的笔触颜色和平滑度,如图2-68所示。

图2-67

图2-68

在工具箱的下方应用“刷子大小”选项49427-00-30-002、“刷子形状”选项49427-00-30-003,可以设置刷子的大小与形状。设置不同的刷子形状后所绘制的笔触效果如图2-69所示。

图2-69

系统在工具箱的下方提供了5种刷子的模式可供选择,如图2-70所示。

图2-70

“标准绘画”模式:会在同一层的线条和填充上以覆盖的方式涂色。

“颜料填充”模式:对填充区域和空白区域涂色,其他部分(如边框线)不受影响。

“后面绘画”模式:在舞台上同一层的空白区域涂色,但不影响原有的线条和填充。

“颜料选择”模式:在选定的区域内进行涂色,未被选中的区域不能够涂色。

“内部绘画”模式:在内部填充上绘图,但不影响线条。如果在空白区域中开始涂色,该填充不会影响任何现有填充区域。

应用不同模式绘制出的效果如图2-71所示。

图2-71

“锁定填充”按钮49427-00-30-013:先为刷子选择放射性渐变色彩,当没有选择此按钮时,用刷子绘制线条,每个线条都有自己完整的渐变过程,线条与线条之间不会互相影响,如图2-72所示。当选择此按钮时,颜色的渐变过程形成一个固定的区域,在这个区域内,刷子绘制到的地方,就会显示出相应的色彩,如图2-73所示。

图2-72

图2-73

在使用“刷子”工具涂色时,可以使用导入的位图作为填充。

导入图片,效果如图2-74所示。选择“窗口 >颜色”命令,弹出“颜色”面板,将“颜色类型”选项设为“位图填充”,用刚才导入的位图作为填充图案,如图2-75所示。选择“刷子”工具49427-00-30-016,在窗口中随意绘制一些笔触,效果如图2-76所示。

图2-74

图2-75

图2-76