![Flash CS5动画设计与制作实例教程(第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/647/32747647/b_32747647.jpg)
1.1.13 【渐变变形】工具
使用【渐变变形】工具可以方便地对填充效果进行旋转、拉伸、倾斜、缩放等各种变换。
当图形填充为线性渐变时,选择【渐变变形】工具,单击图形,出现3个控制点和2条平行线,如图1-110所示。
向图形中间拖动方形控制点,渐变区域缩小,如图1-111所示。
将鼠标指针放置在旋转控制点上,光标变化,拖动旋转控制点可以改变渐变区域的角度,如图1-112所示。
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0024_0118.jpg?sign=1739075717-peWT4qXweH6bEaMjos8T8UVNeUTKSZOK-0-04998f75c31558e9789d1fe3fe1e2fd1)
图1-110
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0024_0119.jpg?sign=1739075717-Edhz2uK7GGf3PbP0C2ifI5Win47heBfM-0-b22bab139fb46ac853eddcaf3585c1f1)
图1-111
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0024_0120.jpg?sign=1739075717-UN3NkWSQ2lJTacxtrHZQfKUkm0PVBQdo-0-81165c722f98fdd087fbcd7afac14a13)
图1-112
当图形填充为放射状渐变时,选择【渐变变形】工具,单击图形,出现4个控制点和一个圆外形框,如图1-113所示。
向图形中间拖动方形控制点,水平拉伸渐变区域,如图1-114所示。
将鼠标指针放置在旋转控制点上,光标变化,拖动旋转控制点可以改变渐变区域的角度,如图1-115所示。
向图形中间拖动圆形控制点,渐变区域缩小,如图1-116所示。
移动中心控制点可以改变渐变区域的位置,如图1-117所示。
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0025_0121.jpg?sign=1739075717-FhcETlfhzSw6VDKMnwYA7cildWe9HaKn-0-2d2223fbf79c706b191c342d980181e2)
图1-113
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0025_0122.jpg?sign=1739075717-pqyuAS0kJ8L8BIyXR5ivD3nB3Xa6m7Rk-0-bcb2cb142ac76cf83bf3b242e02a5700)
图1-114
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0025_0123.jpg?sign=1739075717-yX3jCo6g1HRsD0As5PR2klxlvdmtefVb-0-4e9f6ebc74268b5913291d256c7772fb)
图1-115
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0025_0124.jpg?sign=1739075717-WHTF6NG4W4mEzyTRuL9MlNrkyKS7I06z-0-209f768a809186d461139a20c8e864ea)
图1-116
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0025_0125.jpg?sign=1739075717-EzWrVf7QhpFjWuGbCsiVj2D3A09CbFVu-0-c8595dabdbfc0a3a829ce925e60f347c)
图1-117
实例练习——凹陷按钮
(1)新建Flash CS5文档,绘制凹陷按钮,效果如图1-118所示,并将文件保存为“按钮.fla”。
(2)选择【椭圆】工具,线条色为无,按住Shift键绘制一个圆。按Shift+F9组合键打开【颜色】面板,在“类型”下拉列表中选择“线性”,在渐变定义栏中设置灰色到黑色的渐变,如图1-119所示。
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0025_0126.jpg?sign=1739075717-MiCA8otK349Pm0ga5Z4HRGZfrHyjO9Fm-0-e36156e591ac866a290706177894a9db)
图1-118
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0025_0127.jpg?sign=1739075717-bZqtomOY0som1QyoqP3AucpEeFdiP41j-0-220b98c9884a088f227326270b35bd64)
图1-119
(3)用【颜料桶】工具填充该渐变色,用【渐变变形】工具拖动旋转控制点调整渐变为由左上角到右下角的灰色到黑色的渐变,如图1-120所示。
(4)用【选择】工具框选整个圆,按住Aft键并拖动复制出一个新的圆。
(5)选择【任意变形】工具将正圆缩小,如图1-121所示。
(6)选择【渐变变形】工具,将渐变旋转180º,使灰色到黑色由右下角到左上角渐变,如图1-122所示。
(7)选择小圆,将其放置在大圆之上,完成按钮的制作。
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0025_0128.jpg?sign=1739075717-efojA7dPZmd1bXtitdnR7OZxEx88CxZ1-0-3ee8ea694b0a202f3bbcef7b7602823a)
图1-120
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0025_0129.jpg?sign=1739075717-7DPHPwXaGYtkD3ANSkUhp2ErpfBszXAr-0-746184bc09c06e14f1b7cac5779fefb8)
图1-121
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0025_0130.jpg?sign=1739075717-ilVR4LbAKwHPYGYZPOgUJ0sQeIyXWtre-0-7c984ebd12689eae18dd58da4c116f45)
图1-122
实例练习——绘制图案。
新建Flash CS5文档,并将文件保存为“位图图案.fla”。
(1)选择【矩形】工具,按住Shift键绘制一个正方形。选择正方形,按住Aft键并拖曳复制出9个正方形,并按图1-123所示进行排列。
(2)按Shift+F9组合键打开颜色面板,如图1-124所示,在填充颜色类型中选择“位图填充”,然后单击【导入】按钮,导入蝴蝶01图像。
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0026_0131.jpg?sign=1739075717-GFykiO9ojQnOxMekqoNlWp1a7ojMhH6B-0-766a2ed824701225bdf350a785d7258e)
图1-123
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0026_0132.jpg?sign=1739075717-F8IpJhpRZOZO4yFB0aMdyY8kK0kWuVpl-0-e234b715b193d8b09e9dd046a8f0930b)
图1-124
(3)选择【颜料桶】工具,并按下【锁定填充】按钮,然后依次单击各个正方形,每个正方形中都会填入一个蝴蝶图标,如图1-125所示。再次按下【锁定填充】按钮,一个蝴蝶图标会被填充在所有的9个正方形中,如图1-126所示。移动正方形后的效果如图1-127所示。
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0026_0133.jpg?sign=1739075717-OOXbdvGtrtI4cqA9GQisfaMMsnDm5cqq-0-41fff730544114962d4e5deb79ec771a)
图1-125
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0026_0134.jpg?sign=1739075717-wFj1hPCnbxTVztVdsW5RrYrImlJRkKBB-0-d0c5a8d2377713f2c5f79a03177119ac)
图1-126
![](https://epubservercos.yuewen.com/9F1F26/17606405206533706/epubprivate/OEBPS/Images/figure_0026_0135.jpg?sign=1739075717-oByMQKuHKln44MUqPO7bbRPLMTBFWS6W-0-6ac7befc88064c9012974a78f339b529)
图1-127