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所示。选择“线条”工具,在线条工具“属性”面板中,将“笔触颜色”设为橘红色(#E56C57),“笔触”选项设为146,“端点”选项设为“无”,其他选项的设置如图2-3所示。在舞台窗口中按住Shift键的同时绘制一条直线,效果如图2-4所示。
图2-2
图2-3
图2-4
(3)选择“选择”工具,选中绘制的直线,在绘制对象“属性”面板中,将“宽”选项设为316,“X”选项设为136,“Y”选项设为370.5,如图2-5所示,效果如图2-6所示。
图2-5
图2-6
(4)选择“线条”工具,在线条工具“属性”面板中,将“笔触颜色”设为黄绿色(#AACF53),“笔触”选项设为20,“端点”选项设为“无”。在舞台窗口中按住Shift键的同时绘制一条直线,效果如图2-7所示。
图2-7
(5)选择“选择”工具,选中黄绿色线条,如图2-8所示,在绘制对象“属性”面板中,将“宽”选项设为316,“X”选项设为136,“Y”选项设为307.5,效果如图2-9所示。
图2-8
图2-9
(6)选择“线条”工具,在舞台窗口中绘制一条直线,效果如图2-10所示。选择“选择”工具,选中黄绿色线条,如图2-11所示,在绘制对象“属性”面板中,将“宽”选项设为316,“X”选项设为136,“Y”选项设为433.5,效果如图2-12所示。
图2-10
图2-11
图2-12
(7)选择“线条”工具,在舞台窗口中绘制一条垂直线,效果如图2-13所示。选择“选择”工具,选中黄绿色垂直线,如图2-14所示,在绘制对象“属性”面板中,将“高”选项设为82.95,“X”选项设为152,“Y”选项设为434,“笔触”选项设为10,效果如图2-15所示。
图2-13
图2-14
图2-15
(8)选择“线条”工具,在线条工具“属性”面板中,将“笔触颜色”设为橘红色(#E56C57),“笔触”选项设为15,在舞台窗口中绘制一条直线,效果如图2-16所示。选择“选择”工具,选中绘制的线条,如图2-17所示,在绘制对象“属性”面板中,将“宽”选项设为375,“X”选项设为106,“Y”选项设为325.5,效果如图2-18所示。
图2-16
图2-17
图2-18
2. 绘制车轮
(1)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“车轮”。选择“基本椭圆”工具,在基本椭圆工具“属性”面板中,将“笔触颜色”设为褐色(#734521),“填充颜色”设为无,“笔触”选项设为25,其他选项的设置如图2-19所示。按住Shift键的同时在舞台窗口中绘制1个圆形,效果如图2-20所示。
图2-19
图2-20
(2)选择“选择”工具,选中绘制的圆环,如图2-21所示。在椭圆图元“属性”面板中,将“宽”选项设为133,“高”选项设为133,效果如图2-22所示。
图2-21
图2-22
(3)选择“线条”工具,在线条工具“属性”面板中,将“笔触颜色”设为土色(#D48607),“笔触”选项设为10,在舞台窗口中绘制一条直线,效果如图2-23所示。选择“选择”工具,选中绘制的线条,如图2-24所示,在绘制对象“属性”面板中,将“宽”选项设为133,效果如图2-25所示。按Ctrl+B组合键,将图形打散,效果如图2-26所示。
图2-23
图2-24
图2-25
图2-26
(4)选择“窗口 > 变形”命令,弹出“变形”面板,单击“重制选区和变形”按钮,复制图形,将“旋转”选项设为45,旋转图形的角度,效果如图2-27所示。再次单击3次“重制选区和变形”按钮,将图形旋转角度并复制,效果如图2-28所示。
图2-27
图2-28
(5)在“时间轴”面板中单击“车轮”图层,将该层中的图形全部选中,如图2-29所示。选择“窗口 > 对齐”命令,弹出“对齐”面板,分别单击“水平中齐”按钮和“垂直中齐”按钮,将选中的图形中心对齐,效果如图2-30所示。
图2-29
图2-30
(6)选择“椭圆”工具,在工具箱中将“笔触颜色”设为无,“填充颜色”设为褐色(#734521),单击工具箱下方的“对象绘制”按钮,按住Shift键的同时在舞台窗口中绘制一个圆形,如图2-31所示。在绘制对象“属性”面板中,将“宽”选项和“高”选项均设为46,效果如图2-32所示。
图2-31
图2-32
(7)在“时间轴”面板中单击“车轮”图层,将该层中的图形全部选中,如图2-33所示。分别单击“对齐”面板中的“水平中齐”按钮和“垂直中齐”按钮,将选中的图形中心对齐,效果如图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)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“车篷”。选择“线条”工具,在线条工具“属性”面板中,将“笔触颜色”设为蓝绿色(#52B3D0),“笔触”选项设为79,在舞台窗口中绘制一条垂直线,效果如图2-38所示。
图2-38
(2)选择“基本椭圆”工具,在基本椭圆工具“属性”面板中,将“笔触颜色”设为无,“填充颜色”设为深绿色(#2C96B1),按住Shift键的同时在舞台窗口中绘制1个圆形,效果如图2-39所示。
图2-39
(3)选择“选择”工具,选中绘制的圆形,选择“修改 > 排列 > 移至底层”命令,效果如图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)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“篷柱”。选择“线条”工具,在线条工具“属性”面板中,将“笔触颜色”设为褐色(#734521),“笔触”选项设为25,在舞台窗口中绘制一条垂直线,效果如图2-50所示。
图2-50
(8)选择“选择”工具,按住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 线条工具
选择“线条”工具,在舞台上单击鼠标,按住鼠标不放并向任意角度拖动到需要的位置,绘制出一条直线,松开鼠标,直线效果如图2-55所示。可以在线条工具“属性”面板中设置不同的线条颜色、线条粗细、线条类型,如图2-56所示。
图2-55
图2-56
设置不同的线条属性后,绘制的线条如图2-57所示。
图2-57
提示
选择“线条”工具时,如果按住Shift键的同时拖曳鼠标绘制,则限制线条只能在45°或45°的倍数方向绘制直线。无法为线条工具设置填充属性。
2.1.3 铅笔工具
选择“铅笔”工具,在舞台上单击鼠标,按住鼠标不放并随意拖曳鼠标绘制出线条,松开鼠标,线条效果如图2-58所示。如果想要绘制出平滑或伸直线条和形状,可以在工具箱下方的选项区域中为铅笔工具选择一种绘画模式,如图2-59所示。
图2-58
图2-59
“伸直”选项:可以绘制直线,并将接近三角形、椭圆、圆形、矩形和正方形的形状转换为这些常见的几何形状。
“平滑”选项:可以绘制平滑曲线。
“墨水”选项:可以绘制不用修改的手绘线条。
可以在铅笔工具“属性”面板中设置不同的线条颜色、线条粗细、线条类型,如图2-60所示。设置不同的线条属性后,绘制的图形如图2-61所示。
图2-60
图2-61
单击“属性”面板样式选项右侧的“编辑笔触样式”按钮,弹出“笔触样式”对话框,如图2-62所示,在对话框中可以自定义笔触样式。
图2-62
“4倍缩放”选项:可以放大4倍预览设置不同选项后所产生的效果。
“粗细”选项:可以设置线条的粗细。
“锐化转角”选项:勾选此选项可以使线条的转折效果变得明显。
“类型”选项:可以在下拉列表中选择线条的类型。
提示
选择“铅笔”工具时,如果按住Shift键的同时拖曳鼠标绘制,则可将线条限制为垂直或水平方向。
2.1.4 椭圆工具
选择“椭圆”工具,在舞台上单击鼠标不放,向需要的位置拖曳鼠标,绘制出椭圆图形,松开鼠标,图形效果如图2-63所示。按住Shift键的同时绘制图形,可以绘制出圆形,效果如图2-64所示。
图2-63
图2-64
可以在椭圆工具“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色,如图2-65所示。设置不同的边框属性和填充颜色后,绘制的图形如图2-66所示。
图2-65
图2-66
2.1.5 基本椭圆工具
“基本椭圆”工具的使用方法和功能与“椭圆”工具相同,唯一的区别在于“椭圆”工具必须要先设置椭圆属性,然后再绘制,绘制好之后不可以再次更改椭圆属性。而“基本椭圆”工具,绘制前设置属性和绘制后设置属性都是可以的。
2.1.6 刷子工具
选择“刷子”工具,在舞台上单击鼠标不放,随意绘制出笔触,松开鼠标,图形效果如图2-67所示。可以在刷子工具“属性”面板中设置不同的笔触颜色和平滑度,如图2-68所示。
图2-67
图2-68
在工具箱的下方应用“刷子大小”选项、“刷子形状”选项,可以设置刷子的大小与形状。设置不同的刷子形状后所绘制的笔触效果如图2-69所示。
图2-69
系统在工具箱的下方提供了5种刷子的模式可供选择,如图2-70所示。
图2-70
“标准绘画”模式:会在同一层的线条和填充上以覆盖的方式涂色。
“颜料填充”模式:对填充区域和空白区域涂色,其他部分(如边框线)不受影响。
“后面绘画”模式:在舞台上同一层的空白区域涂色,但不影响原有的线条和填充。
“颜料选择”模式:在选定的区域内进行涂色,未被选中的区域不能够涂色。
“内部绘画”模式:在内部填充上绘图,但不影响线条。如果在空白区域中开始涂色,该填充不会影响任何现有填充区域。
应用不同模式绘制出的效果如图2-71所示。
图2-71
“锁定填充”按钮:先为刷子选择放射性渐变色彩,当没有选择此按钮时,用刷子绘制线条,每个线条都有自己完整的渐变过程,线条与线条之间不会互相影响,如图2-72所示。当选择此按钮时,颜色的渐变过程形成一个固定的区域,在这个区域内,刷子绘制到的地方,就会显示出相应的色彩,如图2-73所示。
图2-72
图2-73
在使用“刷子”工具涂色时,可以使用导入的位图作为填充。
导入图片,效果如图2-74所示。选择“窗口 >颜色”命令,弹出“颜色”面板,将“颜色类型”选项设为“位图填充”,用刚才导入的位图作为填充图案,如图2-75所示。选择“刷子”工具,在窗口中随意绘制一些笔触,效果如图2-76所示。
图2-74
图2-75
图2-76