![Flash CS6标准培训教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/465/24982465/b_24982465.jpg)
3.1 对象的变形与操作
应用变形命令可以对选择的对象进行变形修改,如扭曲、缩放、倾斜、旋转和封套等。还可以根据需要对对象进行组合、分离、叠放、对齐等一系列操作,从而达到制作的要求。
命令介绍
缩放对象:可以对对象进行放大或缩小的操作。
旋转与倾斜对象:可以对对象进行旋转或倾斜的操作。
翻转对象:可以对对象进行水平或垂直翻转。
组合对象:制作复杂图形时,可以将多个图形组合成一个整体,以便选择和修改。另外,制作位移动画时,需用“组合”命令将图形转变成组件。
3.1.1 课堂案例——绘制帆船风景插画
【案例学习目标】使用不同的变形命令编辑图形。
【案例知识要点】使用“椭圆”工具、“矩形”工具和“组合”命令,绘制白云图形;使用“任意变形”工具,缩放图形大小;使用“水平翻转”命令,水平翻转图形,如图3-1所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-55-001.jpg?sign=1738838345-qvL8B9c4S8pCyZ1iAnD1p2YKtZwdhVrh-0-d8fdd707e15e5733db14c49e63341fd7)
图3-1
【效果所在位置】Ch03/效果/绘制帆船风景插画.fla。
(1)选择“文件 > 打开”命令,在弹出的“打开”对话框中,选择本书学习资源中的“Ch03 > 素材 > 绘制帆船风景插画 > 01”文件,如图3-2所示,单击“打开”按钮,打开文件,如图3-3所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-55-002.jpg?sign=1738838345-P5Nx74C8Wa0u3kc6maDVyeZ44K3n3Dqp-0-ebec1b9ba5d80e522ffb9cf8d9ec3291)
图3-2
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-55-003.jpg?sign=1738838345-J6zG1FTtIQohZPb5da8e2D4yFfOj3w5B-0-4d45a52a1054f8373a6815f44211f542)
图3-3
(2)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“白云”。选择“椭圆”工具
,在工具箱中将“笔触颜色”设为无,“填充颜色”设为白色,单击工具箱下方的“对象绘制”按钮
,在舞台窗口中绘制多个圆形,效果如图3-4所示。选择“矩形”工具
,在舞台窗口中绘制一个矩形,效果如图3-5所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-55-008.jpg?sign=1738838345-zUaUu8QVe5Doji2py0WKXchSLXzrsUTo-0-aea3d034bdfc93e1052e29c9443c5179)
图3-4
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-55-009.jpg?sign=1738838345-vqvCdip75Wrq3hwqrH4l9OYqrB8eKvE4-0-c1df0069b5497ffac7d83730ed0f9fdc)
图3-5
(3)在“时间轴”面板中单击“白云”图层,将该层中的图形全部选中,如图3-6所示。按Ctrl+G组合键,将选中的图形进行组合,如图3-7所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-001.jpg?sign=1738838345-0fun0AHYrVCEhALHFIcVjuAt3e0Xx2eL-0-f8d12115b6903d0ec398e772f231344e)
图3-6
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-002.jpg?sign=1738838345-r0rGFY3IaHolBNi4goYf2OciIry7Q6TB-0-7bc1d371b89bb37487305dfbbe49904c)
图3-7
(4)选择“选择”工具,选中刚绘制的图形,按住Alt键的同时,向左上方拖曳图形到适当的位置,复制图形,效果如图3-8所示。选择“任意变形”工具
,在图形的周围出现控制框,如图3-9所示,按住Alt+Shift组合键的同时,用鼠标拖动右上方的控制点,等比例缩小图形,效果如图3-10所示。使用相同方法再复制3个图形并调整其大小,效果如图3-11所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-005.jpg?sign=1738838345-SOxA4BKFyxfOtdahtSFecyHhg1YDNvHs-0-4d606c1556cf8563901d2fd62a94f0f2)
图3-8
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-006.jpg?sign=1738838345-HoXb87c4SKZVezAeaALYfVSKwvbMDndT-0-e251ffdc088d2f00b1749e65eb6a8f23)
图3-9
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-007.jpg?sign=1738838345-l4kr1NhKxnkBefiPxlnrv13nkW0hWP8n-0-c6c978da40a23501f133723bbded4620)
图3-10
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-008.jpg?sign=1738838345-YaIiC1igHxtIvjxnX8bBioetP559YQKE-0-205ea604a71474a36144b4d0e4bb4ca2)
图3-11
(5)选择“选择”工具,在舞台窗口中选中需要的组合图形,如图3-12所示。选择“修改 > 变形 > 水平翻转”命令,将所选图形水平翻转,效果如图3-13所示。用相同的方法将其他组合对象水平翻转,效果如图3-14所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-010.jpg?sign=1738838345-L4XmkvxetdFKXj8X0RL6v2g4rnLUmdHI-0-72f53549218bb1bdaf008d39a6fd71e0)
图3-12
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-011.jpg?sign=1738838345-ddGgFvBVXYL7vsaRUoEjJtLRsRqP7LAV-0-5abe6a58d014a651b5eb10ff8ec8c545)
图3-13
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-012.jpg?sign=1738838345-jDLHd4PM8BlqpCGObpezZZS8fsvM8ft7-0-d814b1660594118df7d5c170e81d911b)
图3-14
(6)按Ctrl+F8组合键,弹出“创建新元件”对话框,在“名称”选项的文本框中输入“太阳”,在“类型”选项下拉列表中选择“图形”选项,如图3-15所示,单击“确定”按钮,新建图形元件“太阳”。舞台窗口也随之转换为图形元件的舞台窗口。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-015.jpg?sign=1738838345-ygmZJW24qXVBlnFXCG4s4HsuBiNe1uEb-0-76db59811cb54e5e1a3cc17ed4d90cd3)
图3-15
(7)按Alt+Shift+F9组合键,弹出“颜色”面板,单击“填充颜色”按钮,在“颜色类型”选项的下拉列表中选择“径向渐变”,选中色带上左侧的色块,将其设为黄色(#FFCC00),选中色带上右侧的色块,将其设为橘黄色(#FF9900),生成渐变色,如图3-16所示。选择“椭圆”工具
,按住Shift键的同时,在舞台窗口中绘制一个圆形,效果如图3-17所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-016.jpg?sign=1738838345-V9NURH85arKbbJ9O8NKLR2LAe9G7WJa1-0-73f93343c06afd55962fd9069812b271)
图3-16
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-56-017.jpg?sign=1738838345-sNnKxuXbEFO0MeWWOCLmd86dOiANFZeJ-0-91167437b1cda5de6a34fa2712312268)
图3-17
(8)选择“选择”工具,选中图形,按Ctrl+C组合键,复制图形,按Ctrl+Shift+V组合键,将图形粘贴到当前位置。选择“窗口 > 变形”命令,弹出“变形”面板,将“缩放宽度”选项设为120%,“缩放高度”选项也随之变为120%,如图3-18所示,按Enter键确定操作,效果如图3-19所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-002.jpg?sign=1738838345-b33iR32SueEjrr51vCx6utMLcGNES5YA-0-668cc1b3576a2f3146cab4f606f96035)
图3-18
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-003.jpg?sign=1738838345-YIXh7Yz8vAThCAO2zbtVbLN3bpbx7Ofg-0-920e5482a7460626187cbafde5ea2b22)
图3-19
(9)在“颜色”面板中,单击“填充颜
色”按钮,选中色带上左侧的色块,将其设为白色,在“Alpha”选项中将其不透明度设为0,选中色带上右侧的色块,将其设为浅黄色(#FFD500),在“Alpha”选项中将其不透明度设为50%,生成渐变色,如图3-20所示,舞台窗口中的效果如图3-21所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-004.jpg?sign=1738838345-vlwuuevc42lRQPKlWpUIYQ0PMljlA3Zh-0-d6459fee7b97c0709e67ab837973c897)
图3-20
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-005.jpg?sign=1738838345-8UGIM6mVCAOGoFm2ZyidIlDQqseuiHTX-0-11431a496fc4bd1e14b88b3caa6f6bea)
图3-21
(10)单击舞台窗口左上方的“场景1”图标,进入“场景1”的舞台窗口。单击“时间轴”面板下方的“新建图层”按钮
,创建新图层并将其命名为“太阳”。将“库”面板中的图形元件“太阳”拖曳到舞台窗口中的适当位置,如图3-22所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-008.jpg?sign=1738838345-Gv8I1USSfk3Js47eGm2Bv0utVwFyZyoV-0-bbd5c66751ec4c03b6a75a4df85075ec)
图3-22
(11)帆船风景插画绘制完成,按Ctrl+Enter组合键即可查看效果,如图3-23所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-009.jpg?sign=1738838345-UWmnL7lilywzF6cgaWYmcFL5KY6wKNcL-0-42aa13fd2cdbacc203411eee96d6c237)
图3-23
3.1.2 扭曲对象
选择“修改 > 变形 > 扭曲”命令,在当前选择的图形上出现控制点,如图3-24所示。鼠标指针变为,向右下方拖曳控制点,如图3-25所示,拖动四角的控制点可以改变图形顶点的形状,效果如图3-26所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-016.jpg?sign=1738838345-ABGeTt36mBqKfwx8fNShD8dtaHL7yZPV-0-2631677be758558911b3df1f8398c3ea)
图3-24
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-011.jpg?sign=1738838345-HgoLdSdItoQOWWv4yc84zsGQSzCeSrnf-0-f6f4b9e5eda38d7d1da9b611f4c52bcf)
图3-25
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-012.jpg?sign=1738838345-6ZebPTxej4buwtlNh1pljzSd4X6I1pMt-0-46c913e5900335a7af5841c4b6dd3296)
图3-26
3.1.3 封套对象
选择“修改 > 变形 > 封套”命令,在当前选择的图形上出现控制点,如图3-27所示。鼠标指针光标变为,用鼠标拖动控制点,如图3-28所示,使图形产生相应的弯曲变化,效果如图3-29所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-017.jpg?sign=1738838345-GwrTbjP2IWBMDG81e0b9bDZdXvPTS8Rq-0-6d8ab29accd315ca0ae5b18144b4f87c)
图3-27
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-014.jpg?sign=1738838345-Iv1m4We6Ze8S4TSpo4dSKcw2rRtYb3j2-0-13c74d11503129c2b06da4bba7fd4c87)
图3-28
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-57-015.jpg?sign=1738838345-GJy1wVaFHZitM3jryevfEkhoGD6VvSeJ-0-44a3021ea088cb0fd9b101e02d8dd1e4)
图3-29
3.1.4 缩放对象
选择“修改 > 变形 > 缩放”命令,在当前选择的图形上出现控制点,如图3-30所示。鼠标指针变为,按住鼠标不放,向右上方拖曳控制点,如图3-31所示,用鼠标拖动控制点可成比例地改变图形的大小,效果如图3-32所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-016.jpg?sign=1738838345-FzbKAvVKQJwnVYa9YuBrD5FFwejNLfLo-0-03b52d07c0226cd85ec03fabd2659a4d)
图3-30
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-002.jpg?sign=1738838345-n7HyjH5XMoaWsUxzI2WBJlXoO5JebK3P-0-2b2ced5b1fb8bf1eb29dbca35b997e17)
图3-31
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-003.jpg?sign=1738838345-pEVGcQmnQS1qAcjynRRJPJ9faHDWQXc3-0-b3d3d5513cf7412c142d7be6c2afa9c5)
图3-32
3.1.5 旋转与倾斜对象
选择“修改 > 变形 > 旋转与倾斜”命令,在当前选择的图形上出现控制点,如图3-33所示。用鼠标拖动中间的控制点倾斜图形,鼠标指针变为,按住鼠标不放,向右水平拖曳控制点,如图3-34所示,松开鼠标,图形变为倾斜,如图3-35所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-017.jpg?sign=1738838345-FLCHTyMCwVYv4X9FGVooRXENj6ning0c-0-5133ac03e66f9b4515b6f858c4333210)
图3-33
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-005.jpg?sign=1738838345-qClSvH1yCksqGVWsqEytopBeavao1K9z-0-c3c142227774c54265ed9fd2f8e8a7aa)
图3-34
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-006.jpg?sign=1738838345-BhNSpNJE170lsx2VxLgrHbigysHcX1vI-0-3395e7700d59889dd0dec16eaf285cdb)
图3-35
将鼠标指针放在右上角的控制点上,鼠标指针变为,如图3-36所示,拖动控制点旋转图形,如图3-37所示,旋转完成后效果如图3-38所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-018.jpg?sign=1738838345-kuwWrCEg6Sg33yLACoKdo8X2wMAO8mNY-0-9fd54189ed36419fd2a81c5f3e7ae81e)
图3-36
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-008.jpg?sign=1738838345-eKpHFv5T3m9q7MsiZpv3y5EwnzyXk0bU-0-b8493f0f7f17b3fe00eed34335e532a1)
图3-37
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-009.jpg?sign=1738838345-HdejKYSUL9eLHJXDSTgjKRnJvgMypyvR-0-3480f8ec0bfc61ba9bafdb64cdc583d7)
图3-38
选择“修改 > 变形”中的“顺时针旋转90度”“逆时针旋转90度”命令,可以将图形按照规定的度数进行旋转,效果如图3-39和图3-40所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-010.jpg?sign=1738838345-EUm7DzT6WKqZPzHWMxupfh18DV4eDDmA-0-441e25fbb3cfeda04b77306a20e3cf91)
图3-39
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-011.jpg?sign=1738838345-1TYvEkja46XzNc6TLP6n7YH2GLFZBJRS-0-68bcc9fcaafba8b9cdb8acde9e7559f6)
图3-40
3.1.6 翻转对象
选择“修改 > 变形”中的“垂直翻转”“水平翻转”命令,可以将图形进行翻转,效果如图3-41和图3-42所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-012.jpg?sign=1738838345-PfDZFfEXDzzRTNFhuwN1GGhSvTxq5GCb-0-bc682cab7998b50c8e456bd4b863d5c2)
图3-41
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-013.jpg?sign=1738838345-bPgl0QVGCjxABWYwP08sZSD5rKHh8gYN-0-68b609f49093bcd71e78af37e7d69ff9)
图3-42
3.1.7 组合对象
选中多个图形,如图3-43所示,选择“修改 >组合”命令,或按Ctrl+G组合键,将选中的图形进行组合,如图3-44所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-014.jpg?sign=1738838345-vhIY1oeMtDJCf2D9Di542v3jYI7AcLAh-0-9161d8e37afc7429e32563c33d02ba0c)
图3-43
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-58-015.jpg?sign=1738838345-dS3s7llvxu8ANhMVXrzEVLt1geA8ibB6-0-039eb5f18db7f6257ee2acee1d9dceb7)
图3-44
3.1.8 分离对象
要修改多个图形的组合、图像、文字或组件的一部分时,可以使用“修改 > 分离”命令。另外,制作变形动画时,需用“分离”命令将图形的组合、图像、文字或组件转变成图形。
选中图形组合,如图3-45所示。选择“修改 > 分离”命令,或按Ctrl+B组合键,将组合的图形打散,多次使用“分离”命令,效果如图3-46所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-59-001.jpg?sign=1738838345-0YBhSDe6Lurf2hHjaGJoiBaIVrE0TMp5-0-469a2dfeb913c1cc8fe16d27b56a259a)
图3-45
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-59-002.jpg?sign=1738838345-bc0Ko3vWmdenIWbHIXSMR0NQOtGx6HFZ-0-16c38491012171fceaeb94bfb683ab41)
图3-46
3.1.9 叠放对象
制作复杂图形时,多个图形的叠放次序不同,会产生不同的效果,可以通过“修改 > 排列”中的命令实现不同的叠放效果。
如果要将图形移动到所有图形的顶层,选中要移动的油漆桶图形,如图3-47所示,选择“修改 >排列 > 移至顶层”命令,将选中的油漆桶图形移动到所有图形的顶层,效果如图3-48所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-59-003.jpg?sign=1738838345-DhlTyL6JDwjks2uu64Tsz9lzwZ6KaZAy-0-ed0c5e1df50c69a3610ea6b35cc6997b)
图3-47
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-59-004.jpg?sign=1738838345-6YBxZ28L49q2UbnZ042dqxB75SL9ICPz-0-5133f77344eb6e3bc7d3d87481d8f933)
图3-48
提示
叠放对象只能是图形的组合或组件。
3.1.10 对齐对象
当选择多个图形、图像、图形的组合、组件时,可以通过“修改 > 对齐”中的命令调整它们的相对位置。
如果要将多个图形的底部对齐,选中多个图形,如图3-49所示。选择“修改 > 对齐 > 底对齐”命令,将所有图形的底部对齐,效果如图3-50所示。
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-59-005.jpg?sign=1738838345-zlf3LqZpBlrKbzpGyTvCDO1lelRJ5Mw7-0-29cb311fd108af9e3e116bd74b22355e)
图3-49
![](https://epubservercos.yuewen.com/DD4CB0/13311757505192106/epubprivate/OEBPS/Images/49427-00-59-006.jpg?sign=1738838345-FS7XOLV4GBRcZCiHUDru6e68w2d8hTcL-0-7ecd6ff729b9b37c18ddea774c28a4cf)
图3-50