在Flash CS6中创造的充满活力的设计作品都是由基本图形组成的,Flash CS6提供了各种工具来绘制线条和图形。
线条工具:可以绘制不同颜色、宽度、线型的直线。
铅笔工具:可以像使用真实的铅笔一样绘制出任意的线条和形状。
椭圆工具:可以绘制出不同样式的椭圆形和圆形。
刷子工具:可以像使用现实生活中的刷子涂色一样创建出刷子般的绘画效果,如书法效果就可以使用刷子工具来实现。
【案例学习目标】使用不同的绘图工具绘制图形并组合成图像效果。
【案例知识要点】使用“铅笔”工具和“颜料桶”工具,绘制白云和飘带图形;使用“椭圆”工具,绘制脸部和眼睛,最终效果如图2-1所示。
【效果所在位置】Ch02/效果/绘制青蛙卡片.fla。
图2-1
扫描观看本案例视频
(1)选择“文件>新建”命令,弹出“新建文档”对话框,在“常规”选项卡中选择“Action Script 3.0”选项,将“宽”选项设置为198,“高”选项设置为283,将“背景颜色”设置为浅黄色(#F4E8DA),单击“确定”按钮,完成文档的创建。
(2)按Ctrl+F8组合键,弹出“创建新元件”对话框,在“名称”选项的文本框中输入“白云”,在“类型”选项下拉列表中选择“图形”选项,如图2-2所示,单击“确定”按钮,新建图形元件“白云”,舞台窗口也随之转换为图形元件的舞台窗口。
(3)选择“铅笔”工具 ,在工具箱中将“笔触颜色”设置为黑色,并在工具箱下方的“铅笔模式”选项组的下拉菜单中选中“平滑”选项 。在舞台窗口中绘制出一条闭合曲线,效果如图2-3所示。
图2-2
图2-3
(4)选择“颜料桶”工具 ,在工具箱中将“填充颜色”设置为白色,在闭合曲线的内部单击鼠标填充颜色,效果如图2-4所示。选择“选择”工具 ,双击边线将其选中,如图2-5所示,按Delete键将其删除,效果如图2-6所示。
图2-4
图2-5
图2-6
(1)单击文档窗口左上方的“场景1”图标 ,进入“场景1”的舞台窗口中。将“图层1”重命名为“白云1”。将“库”面板中的图形元件“白云”向舞台窗口中拖曳多次,并分别适当调整其大小与角度,效果如图2-7所示。
(2)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“脸蛋”。选择“椭圆”工具 ,在工具箱中将“笔触颜色”设置为无,“填充颜色”设置为红色(#E60027),单击工具箱下方的“对象绘制”按钮 ,按住Shift键的同时在舞台窗口中绘制一个圆形,效果如图2-8所示。
(3)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“眼睛”。按住Shift键的同时在舞台窗口中绘制一个圆形,效果如图2-9所示。在工具箱中将“填充颜色”设置为白色,按住Shift键的同时在舞台窗口中绘制一个白色的圆形,效果如图2-10所示。
图2-7
图2-8
图2-9
图2-10
(4)在工具箱中将“填充颜色”设置为黑色,按住Shift键的同时在舞台窗口中绘制一个黑色的圆形,效果如图2-11所示。在工具箱中将“填充颜色”设置为白色,按住Shift键的同时在舞台窗口中绘制两个白色的圆形,效果如图2-12所示。用相同的方法绘制出图2-13所示的效果。
图2-11
图2-12
图2-13
(5)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“嘴和装饰”。选择“线条”工具 ,在线条工具“属性”面板中,将“笔触颜色”设置为黑色,“笔触”选项设置为1,在舞台窗口中绘制一条直线,如图2-14所示。
(6)选择“选择”工具 ,将鼠标光标放置在直线的中心部位,当鼠标光标变为 时,如图2-15所示,单击鼠标并向下拖曳到适当的位置,将直线转换为弧线,效果如图2-16所示。
图2-14
图2-15
图2-16
(7)选择“椭圆”工具 ,在工具箱中将“笔触颜色”设置为无,“填充颜色”设置为肉色(#F3A7A3),按住Shift键的同时在舞台窗口中绘制一个圆形,效果如图2-17所示。
(8)选择“选择”工具 ,选中圆形,按住Alt键的同时拖曳鼠标到适当的位置,复制圆形,效果如图2-18所示。按3次Ctrl+Y组合键,重复复制圆形,效果如图2-19所示。
图2-17
图2-18
图2-19
(9)选择“铅笔”工具 ,在工具箱中将“笔触颜色”设置为黑色,并在工具箱下方的“铅笔模式”选项组的下拉菜单中选中“平滑”选项 。在舞台窗口中绘制出一条闭合曲线,效果如图 2-20所示。
(10)选择“颜料桶”工具 ,在工具箱中将“填充颜色”设置为黄色(#FABE00),在闭合曲线的内部单击鼠标填充颜色,效果如图2-21所示。选择“选择”工具 ,双击边线将其选中,按Delete键将其删除,效果如图2-22所示。
图2-20
图2-21
图2-22
(1)选择“文件>导入>导入到库”命令,在弹出的“导入到库”对话框中选择“Ch02 >素材>绘制青蛙卡片> 01、02、03”文件,如图2-23所示,单击“打开”按钮,将选中的素材导入“库”面板中,如图2-24所示。
图2-23
图2-24
(2)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“文字”。将“库”面板中的图形元件“03”拖曳到舞台窗口中,并放置在适当的位置,如图2-25所示。
(3)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“下体”。将“库”面板中的图形元件“01”拖曳到舞台窗口中,并放置到适当的位置,如图2-26所示。在“时间轴”面板中,将“下体”图层拖曳到“脸蛋”图层的下方,效果如图2-27所示。
图2-25
图2-26
图2-27
(4)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“白云2”。将“库”面板中的图形元件“白云”向舞台窗口中拖曳两次,并分别调整其大小及角度,效果如图2-28所示。
(5)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“降落伞”。将“库”面板中的图形元件“02”拖曳到舞台窗口中,如图2-29所示。
图2-28
图2-29
(6)单击“时间轴”面板下方的“新建图层”按钮 ,创建新图层并将其命名为“小山”。选择“线条”工具 ,在线条工具“属性”面板中,将“笔触颜色”设置为黑色,“笔触”选项设置为1,在舞台窗口中绘制两条直线和一条斜线,使斜线和直线形成闭合路径,效果如图2-30所示。
(7)选择“选择”工具 ,将鼠标光标放置在斜线的中心部位,当鼠标光标变为 时,单击鼠标并向上拖曳到适当的位置,将直线转换为弧线,效果如图2-31所示。
图2-30
图2-31
(8)选择“颜料桶”工具 ,在工具箱中将“填充颜色”设置为黄绿色(#AB9E4B),在闭合曲线的内部单击鼠标填充颜色,效果如图2-32所示。选择“选择”工具 ,双击边线将其选中,按Delete键将其删除,效果如图2-33所示。
图2-32
图2-33
(9)用上述的方法绘制出图2-34所示的效果。青蛙卡片绘制完成,按Ctrl+Enter组合键即可查看效果,如图2-35所示。
图2-34
图2-35
选择“线条”工具 ,在舞台上单击鼠标,按住鼠标不放并向右拖曳到需要的位置,绘制出一条直线,松开鼠标,直线效果如图2-36所示。可以在直线工具“属性”面板中设置不同的线条颜色、线条粗细、线条类型,如图2-37所示。
设置不同的线条属性后,绘制的线条如图2-38所示。
图2-36
图2-37
图2-38
选择“线条”工具时,如果按住Shift键的同时拖曳鼠标绘制,则限制线条只能在45°或45°的倍数方向绘制直线。无法为线条工具设置填充属性。
选择“铅笔”工具 ,在舞台上按住鼠标不放,并随意拖曳鼠标绘制出线条,松开鼠标,线条效果如图2-39所示。如果想要绘制出平滑或伸直的线条和形状,可以在工具箱下方的选项区域中为铅笔工具选择一种绘画模式,如图2-40所示。
图2-39
图2-40
“伸直”选项:可以绘制直线,并将接近三角形、椭圆、圆形、矩形和正方形的形状转换为这些常见的几何形状。
“平滑”选项:可以绘制平滑曲线。
“墨水”选项:可以绘制不用修改的手绘线条。
可以在铅笔工具“属性”面板中设置不同的线条颜色、线条粗细、线条类型,如图2-41所示。设置不同的线条属性后,绘制的图形如图2-42所示。
单击“属性”面板样式选项右侧的“编辑笔触样式”按钮 ,弹出“笔触样式”对话框,如图2-43所示,在该对话框中可以自定义笔触样式。
图2-41
图2-42
图2-43
“4倍缩放”选项:可以放大4倍预览设置不同选项后所产生的效果。
“粗细”选项:可以设置线条的粗细。
“锐化转角”选项:勾选此选项可以使线条的转折效果变得明显。
“类型”选项:可以在下拉列表中选择线条的类型。
选择“铅笔”工具时,如果按住Shift键的同时拖曳鼠标绘制,则可将线条限制为垂直或水平方向。
选择“椭圆”工具 ,在舞台上按住鼠标不放,向需要的位置拖曳鼠标,绘制出椭圆图形,松开鼠标,图形效果如图2-44所示。按住Shift键的同时绘制图形,可以绘制出圆形,效果如图2-45所示。
可以在椭圆工具的“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色,如图2-46所示。设置不同的边框属性和填充颜色后,绘制的图形如图2-47所示。
图2-44
图2-45
图2-46
图2-47
“基本椭圆”工具 的使用方法和功能与“椭圆”工具 相同,唯一的区别在于,“椭圆”工具 必须要先设置椭圆属性,然后绘制,绘制好之后不可以更改椭圆属性;而“基本椭圆”工具 绘制前设置属性和绘制后设置属性都是可以的。
选择“刷子”工具 ,在舞台上按住鼠标不放,随意绘制出笔触,松开鼠标,图形效果如图2-48所示。可以在刷子工具的“属性”面板中设置不同的笔触颜色和平滑度,如图2-49所示。
在工具箱的下方应用“刷子大小”选项 、“刷子形状”选项 ,可以设置刷子的大小与形状。设置不同的刷子形状后,绘制的笔触效果如图2-50所示。
图2-48
图2-49
图2-50
系统在工具箱的下方提供了5种刷子的模式供读者选择,如图2-51所示。
“标准绘画”模式:会在同一层的线条和填充上以覆盖的方式涂色。
“颜料填充”模式:对填充区域和空白区域涂色,其他部分(如边框线)不受影响。
“后面绘画”模式:在舞台上同一层的空白区域涂色,但不影响原有的线条和填充。
“颜料选择”模式:在选定的区域内涂色,未被选中的区域不能涂色。
“内部绘画”模式:在内部填充上绘图,但不影响线条。如果在空白区域中开始涂色,则该填充不会影响任何现有填充区域。
应用不同模式绘制出的效果如图2-52所示。
图2-51
图2-52
“锁定填充”按钮 :先为刷子选择放射性渐变色彩,当没有选择此按钮时,用刷子绘制线条,每个线条都有自己完整的渐变过程,线条与线条之间不会影响,如图2-53所示。当选择此按钮时,颜色的渐变过程形成一个固定的区域,在这个区域内,刷子绘制到的地方,就会显示出相应的色彩,如图2-54所示。
图2-53
图2-54
在使用刷子工具涂色时,可以使用导入的位图作为填充。
导入图片,效果如图2-55所示。选择“窗口 > 颜色”命令,弹出“颜色”面板,将“颜色类型”设置为“位图填充”,用刚才导入的位图作为填充图案,如图2-56所示。选择“刷子”工具 ,在窗口中随意绘制一些笔触,效果如图2-57所示。
图2-55
图2-56
图2-57