![边用边学Flash动画设计与制作](https://wfqqreader-1252317822.image.myqcloud.com/cover/277/22655277/b_22655277.jpg)
2.2 绘制基本图形
在Flash动画制作中,绘制各种图形是动画制作的基础,这些图形包括各种规则图形、不规则图形以及特殊图形等。
2.2.1 绘制不规则图形
绘制不规则图形的工具主要有【线条工具】、【铅笔工具】
、【钢笔工具】
。
1.【线条工具】
【线条工具】用于绘制不同长度和角度的直线。
【任务1】使用【线条工具】绘制线条。
Step 1 激活【线条工具】,在舞台中拖曳鼠标指针,即可绘制不同角度和长度的线条,如图2-8所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0032_0012.jpg?sign=1738960709-AZkljT281NrYHja8cwROxUnvs6oBKBhh-0-266f510d26fa4dc2ff57d0fb6cda5869)
图2-8
Step 2 打开【属性】面板,可以设置线条的笔触颜色、笔触高度、笔触样式等,如图2-9所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0032_0013.jpg?sign=1738960709-UOhRGoEf8B9P3hHlwjsd9BFZogTKYVH3-0-a0b0676470709b1c53da714584438e6c)
图2-9
Step 3 设置完成后,即可绘制不同高度、不同颜色和不同样式的线条,如图2-10所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0033_0001.jpg?sign=1738960709-I6eozTPEcsmWIhIMcQi7DmLHIsrSDeKM-0-93f817cdca1f2287945f355501219f99)
图2-10
2.【铅笔工具】
【铅笔工具】用于绘制不规则的曲线或者直线。
【任务2】使用【铅笔工具】绘制线条。
Step 1 激活【铅笔工具】,在舞台中拖曳鼠标指针,绘制线条,如图2-11所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0033_0006.jpg?sign=1738960709-5txBACSah087ReapujYI7ywUnqKAUe3O-0-08af1b254e8d35e8ba3afa4b323750dd)
图2-11
Step 2 打开【属性】面板,设置铅笔的笔触颜色、笔触高度、笔触样式等,如图2-12所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0033_0007.jpg?sign=1738960709-aXxdCQdA9qMO5YLK3DzmYlUi9khRHgwH-0-07b1803aeb7301839a8e46579dfeb26a)
图2-12
另外,还可以在工具栏下方选择使用何种模式进行绘制,包括【伸直】、【平滑】和【墨水】3种模式。
● 【伸直】模式可以自动规则绘制的的曲线,使其贴近规则曲线,只要勾勒出图像的大致轮廓,系统会自动将图形转化为接近的规则图形,如图2-13所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0033_0011.jpg?sign=1738960709-nbzyvK0AWInMMO7bjFCiuCAsHZN1Z5bc-0-2657dfb14ea522767c71ce2f97704dde)
图2-13
● 【平滑】模式可以平滑所绘制的曲线,使曲线的线条更加光滑,如图2-14所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0033_0012.jpg?sign=1738960709-imgshORwR1BVOfQmi7qVFSqMoYmXXJLL-0-216d1be5a9d8368aca098a22e656e3f8)
图2-14
● 【墨水】模式对绘制的图形不进行任意加工,使绘制的线条保持原样,如图2-15所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0033_0013.jpg?sign=1738960709-ufG0N0J9hQEht7jBCXOJQofSAiOmlmXp-0-3f3c59cabd73a847df47377183986b2a)
图2-15
3.【钢笔工具】
【钢笔工具】可以绘制光滑、精确的曲线,同时可以通过调整曲线的曲率改变曲线的形态。
【任务3】使用【钢笔工具】绘制曲线。
Step 1 激活【钢笔工具】,在舞台中单击创建锚点,创建由转换角连接的直线段组成的路径,如图2-16所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0034_0003.jpg?sign=1738960709-eiiHsl3HyXCwEw08xeWlOsZAMGjTBf4d-0-06ee377b586bfcc434b3ef9c81998e59)
图2-16
Step 2 打开【属性】面板,设置笔触颜色、笔触高度、笔触样式等,如图2-17所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0034_0004.jpg?sign=1738960709-PYprrPBF0kha22U04QNZLvnXcZL8SCii-0-06f285e40f938e40120ac339c3e8c498)
图2-17
Step 3 在舞台上单击创建锚点,创建由转换角连接的直线段组成的路径,如图2-18所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0034_0005.jpg?sign=1738960709-TLEQobHqMe8Svp41MGr6qsd6Lq1rlTaH-0-b2f13c32625bf1908081d2fb3c49fade)
图2-18
Step 4 如果要创建曲线,则可以在创建第2个锚点时按住鼠标左键拖曳,此时出现控制曲线的调节杆,调节杆控制曲线的曲率,依次绘制曲线,如图2-19所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0034_0007.jpg?sign=1738960709-tnRKvGdC6nuDCOReuuiSp0uQp2zJNfDH-0-19f975b9696efdabc65daaeb40004ea1)
图2-19
Step 5 此外,也可以激活【转换锚点工具】,在有转换角的锚点上按住鼠标拖曳,拖出调节杆,继续拖曳鼠标指针,调整曲线的曲率,将转换角曲线调整为平滑曲线,如图2-20所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0034_0008.jpg?sign=1738960709-5aWYiuGbeeNy75Uwohmk9lqC9wUuQA12-0-bc146658647808734f3a6642ea26b02c)
图2-20
Step 6 还可以在路径上添加锚点或删除路径上多余的锚点,从而达到调整曲线的目的。添加锚点时,激活【添加锚点工具】,在路径上单击即可添加锚点。若要删除锚点,则可以激活【删除锚点工具】
,在路径锚点上单击即可。
2.2.2 绘制规则图形
绘制规则图形的工具主要有【椭圆工具】、【基本椭圆工具】
、【矩形工具】
、【基本矩形工具】
以及【多角星形工具】
,下面分别介绍这几种工具的使用方法。
1.【椭圆工具】与【基本椭圆工具】
这两个工具都是用于绘制椭圆、圆、圆环或圆弧的矢量绘图工具,二者的区别在于使用【基本椭圆工具】绘制的图形包含节点。
【任务4】使用【椭圆工具】绘制椭圆。
Step 1 激活【椭圆工具】,在舞台中拖曳鼠标指针,创建圆或椭圆图形,如图2-21所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0035_0006.jpg?sign=1738960709-9uQh7qgGAidc4EHLO5qhzzk4tOA6VeQz-0-c5a61e15fcfb7226f023bdaa136e618f)
图2-21
Step 2 打开【属性】面板,设置图形的填充颜色、笔触颜色、宽度以及样式等,如图2-22所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0035_0007.jpg?sign=1738960709-nqq2UjYZQh38iw9triCZIIgEyS5eMzn9-0-3ece9a76cd4c2baa7b16959c93351560)
图2-22
Step 3 设置完毕后,继续在舞台中拖曳鼠标指针即可绘制圆或椭圆,如果设置了【开始角度】、【结束角度】以及【内径】等选项,则可以绘制半圆或半圆弧,结果如图2-23所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0035_0008.jpg?sign=1738960709-T0chgvhD16M3QGCpjgzykhMWH2VlyESW-0-0b5db8cd7576b8c6a5d474b5883cc8de)
图2-23
Step 4 使用【基本椭圆工具】绘制的圆包含节点,可以使用【选择工具】
拖曳节点进行调整,也可以在【属性】面板中设置【开始角度】或【结束角度】,调整圆为饼形图形,如图2-24所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0035_0011.jpg?sign=1738960709-akKPSBzVTikQDDLQpfVEeDnNPNqiFF1v-0-782449671195d9455f534a5059b51be6)
图2-24
2.【矩形工具】与【基本矩形工具】
【矩形工具】与【基本矩形工具】
可以绘制矩形、正方形和圆角矩形。
【任务5】使用【矩形工具】绘制矩形。
Step 1 激活【矩形工具】,在舞台中拖曳鼠标指针,创建矩形图形,如图2-25所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0036_0003.jpg?sign=1738960709-ccRnjNpI1ynseAoOsL3zBGrUDfAz9f1X-0-8bfef3cb8611916341216120a14c2ce8)
图2-25
Step 2 打开【属性】面板,设置图形的填充颜色、笔触颜色、笔触高度、样式以及圆角度数等,如图2-26所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0036_0004.jpg?sign=1738960709-Sxoqr1uodlc9txha6iWQ6qa3CQN44hwy-0-848df37dc79a600cfe93ea5a79ed0202)
图2-26
Step 3 在舞台中拖曳鼠标指针,即可绘制矩形和圆角矩形,如图2-27所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0036_0005.jpg?sign=1738960709-v6V1bKnyemkTXBhvUKRKz1dm59oDKuMB-0-55c5d1e8a85b5f415ca362d51c7121c6)
图2-27
Step 4 也可以使用【选择工具】拖曳矩形和圆角矩形上的节点,改变矩形和圆角矩形的形态,如图2-28所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0036_0007.jpg?sign=1738960709-yLb9qzrwvToD2qus0P1zB7eWjrsc4Lfl-0-30c14a966e9c559b4d5561998fd03bee)
图2-28
3.【多角星形工具】
【多角星形工具】用于绘制多边形和星形。
【任务6】使用【多角星形工具】绘制星形图形。
Step 1 激活【多角星形工具】,在舞台中拖曳鼠标指针,创建星形图形,如图2-29所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0037_0003.jpg?sign=1738960709-EG25nHcV70Rlu7oeTKenZ0WPoJh4WRYQ-0-e16db81439a21170647d26b2764acae5)
图2-29
Step 2 打开【属性】面板,设置图形的填充颜色、笔触颜色、笔触高度、样式以及圆角度数等。
Step 3 单击【选项】按钮,在打开的【工具选项】对话框中设置多边形的边数、样式等,如图2-30所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0037_0004.jpg?sign=1738960709-pERVIsZMGPO8V3PoalX6ecInVfUxwP1M-0-4075a389dace84306d40845a8f6f04d4)
图2-30
Step 4 设置完成后,在舞台拖曳鼠标指针,即可绘制多边形或星形,如图2-31所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0037_0005.jpg?sign=1738960709-ErTxBtimhB9xtkkx6ImvK4xEZhwLmuYZ-0-1a68c1f555a95865ae39f18920cb2092)
图2-31
2.2.3 绘制特殊图形
除了不规则图形与规则图形之外,Flash CS5还可以绘制特殊图形。绘制特殊图形的工具有【刷子工具】、【喷涂刷工具】
与【Deco工具】
。
1.【刷子工具】
【刷子工具】用于绘制任意形状的矢量图形或创建一些特殊效果,其绘制的笔触好像涂色效果一般。
【任务7】使用【刷子工具】绘制图形。
Step 1 激活【刷子工具】,在舞台中拖曳鼠标指针,创建图形,如图2-32所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0037_0019.jpg?sign=1738960709-9cL4Z2MErCV6nLTf0iXlEkRHX53ZIVrf-0-4730b6342ae62bfcde35772dbf7b2109)
图2-32
Step 2 打开【属性】面板,设置颜色和平滑度等,如图2-33所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0038_0001.jpg?sign=1738960709-Ma5yTBSI7xHVjJKQ7NlYFdi6xiyXZRRi-0-c985df03a26fcf6fa82119298880a8ad)
图2-33
Step 3 在舞台中拖曳鼠标指针,即可绘制特殊图形,如图2-34所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0038_0002.jpg?sign=1738960709-vDw9UQAYdYPT89t8VQE1GPBxTAL8DnON-0-c3632c65e465107206e68849bcb6044b)
图2-34
Step 4 另外,激活【刷子工具】后,还可以在工具栏下方选择刷子形状、设置刷子大小以及设置刷子模式,如图2-35所示。其模式包括【标准绘制】
、【颜料填充】
、【后面绘画】
、【颜料选择】
以及【内部绘画】
,具体如下。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0038_0003.jpg?sign=1738960709-XQyuY4Kz1xapjAULhnogaROFUMznDoqD-0-097f68be3da2b193e38042187a69e299)
图2-35
● 【标准绘制】:笔刷经过的地方,线条和填充全部被笔刷填充所覆盖,如图2-36所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0038_0007.jpg?sign=1738960709-dBn73j3RHxKr7wvH2wGXtlDY5Nt5bGoB-0-e8df67a034dda57a71b7a4fdeb2b7494)
图2-36
● 【颜料填充】:笔刷只将鼠标指针经过的填充进行覆盖,对线条不起作用,如图2-37所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0038_0008.jpg?sign=1738960709-9pyRNS7r6R2xj0SVv1fkRT0dxty94ijC-0-bef4ceb7b1eb67bdcb34e1ba5316fa21)
图2-37
● 【后面绘制】:在图像的后面着色,笔刷的笔触可自动放置到图形的后面,不覆盖原有图形,如图2-38所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0038_0009.jpg?sign=1738960709-qegHNh6FCutZD23k9ZIwEEuEKlwvblSU-0-8a7ecf362b9059d2621751d6ccb9e6f7)
图2-38
● 【颜料选择】:在选定的区域着色,只有用选择工具选取的部分才可以着色,如图2-39所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0038_0012.jpg?sign=1738960709-yHKmAAozJAdfrPiPb62Sll1ZpB9KWAK4-0-7a5080cbe0caeb71d71bc2932f2e019c)
图2-39
● 【内部绘画】:刷子的笔触只能在完全闭合的区域绘画,不会对其他区域着色。
2.【喷涂刷工具】
【喷涂刷工具】用于在舞台上随机喷涂默认形状或元件,该工具类似于粒子喷涂器,可以一次将形状图案喷涂到舞台上。
【任务8】使用【喷涂刷工具】绘制图形。
Step 1 激活【喷涂刷工具】,在舞台中拖曳鼠标指针创建图形,默认情况下,【喷涂刷工具】使用当前选择的填充颜色喷射粒子点,如图2-40所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0038_0017.jpg?sign=1738960709-DZbMI764bb91ohz6xEeiSVeUDcGJPNHB-0-26546db0c090a748262fc7e3bad20a93)
图2-40
Step 2 打开【属性】面板,设置喷涂方法、颜色,画笔宽度、高度、角度等,如图2-41所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0039_0001.jpg?sign=1738960709-5TvimdysbQJpsiWNwQY2h4yNgpLVNZ5P-0-d8817859ce577b520c31a8ba180e9675)
图2-41
Step 3 如果启用【随机缩放】选项,则喷涂的粒子点会随机发生大小以及位置的变化,如图2-42所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0039_0002.jpg?sign=1738960709-ckfOK9QmrSxntX1A96NnSsfT0YBzkB02-0-710154f2b84b013bf290832780018af5)
图2-42
Step 4 另外,该工具还可以对任何影片进行剪辑或将图形元件作为图案进行应用,方法是:创建任意图形的元件,如创建一个星形图形,按【F8】键将其转换为元件,如图2-43所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0039_0004.jpg?sign=1738960709-cCIUkFtLNYeUNyQ6m7JLptbvTtJxaUj1-0-67a0a53cf492103b4a3b942522746bc3)
图2-43
Step 5 激活【喷涂刷工具】,在其【属性】面板单击【编辑】按钮,在打开的【选择元件】对话框选择创建的“元件1”,如图2-44所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0039_0005.jpg?sign=1738960709-n9WRilrOEq0K6SHvW9CQKFFC3q3Q82iw-0-85988645272d95777f7d335a61fad265)
图2-44
Step 6 单击按钮确认,然后在舞台上拖曳鼠标指针即可喷涂该元件,结果如图2-45所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0040_0001.jpg?sign=1738960709-PdDRz9eOFI04sj9buo1SGfSIA1zsK6dT-0-3e8f9eb1c9cef7bb365614e08d70527c)
图2-45
3.【Deco工具】
【Deco工具】用于绘制装饰性的复杂图形或高级动画效果。
【任务9】使用【Deco工具】绘制图形。
Step 1 激活【Deco工具】,在舞台中拖曳鼠标指针创建图形,默认情况下,【Deco工具】
使用当前默认的图案进行填充,如图2-46所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0040_0007.jpg?sign=1738960709-Bn3Omnx6AnSrTqWt4IozsAPEis1XbCCZ-0-405156eee6d36bac469275e7ef2aec74)
图2-46
Step 2 打开【属性】面板,在【绘制效果】组中单击【藤蔓式填充】下拉按钮,在弹出的下拉列表中有多种填充效果供选择,如图2-47所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0040_0008.jpg?sign=1738960709-m2zTprJ4vejBkaRC2IEYTiN1v1WvL84O-0-9ffa6555e45be2b38c8e3d01d7c08e69)
图2-47
Step 3 选择不同的填充模式,则可以进行相关设置,然后绘制不同的填充效果,如图2-48所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0040_0009.jpg?sign=1738960709-qb9bOMXbNEGTgGkSraktlDbdvD5VatFk-0-c84530f5949afaf69c8f51e9dbda23b2)
图2-48
Step 4 单击【编辑】按钮,在打开的【选择元件】对话框选择创建的“元件1”,如图2-49所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0041_0002.jpg?sign=1738960709-M0yktyAxSQMxtDYf6YIeYiwptgI2CtgL-0-745ef1b2e29b731c3520663b58ed3073)
图2-49
Step 5 单击按钮确认,然后在舞台上拖曳鼠标指针即可喷涂由该元件所组成的图案,如图2-50所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0041_0003.jpg?sign=1738960709-K8DVS43g3HkLZeC97XHontgrEmz3vtf7-0-3c4a2813d17a60d1587a1c4e7b912df9)
图2-50
Step 6 当选择【火焰动画】绘制效果后,在舞台中拖曳鼠标指针,即可创建一个火焰动画,如图2-51所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0041_0004.jpg?sign=1738960709-g7gkZDHPdLcMM6mRVlXy8g8MipMiU6Lk-0-9d6842aa90c31ffcd0cac93281b75799)
图2-51