![Animate CC 2018中文版入门与提高](https://wfqqreader-1252317822.image.myqcloud.com/cover/755/26542755/b_26542755.jpg)
3.4 实例精讲——促销海报
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P114_8930.jpg?sign=1739478802-fxNUNzQ7uGvjjFqIoGm7mJImU5fQBkJy-0-4ba1c16aaf74fd8b62d614bbda080521)
3-3 实例精讲——促销海报
练习目标
本节制作一个商场的促销广告,主要是通过文字的效果来吸引目光,通过对操作步骤的详细讲解,使读者熟练掌握创建文本、分散文本,并对文本进行描边、填充和修饰的方法。
设计思路
首先使用“文本工具”输入文字,并打散,使用“部分选取工具”和“钢笔工具”调整文本路径的形状,创建特殊造型文字效果。然后输入文本并打散,使用“颜色”面板和“墨水瓶工具”对打散的图形进行填充和描边,同样的方法制作其他海报文字,最终效果如图3-45所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P114_8907.jpg?sign=1739478802-r6disSLsznxxy4ef6Ipsiz7U1aBaQMU1-0-213c586679faa6328b9c8c2b776e1714)
图3-45 海报效果图
操作步骤
(1)执行“文件”|“新建”命令,新建一个Animate CC 2018文档(ActionScript 3.0),舞台大小为716像素×538像素。执行“文件”|“导入”|“导入到舞台”命令,导入一幅背景图片,适当调整图片的位置,使图片左上角与舞台左上角对齐,效果如图3-46所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P114_8927.jpg?sign=1739478802-y7rTU35VvlZkEhirgFfl6ZSnLLVwY74s-0-94235650afd17e1ae93e832bce0087ec)
图3-46 导入的背景图像
(2)单击图层面板左下角的“新建图层”按钮,新建一个图层。在工具箱中选择“文本工具”,打开“属性”面板,按照图3-47设置文本字体、字号、颜色、大小和字母间距。然后在舞台上单击,输入文本,效果如图3-48所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8948.jpg?sign=1739478802-mP34mnpsP4IKlejqdE55lzAlRjUG3IYv-0-a58b680e218da19e8c06715cba09bb3c)
图3-47 设置文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8949.jpg?sign=1739478802-fvbaUFKPgwcqiYbax8iwcZPY8wTJMBbC-0-a0d8447e2f51bc05cec305190ddfc067)
图3-48 输入的文本效果
(3)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后在工具箱中选择“部分选取工具”,拖动“粽”字的最后一点到合适的位置,如图3-49所示。
(4)在工具箱中选择“钢笔工具”,在路径上双击添加路径点。然后使用“部分选取工具”拖动路径点,修改路径的弯曲度和形状,如图3-50所示。同样的方法,在路径上添加路径点,并修整路径形状,最终效果如图3-51所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8953.jpg?sign=1739478802-3Iseap9fquHfXaIGDgZ2XUckpmU6pmYN-0-b618baa68b4d3be3f218b7a2c997deb4)
图3-49 修改文本的路径点
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8954.jpg?sign=1739478802-7W1iyh50xDCR8BQsavWSZNeGqedO9OTd-0-403d828644fcf431639d699c0e7e2a76)
图3-50 添加路径点并修改路径
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8955.jpg?sign=1739478802-q5ouyhzLWMocyMBxlcgiMse4Pr6ICWsa-0-814cde36807c6c1b03542ac2e361e4bb)
图3-51 路径修整效果
(5)选中修改后的路径,打开“颜色”面板,设置颜色类型为“线性渐变”,渐变颜色为浅绿到深绿,如图3-52(a)所示,填充效果如图3-52(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8959.jpg?sign=1739478802-wGprFXDO0ziHkhnVZ6WX8rNZX1S76NWu-0-21326d79563452adc507893b7a0ec9b7)
图3-52 填充设置及效果
(6)单击文字所在的图层第1帧选中所有文本路径,然后按下Shift键单击上一步填充的曲线路径,打开“颜色”面板,设置颜色类型为“线性渐变”,填充色为深绿到黑色的渐变,如图3-53(a)所示。填充效果如图3-53(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P116_8971.jpg?sign=1739478802-LDM6b5bzzFpHEf61aeDKbWqkvewczmqL-0-ac6ada702c8b5384ef4eb11e50abd2a6)
图3-53 填充设置及效果
(7)在工具箱中选择“墨水瓶工具”,设置笔触颜色为橙色,笔触大小为2,在曲线上单击进行描边,效果如图3-54所示。
(8)在工具箱中选择“文本工具”,按照图3-55设置文本属性,然后在舞台上单击,输入文字,效果如图3-56所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P116_8975.jpg?sign=1739478802-d9ttGc6ANAPMbwHZLULBkrqSBNQ9vvNt-0-e7417634ba17e602937de821ba85a4e1)
图3-54 描边效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P116_8976.jpg?sign=1739478802-Z5gdGi9yNPhDqG3GV1lVeb2IC2ZaDNFU-0-5e7a80f355c48a1f4d14bb29000c5abb)
图3-55 设置文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P116_8979.jpg?sign=1739478802-pM4CKFJqAJLjVAvJMh6BDC7Wj1nbixsh-0-fa0bd0355dca9edbe90169604a43601d)
图3-56 输入文本的效果
(9)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后打开“颜色”面板,设置颜色类型为“线性渐变”,填充颜色为黄色到橙色的渐变,如图3-57(a)所示。文本的填充效果如图3-57(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8994.jpg?sign=1739478802-2NIMoVaHKE3CVTqSAAOb5ENENwfrJuP4-0-afd9328675cd7e4b414e9ca6441664b0)
图3-57 填充设置及效果
(10)选择“渐变变形工具”,调整文本的填充范围和填充方向,效果如图3-58所示。然后选择“墨水瓶工具”,在文本上单击进行描边,效果如图3-59所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8998.jpg?sign=1739478802-SRK2nIB59Yr2knJcIrFdgdoumOO95sya-0-a06f2045840f952604b428e6cf877d34)
图3-58 调整填充效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8999.jpg?sign=1739478802-47xim1zsoVkWmPLGeqsO7jhX0KVIB86C-0-1cdee88be91b1223f19ac02cb681e524)
图3-59 描边效果
(11)使用“选择工具”,双击“时”字的最后一笔,按Delete键删除。然后使用“椭圆工具”绘制一个圆形,移到删除的笔画位置,如图3-60所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_9003.jpg?sign=1739478802-iNYrW4oMIOVA98orGNpzFk3zxCtqSSKs-0-4c332f0721be6d3f4fdfc5a5adf3909c)
图3-60 修改笔画
(12)选择“文本工具”,设置字体为“华文中宋”,大小为20,颜色为红褐色,字母间距为5,在舞台上输入活动时间,如图3-61所示。用同样的方法,在舞台上输入促销内容,如图3-62所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9015.jpg?sign=1739478802-bOozC1IYNJT7qwllTxrJqikrue8NSgZV-0-045b89589c12b864c3b3249d4d681146)
图3-61 输入活动时间
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9016.jpg?sign=1739478802-OdvogOP4E0agIEy8pzGFTx9WVbPk5Hwl-0-c138f7557439f73bb27ec8bddcb6f964)
图3-62 输入促销内容
(13)选中促销内容中的“5.5”,打开属性面板,按照图3-63修改文本属性,修改后的效果如图3-64所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9020.jpg?sign=1739478802-PaE3wyUvSWgcc5qWDo3DNsxix7lUtEiG-0-1798bc36c20003768c93606368da69b2)
图3-63 修改文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9021.jpg?sign=1739478802-NgEHqCP4vNneJFyBZSGcFUNNeFUz5Mam-0-dfd7642379221d47175f5e73a3275efc)
图3-64 文本效果
(14)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后打开“颜色”面板,设置颜色类型为“线性渐变”,填充颜色为黄色到橙色的渐变。使用“渐变填充工具”调整渐变范围和角度,然后使用“墨水瓶工具”进行描边,效果如图3-65所示。
(15)选择“文本工具”,按照图3-66设置文本属性,然后在舞台底部输入文字。调整文本位置,最终效果如图3-45所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9025.jpg?sign=1739478802-DFHcSJWLuWfsHC1aHuHO81kyIv4hpf0u-0-35f1fadea36485f9f8150dbc0e10903e)
图3-65 文本的填充效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_27434.jpg?sign=1739478802-pBOKzRpsm44TKKFCR7epReLrTHWyCQJV-0-f39ea615a764782941d029e28047d45d)
图3-66 设置文本属性
(16)执行“文件”|“保存”命令,保存文档。