- 二维动画制作综合实战
- 孙晶艳 祝海英主编
- 6512字
- 2022-09-20 03:02:29
任务四:动画制作
一、画面(1)中动画制作
(1)制作画面(1)中的动画。将“图层1”更名为“飞信”,按【Ctrl+L】组合键打开“库”面板,首先将“飞信”元件拖放到舞台上“飞信”图层第1帧关键帧的右上角处,然后在第700帧插入普通帧,效果如图1-57所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0033_0001.jpg?sign=1739572065-KzxKjb7O5HTtlsj3Mve2S5Pz6RJ4HlkG-0-04490c3242cdaa8a05c69cbb5474f9a4)
图1-57 “飞信”图层
(2)新建图层,更名为“场景1”,按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“场景1”,“类型”选择“影片剪辑”,单击“确定”按钮,如图1-58所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0033_0002.jpg?sign=1739572065-nwSANbGykzoW8WTiKwFafLjrYjwgyXcP-0-d4f7779613102e697c76e64b07e967bf)
图1-58 创建“场景1”元件
(3)按【Ctrl+L】组合键打开“库”面板,将“场景1”影片元件拖放到舞台“场景1”图层第1帧的关键帧处,并在第180帧处插入关键帧,然后删除帧,在第700帧插入普通帧,效果如图1-59所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0033_0003.jpg?sign=1739572065-0cflwKStFTr74kvx1ZFv9Hzf3jJBxfRm-0-f5d367c2e817dc2c62ebff2e393fc022)
图1-59 设置帧
(4)双击舞台上的“场景1”元件,进入影片编辑窗口,按【Ctrl+L】组合键打开“库”面板,将“花枝”元件拖放到“图层1”第1帧的关键帧处,并将其缩小元件(具体参照舞台大小),效果如图1-60所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0034_0001.jpg?sign=1739572065-CBiAEhfVoNQqmyyktTuZscaDrJ90yEmS-0-5f48cb3cd3f57b9f24aa1aa317b72113)
图1-60 编辑“花枝”元件
(5)在“图层1”的第30帧处插入关键帧,并将“花枝”元件放大,单击元件,打开“属性”面板,将Alpha值调整为14%,效果如图1-61所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0034_0002.jpg?sign=1739572065-WpHZhFZ1GxATly3PhJUAd5TwQfLFAty3-0-50229cbc326bf451bd5751ed34d9b89d)
图1-61 调整Alpha值
(6)在第31帧处插入关键帧,在第180帧处插入普通帧。新建“图层2”,在第1帧的关键帧处利用“笔刷”工具(或“无边框椭圆”工具)绘制一个小椭圆,大小以刚好覆盖住花枝枝干宽度为准,效果如图1-62所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0034_0003.jpg?sign=1739572065-wQkIopvv6VQH8d9sliq1Agro1muTensd-0-60e01ba690e8e7f6efe92f113060493c)
图1-62 绘制小椭圆
(7)继续从树的根部开始逐帧向上绘制椭圆,然后再逐帧向两侧的枝干绘制,效果如图1-63所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0035_0001.jpg?sign=1739572065-cawnv68bBK2Zu1H4MJFudN8q8SarQVEg-0-f6abad25335a71678bd76948160f3e2f)
图1-63 绘制小树
(8)右键单击“图层2”,在弹出的小快捷菜单中选择“遮罩层”选项,制作出花枝慢慢长大的效果,并在“图层2”的第180帧处插入普通帧,效果如图1-64所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0035_0002.jpg?sign=1739572065-9ozdLIbc29q81YQYDKEEDoJWdji2QzkR-0-aca78568daf62c2781f6276d9cd76d81)
图1-64 设置“图层2”
(9)新建“图层3”,在第30帧处插入关键帧,将“图层1”的第30帧复制并粘贴到此关键帧处,在第45帧处插入关键帧,单击“花枝”元件,打开其“属性”面板,选择“颜色”列表中的“色调”,将RGB值调整为R:51,G:204,B:51,色彩数量为43%,如图1-65所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0035_0003.jpg?sign=1739572065-k55diqhxY0aJb0mYRp0j6TdHPLAATKXy-0-83c67214c354fe524b4d21c8971f4f3a)
图1-65 调整颜色
(10)新建“图层4”,在第45帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“蝴蝶飞舞”元件拖放到第45帧,并移动到屏幕右侧外,为“图层4”创建引导层,在第45帧处插入关键帧,利用“铅笔”工具绘制引导线,打开贴紧至对象功能,将第45帧的“蝴蝶飞舞”元件对准到引导线的开始处,效果如图1-66所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0036_0001.jpg?sign=1739572065-0uRfEUR6PLsdltzlUGiPM2Ii1JhUeBXD-0-7f34c7f1f1eb6b6bf808001f995a596a)
图1-66 绘制引导线
(11)在“图层4”的第149帧处插入关键帧,并将“蝴蝶飞舞”元件对准到引导线的终点处,创建补间动画,效果如图1-67所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0036_0002.jpg?sign=1739572065-CPVrLZMruflPeD2rMSHqe33a3OUL4D1E-0-e2118a4f59af297070f367f9efbc97cd)
图1-67 创建补间动画
(12)新建“图层5”,在第45帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“蝴蝶飞舞”元件拖放到第45帧,并移动到屏幕右侧外,为“图层5”创建引导层,在第45帧处插入关键帧,利用“铅笔”工具绘制引导线,打开贴紧至对象功能,将第45帧的“蝴蝶飞舞”元件对准到引导线的开始处,效果如图1-68所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0037_0001.jpg?sign=1739572065-v2XkJw94DQFeLAzicdQ305Pb6ZjnbNFf-0-0d6dca1d8a74402e0d179d88d6eb603f)
图1-68 将“蝴蝶飞舞”元件对准到引导线的开始处
(13)在“图层5”的第149帧处插入关键帧,并将“蝴蝶飞舞”元件对准到引导线的终点处,创建补间动画,效果如图1-69所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0037_0002.jpg?sign=1739572065-3NyrjsNH10s4bn5EVzsbdeswQ9a9PE65-0-d7b0ed9d83c8c74fd0505ce22a585006)
图1-69 创建补间动画
(14)新建“图层6”,在第46帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“花瓣”元件拖放到第46帧,放置到花枝枝干上,并将其调整为极小的状态,效果如图1-70所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0037_0003.jpg?sign=1739572065-1IxAehcaj3KxTkU3eDxqBBcjtFOOm27z-0-8b1f81a88f5dce7a610d0010decf8fea)
图1-70 编辑“花瓣”元件
(15)在第51帧处插入关键帧,调整花瓣大小,创建补间动画,效果如图1-71所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0038_0001.jpg?sign=1739572065-TPsskIm1lelc0WurYjwkOzd9FnKmeLy9-0-b7bf509f1c325807f7a4d358bdf1c6e7)
图1-71 创建补间动画
(16)新建“图层7”,分别在第52帧和第59帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“花瓣元件”拖放到这两个关键帧上,并将第52帧的花瓣调整为极小的状态,将第59帧的花瓣率调整为正常状态,创建补间动画,效果如图1-72所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0038_0002.jpg?sign=1739572065-bWHSUd8e1mFITUQI1gl93Gjo0Ygv1Yhb-0-322eb92c6aab5c4262f2904d82985d81)
图1-72 创建补间动画
(17)新建“图层8”,分别在第60帧和第66帧插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“花瓣元件”拖放到这两个关键帧上,并将第60帧的花瓣率调整为极小的状态,将第66帧的花瓣率调整为正常状态,创建补间动画,效果如图1-73所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0038_0003.jpg?sign=1739572065-F5M9WVQ1ogbzQwsVcSD7kOYttueCVlrl-0-2c5348fd86d0e7ce6cfafcc44914d3b1)
图1-73 创建补间动画
(18)新建“图层9”,分别在第67帧和第75帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“花瓣元件”拖放到这两个关键帧上,并将第67帧的花瓣率调整为极小的状态,将第75帧的花瓣调整为正常状态,创建补间动画,效果如图1-74所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0039_0001.jpg?sign=1739572065-EpNNNPFiKxWzilEFj0nhBO2oSkCFR02v-0-0d70db3cc25bf30de63bd5a5fa8c3df2)
图1-74 创建补间动画
(19)分别在“图层9”、“图层8”、“图层7”、“图层6”的第149帧、151帧、153帧、155帧插入关键帧,同时在4个图层的第170帧插入关键帧,并将此关键帧上的所有花瓣向下移出屏幕外,创建补间动画,效果如图1-75所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0039_0002.jpg?sign=1739572065-ejVN0VOkq624O1DqQbQyklPxxORa3dmT-0-e6c91b16d9df6fc2a9f3848f7c702fb3)
图1-75 创建补间动画
(20)新建“图层10”,在第170帧插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“渐变圆”元件拖放到此关键帧上,放置到一只蝴蝶处,单击元件打开其“属性”面板,调整Alpha值为0%,效果如图1-76所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0040_0001.jpg?sign=1739572065-78XruU4l4BCqt9TXyNC3E5KWe3qegJ3d-0-5fb67782dcb5a7639413ab55c6a3bff8)
图1-76 设置元件属性
(21)在第180帧插入关键帧,放大渐变圆,创建补间动画,效果如图1-77所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0040_0002.jpg?sign=1739572065-PsbezXZ3K0TlFGWrX7cP05gmygZeBoNg-0-1fa25d42d8a03002c249619c982e17f0)
图1-77 创建补间动画
二、画面(2)中动画的制作
(1)新建图层,更名为“场景2”,按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,如图1-78所示,在“名称”栏中输入“场景2”,“类型”选择“影片剪辑”,单击“确定”按钮。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0040_0003.jpg?sign=1739572065-mPTv9ekxKVUCwsHzDqjh4Y1LSurJMmIU-0-fda8fabba37c6c891151539b29cfae4c)
图1-78 “创建新元件”对话框
(2)按【Ctrl+L】组合键打开“库”面板,在第180帧插入关键帧,将“场景2”影片元件拖放到此关键帧处,并在第292帧插入关键帧,然后删除帧,在第700帧插入普通帧。
(3)双击舞台上的“场景2”元件,进入影片编辑窗口,选择“矩形”工具并设置为无边框,绘制舞台大小的矩形,填充浅黄—浅黄绿的渐变色,在第110帧插入普通帧,效果如图1-79所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0041_0001.jpg?sign=1739572065-wWtnym0fmg1p0VArMHyyjVdhoxTiCdvi-0-c0d04d3018a81a900d19815fdfa5669d)
图1-79 绘制矩形
(4)新建“图层2”,按【Ctrl+L】组合键打开“库”面板,将“彩虹”元件拖放到“图层2”的第1帧的关键帧处,并放置到屏幕外左上角,效果如图1-80所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0041_0002.jpg?sign=1739572065-Yz5tKlOuCxGO1LmlKPfHkGJhNG0bUGwx-0-45372af3b72ea54e95ed7d8f26374537)
图1-80 “彩虹”元件
(5)在第9帧处插入关键帧,并将“彩虹”元件移动到屏幕中指定的位置,效果如图1-81所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0041_0003.jpg?sign=1739572065-5Ddvf5VRK0ggyPzo064Rwhni13rHokYZ-0-263d54d3d23bf5eda063ff97c8c1c63d)
图1-81 调整“彩虹”元件的位置
(6)分别在第11帧、第13帧、第15帧处插入关键帧,将第11帧、第15帧两处关键帧上的“彩虹”元件向上移动一小段距离,效果如图1-82所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0042_0001.jpg?sign=1739572065-b35GZiWmhzOd8K8eVoynqpMq0Kvbr64G-0-25ae9747e88423f0f32244029699267b)
图1-82 调整“彩虹”元件的位置
(7)新建“图层3”,在第15帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“蓝白星星”元件拖入并放到此关键帧,复制多个,效果如图1-83所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0042_0002.jpg?sign=1739572065-ru67yuCPd590CBzgl2jKCQ4mEsWd9l47-0-ac48a851439b05da52e91ebbf3a6fd7b)
图1-83 创建星星效果
(8)分别在第17帧、第19帧、第21帧、第23帧、第25帧、第27帧处插入关键帧,对除了第27帧外的关键帧执行删除操作,每个关键帧上删除不同位置的“蓝白星星”元件,形成星星闪动的效果,如图1-84所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0042_0003.jpg?sign=1739572065-kBWoKskBuRN4vPPGMNUZTeMVJY2Rp4nQ-0-1608c5bfd0df1b0f18365b915926a780)
图1-84 绘制星星闪动的效果
(9)新建“图层4”,在第27帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“圆圈1”元件拖入放到舞台下方,复制多个,调整为不同的大小,效果如图1-85所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0043_0001.jpg?sign=1739572065-CT2v1LFj8l4oFlI3DtZk8dTFoUyKsIg6-0-44c7edabb99fadbe7e4543579ccc298b)
图1-85 圆圈效果
(10)分别在第30帧、第34帧、第38帧、第42帧处插入关键帧,将第30帧、第38帧处的圆圈缩小,效果如图1-86所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0043_0002.jpg?sign=1739572065-odBx1vUgNlBOo9eT39Y4CIY1wAF5W4sA-0-db36965155653f190209f2dbd78acf8d)
图1-86 调整圆圈的大小
(11)新建“图层5”,利用相同的方法制作另外一个圆圈变动的效果,效果如图1-87所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0043_0003.jpg?sign=1739572065-ess9amd1dHhWimtkJSZ5wy4iA12WPz2Q-0-85d53b3e6d0b1215d32f2430ce270666)
图1-87 另外一个圆圈变动的效果
(12)新建“图层6”,更名为“云1”,在第27帧插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“云朵”元件拖放到此处,并逐帧插入关键帧直到第33帧,依次改变中间各关键帧中云朵的大小,形成云朵动态变化的效果,效果如图1-88所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0044_0001.jpg?sign=1739572065-4YdtNag8uZUBCpKPRv1kTpaXKpDMiAPH-0-b4e2f1cdb4b9205c582f7fceab29755d)
图1-88 云朵动态变化的效果
(13)依次逐帧插入关键帧直到第103帧,并调整云朵的大小,利用补间动画创建一段停留不变化的状态,并将最后几个关键帧中的云朵移出舞台外,效果如图1-89所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0044_0002.jpg?sign=1739572065-oa24dO0bk0RTR4yVP1yPJKMOjWKZhSx0-0-36e74c1a2d939b5fbe64356299f9e6c8)
图1-89 创建云朵补间动画
(14)新建“图层7”、“图层8”并分别更名为“云2”、“云3”,按照相同的方法依次逐帧插入关键帧直到第102帧、第100帧处,调整云朵的大小,形成云朵动态变化的效果,并将最后几个关键帧中的云朵移出舞台外,效果如图1-90所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0045_0001.jpg?sign=1739572065-yYYYsnX4z4bU8laoY0dyWN20VeymLfPc-0-1be16e4feb36f17c283668629fc3db9e)
图1-90 创建云朵动态变化效果
(15)新建“图层9”并更名为“小车”,在第58帧插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“汽车运动”元件拖入到此帧,依次逐帧插入关键帧直到第105帧处,并将最后几个关键帧中的小车移出舞台外,效果如图1-91所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0045_0002.jpg?sign=1739572065-S8g24kDdsNtCYLlZ3B0hQfRDYjefAyNQ-0-1318393444262b7f943469cb5589f07b)
图1-91 创建小车动画效果
三、画面(3)中动画的制作
(1)新建图层,更名为“场景3”,按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,如图1-92所示,在“名称”栏中输入“场景3”,“类型”选择“影片剪辑”,单击“确定”按钮。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0045_0003.jpg?sign=1739572065-mzfAo29IC7JtTDsDQC65YpUcJYIWabIg-0-3005d86edc96157166138b8b504589bf)
图1-92 “创建新元件”对话框
(2)按【Ctrl+L】组合键打开“库”面板,在第292帧插入关键帧,将“场景3”影片元件拖放到此关键帧处,并在第394帧插入关键帧,然后删除帧,在第700帧插入普通帧。
(3)双击舞台上的“场景3”元件,进入影片编辑窗口,在“图层1:中,选择“矩形”工具并设置为无边框,绘制舞台大小的矩形,填充为浅绿色,在第100帧插入普通帧,效果如图1-93所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0046_0001.jpg?sign=1739572065-Ue3D2kXm1bExUHjlyxaUizebxMR38fkI-0-35a9b5ea88edbda40a6cdebf261449e6)
图1-93 绘制矩形
(4)新建“图层2”,按【Ctrl+L】组合键打开“库”面板,将“粉黄”元件拖入到第1帧的关键帧处,并将元件放在舞台外右下角,效果如图1-94所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0046_0002.jpg?sign=1739572065-781Ixc7dXlhV4EJrfyiNVOMVA8OfZzFu-0-5865fb9363f01e949e31e027d8abab01)
图1-94 将元件放在舞台外右下角
(5)在第18帧处插入关键帧,移动“粉黄”元件到舞台中央,创建补间动画,效果如图1-95所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0046_0003.jpg?sign=1739572065-wTFTBNDUzv2Eu29mH8rIyr5amhnOdbJU-0-9be23fa7dc4f51e1f90e087a76cbf55e)
图1-95 创建补间动画
(6)在第37帧处插入关键帧,单击元件打开其“属性”面板,在“颜色”列表中选择“色调”,设置为白色(R:255,G:255,B:255),色彩数量为34%,效果如图1-96所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0047_0001.jpg?sign=1739572065-vu5kMpmGcsYoOs2VQmhjV38PR1CU3nCH-0-b3a5b65e3e6f75c79ceb51f6053764a8)
图1-96 设置色调
(7)新建“图层3”,更名为“卡通电视”,在第22帧插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“卡通电视1”元件拖放到此帧,放置到舞台右上方,在第32帧处插入关键帧,使元件垂直落入舞台下方,创建补间动画,效果如图1-97所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0047_0002.jpg?sign=1739572065-pWwQLBimjSRKV1TT9PXnkhMz0SCQAf5T-0-a4c28c94b4c328fbc1b9aa295613fa53)
图1-97 创建卡通电视的补间动画
(8)依次逐帧插入关键帧直到第75帧,在前几帧使电视上下移动形成跳动的效果,在之后的关键帧上依次从“库”中拖入“卡通电视2”~“卡通电视13”元件,并调整各关键帧上元件的位置和大小,使其按照一定的轨迹运动,效果如图1-98所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0047_0003.jpg?sign=1739572065-fBmpgScOVDtbHeJ6X18mzLIFSi0tMI8M-0-798abd40aeeafd5b566a4c1f69615f12)
图1-98 创建卡通电视的动画效果
(9)新建“图层4”,在第22帧插入关键帧,按【Ctrl+L】组合键打开“库”面板,将五线元件拖放到此帧,放置在舞台外左上角,在第30帧处插入关键帧,将“五线”元件移动到舞台中,创建补间动画,效果如图1-99所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0048_0001.jpg?sign=1739572065-lSxQavU6RbhLv8XGq7FC49VTpfOp89VK-0-323cd148b2e32a4376478de1082949ad)
图1-99 创建五线元件的补间动画
(10)新建“图层5”,在第30帧插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“音乐符1”元件拖放到此帧,单击元件打开其“属性”面板,选择“颜色”列表中的“色调”,将RGB值调整为R:204,G:51,B:102,色彩数量为65%,效果如图1-100所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0048_0002.jpg?sign=1739572065-ubMBTnzQ6Bu09wzLwqL665326PJ42qBX-0-927523ab05e938334f8205c79190d574)
图1-100 设置“音乐符1”元件的色调
(11)依次在第33帧、第36帧、第39帧、第42帧、第45帧、第48帧、第51帧、第54帧、第57帧、第60帧、第63帧处插入关键帧,分别将“音乐符2”、“音乐符3”元件每隔两个关键帧替换一个“音乐符1”元件,并修改“属性”面板中的属性,效果如图1-101所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0049_0001.jpg?sign=1739572065-MBqFHSp8lisv0gVbDh6M3jzUIat4XFGN-0-cc1cd79afe093fbbd06ddca4a9242c95)
图1-101 创建关键帧
(12)新建“图层6”、“图层7”,在第64帧插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“心”元件分别拖入到两个图层的此帧处,并放到舞台中,效果如图1-102所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0049_0002.jpg?sign=1739572065-lbOe9o9TjzO0p6oqfVwfxO9UGJ9SO9gs-0-2b7df306ae1e7498488c9b9ae4f0f1c8)
图1-102 将“心”元件放入舞台中
(13)依次在第67帧、第70帧、第73帧、第76帧、第79帧处插入关键帧,分别调整各关键帧上的“心”元件的大小和位置,效果如图1-103所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0049_0003.jpg?sign=1739572065-7RWyDrSFAf4bYmASFsaI0wKaHY4EvFFQ-0-6d60bd0515068e7427497c7a46a89997)
图1-103 调整“心”元件的大小和位置
(14)新建“图层8”,在第84帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“擦除”元件拖入到此帧处并放到舞台的左上角,效果如图1-104所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0050_0001.jpg?sign=1739572065-agVlzozAWjMsnEexhMsjcOugEHXnoN09-0-e958cadae104d30bc2634f5d748600a5)
图1-104 将“擦除”元件放入舞台的左上角
(15)依次在第88帧、第92帧、第96帧、第100帧处插入关键帧,调整“擦除”元件的位置、大小和方向,效果如图1-105所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0050_0002.jpg?sign=1739572065-c0EVR1ZVoP6XxJWWsLLyTwXz2IG88P1F-0-1bcba8f94681b15e2462f67325d44456)
图1-105 调整“擦除”元件
四、画面(4)中动画的制作
(1)新建图层,更名为“场景4”,按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,如图1-106所示,在“名称”栏中输入“场景4”,“类型”选择“影片剪辑”,单击“确定”按钮。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0050_0003.jpg?sign=1739572065-TSiZok5H0ld7OssWUSMjEWt7j7cgbU3X-0-d3d48cb1809120a5fdb5e11e8a68ca94)
图1-106“创建新元件”对话框
(2)按【Ctrl+L】组合键打开“库”面板,在第394帧插入关键帧,将“场景4”影片元件拖放到此关键帧处,并在第540帧插入关键帧,然后删除帧,在第700帧插入普通帧。
(3)双击舞台上的“场景4”元件,进入影片编辑窗口。在“图层1”中,选择“矩形”工具并设置为无边框,绘制舞台大小的矩形,填充紫—白渐变色,在第146帧插入普通帧,效果如图1-107所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0051_0001.jpg?sign=1739572065-2r6Xn0yz7X11fB5dSmDLtE5vg0rFla6r-0-9406eac792692fd60093961ba32a6edd)
图1-107 绘制矩形
(4)新建“图层2”,按【Ctrl+L】组合键打开“库”面板,将“飞线旋转”元件拖放到第1帧,并复制多个,在第145帧插入普通帧,效果如图1-108所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0051_0002.jpg?sign=1739572065-1YPaIsHZHE98FYS1ZTZcM24CpPrZScaA-0-29aca58e76cf444fcf4f3aef1b0e847e)
图1-108 设置“飞线旋转”元件
(5)新建“图层3”,在第15帧插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“闪电”元件拖放到此帧并放置在舞台上方,单击元件打开其“属性”面板,选择“颜色”列表中的“色调”,将RGB值调整为R:255,G:255,B:0,色彩数量为75%,效果如图1-109所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0052_0001.jpg?sign=1739572065-QDTrAfgUmZoA5usvyXw5EjDBnIQCUANQ-0-6fda857533bc9433671c878d2d63f7ae)
图1-109 设置“闪电”元件属性
(6)依次每隔2帧添加一个关键帧,一直添加到第54帧,修改各关键帧上“闪电”元件的大小和色调,效果如图1-110所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0052_0002.jpg?sign=1739572065-d86HzveMg2ZV8oIgQqcbM4IkPvRa9WND-0-cb5a469ff46b400e11797da94887c249)
图1-110 修改“闪电”元件的大小和色调
(7)新建“图层4”,按【Ctrl+L】组合键打开“库”面板,将飞舞的“人”元件拖放到第1帧,并放置在舞台外,为“图层4”创建引导层,利用“铅笔”工具绘制引导线,并将元件对准到引导线的开始处,效果如图1-111所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0052_0003.jpg?sign=1739572065-mhgKC94wf8BOAFKkfuYJc35lKX1FKZws-0-5d98719ba81d37fce66b9d4fa0a4a457)
图1-111 将元件对准到引导线的开始处
(8)在第65帧插入关键帧,移动元件到舞台外,并将元件对准到引导线的终点处,创建补间动画,效果如图1-112所示(可多创建几个关键帧使运动效果更加逼真)。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0053_0001.jpg?sign=1739572065-7FtyK6o1YPYGvpkk3CvtksflQejhk1z4-0-a6e96f709a4e939127b9c2bcc70ff9b9)
图1-112 创建补间动画
(9)新建“图层5”,在第70帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“流线”元件拖放到此帧,复制3个,并将这3个元件一起逆时针旋转90°,效果如图1-113所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0053_0002.jpg?sign=1739572065-SibBPuXGyGpMcTaXwK5l9qhPxiVj7wpF-0-4480a4b0a76840a00260b2f1f523e196)
图1-113 设置“流线”元件
(10)分别在第138帧和第145帧处插入关键帧,将第145帧上的元件向下移动一段距离,创建补间动画,效果如图1-114所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0053_0003.jpg?sign=1739572065-vcWNGhoTIfrehooWT3LMCKCoUImcJQgI-0-51dfb4482223efc62b23f10e24548ff0)
图1-114 创建补间动画
(11)新建“图层6”,在第70帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将跳舞的“人”元件拖放到此帧,在第145帧插入关键帧,效果如图1-115所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0054_0001.jpg?sign=1739572065-A45xFkBj6kenTrJE73IP5fA6Z7cIHF4n-0-08e2c86784599e6629954b0b2917dcfc)
图1-115 设置“人”元件
五、画面(5)中动画的制作
(1)新建图层,更名为“场景5”,按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,如图1-116所示,在“名称”栏中输入“场景5”,“类型”选择“影片剪辑”,单击“确定”按钮。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0054_0002.jpg?sign=1739572065-k94JCerfP7c1rr1PKcrc31qSSlCLe4Gb-0-2f3cf6e2c349269818aee079cd9ff128)
图1-116 “创建新元件”对话框
(2)按【Ctrl+L】组合键打开“库”面板,在第540帧处插入关键帧,将“场景5”影片元件拖放到此关键帧处,在第700帧处插入普通帧。
(3)双击舞台上的“场景5”元件,进入影片编辑窗口。在“图层1”中,选择“矩形”工具并调置为无边框,绘制舞台大小的矩形,填充粉—白渐变色,在第109帧处插入普通帧,效果如图1-117所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0054_0003.jpg?sign=1739572065-ZLL5WaKhhB74uG6whK4BdPETbjjjQe8G-0-979374cf044413bbe23371c2cb01fa87)
图1-117 绘制矩形
(4)新建“图层2”,按【Ctrl+L】组合键打开“库”面板,将“黄色旋转”元件拖放到第1帧,在第30帧处插入关键帧,并将此帧上的元件旋转一定的角度,在第33帧插入关键帧,将元件的Alpha值设为0%,效果如图1-118所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0055_0001.jpg?sign=1739572065-KX1iDkEP4rSaNK8sD9HYtPUuoK2QtEbr-0-69947e40d596dc242774c256fde48f2a)
图1-118 设置“黄色旋转”元件
(5)新建“图层3”,在第32帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“晃动的圆”元件拖放到此帧,在第109帧插入普通帧,效果如图1-119所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0055_0002.jpg?sign=1739572065-q1AwBYDKC0Is49SAAbgu3oQddcEyWzsY-0-d9504e783f4e938a731662d40d4919eb)
图1-119 设置“晃动的圆”元件
(6)新建“图层4”,在第61帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“彩虹2”元件拖放到此帧,在第76帧处插入关键帧,并设定第61帧元件的Alpha值为0%,创建补间动画,效果如图1-120所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0055_0003.jpg?sign=1739572065-iE9L3ByVZLlSg45tnqA4gXkjlAAc17ii-0-2f2f17e907fa8630893895beb2e73441)
图1-120 设置“彩虹2”元件
(7)在第78帧、第79帧、第80帧处插入关键帧,在第109帧处插入普通帧,缩小第78帧和第80帧元件的大小,形成跳动的效果,如图1-121所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0056_0001.jpg?sign=1739572065-XQzv4M3kuyTp9G09584TWCm61VORaURn-0-fed8fe9f58dbe194a47943b6d56654f0)
图1-121 创建跳动的效果
(8)新建“图层5”,在第80~92帧处插入关键帧,依次出现“飞越无限,信步天下”八个字,在第109帧插入普通帧,效果如图1-122所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0056_0002.jpg?sign=1739572065-tNBgckqzKXhnIQmroToro5EfLJUGtLz6-0-10f5e93fbbce9b15924265ec8c06461a)
图1-122 创建文字效果
(9)新建“图层6”、“图层7”,在第93帧处插入关键帧,依次每隔两帧插入关键帧,在第109帧插入普通帧,按【Ctrl+L】组合键打开“库”面板,将“彩星1”~“彩星3”元件分别拖入这些关键帧上,并删除其中一部分关键帧,形成星星闪动的效果,如图1-123所示。
![](https://epubservercos.yuewen.com/AAC045/3590436604565401/epubprivate/OEBPS/Images/figure_0056_0003.jpg?sign=1739572065-FQTzrEfoKkW7lhEJbLPL4RcgVC5u2rdL-0-216f47cb829b175b4e8c6a3f51c03005)
图1-123 创建星星闪动效果