购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.1 基本线条与图形的绘制

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

命令介绍

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

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

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

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

2.1.1 课堂案例——绘制青蛙卡片

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

【案例知识要点】使用“铅笔”工具和“颜料桶”工具,绘制白云和飘带图形;使用“椭圆”工具,绘制脸部和眼睛,最终效果如图2-1所示。

【效果所在位置】Ch02/效果/绘制青蛙卡片.fla。

图2-1

扫描观看本案例视频

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

2.绘制脸部图形

(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

3.导入素材绘制小山

(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.1.2 线条工具

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

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

图2-36

图2-37

图2-38

提示

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

2.1.3 铅笔工具

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

图2-39

图2-40

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

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

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

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

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

图2-41

图2-42

图2-43

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

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

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

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

提示

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

2.1.4 椭圆工具

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

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

图2-44

图2-45

图2-46

图2-47

2.1.5 基本椭圆工具

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

2.1.6 刷子工具

选择“刷子”工具 ,在舞台上按住鼠标不放,随意绘制出笔触,松开鼠标,图形效果如图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 bFcZ18iU6R5EhWGYLbOa9+UOP+brYe3l5FcGsuPsKKL2RmXi2mgEOpo7VVM0JRY9

点击中间区域
呼出菜单
上一章
目录
下一章
×