![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=1739476509-iJDerZ1iP2DKtBDzBshd8FvycYiRApCS-0-77bebed2ea497d5281d9b0137ca6f56f)
3-3 实例精讲——促销海报
练习目标
本节制作一个商场的促销广告,主要是通过文字的效果来吸引目光,通过对操作步骤的详细讲解,使读者熟练掌握创建文本、分散文本,并对文本进行描边、填充和修饰的方法。
设计思路
首先使用“文本工具”输入文字,并打散,使用“部分选取工具”和“钢笔工具”调整文本路径的形状,创建特殊造型文字效果。然后输入文本并打散,使用“颜色”面板和“墨水瓶工具”对打散的图形进行填充和描边,同样的方法制作其他海报文字,最终效果如图3-45所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P114_8907.jpg?sign=1739476509-H6kFh65EnTuaPJUaMgydmmboJT8aC58f-0-141fc1b98afe594f4306e09a9d78f1de)
图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=1739476509-LcIMjE6Q2M6tZ12PtukDThsO2BEyVYdY-0-7190dbdf4cf5669ba853681b4c61040c)
图3-46 导入的背景图像
(2)单击图层面板左下角的“新建图层”按钮,新建一个图层。在工具箱中选择“文本工具”,打开“属性”面板,按照图3-47设置文本字体、字号、颜色、大小和字母间距。然后在舞台上单击,输入文本,效果如图3-48所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8948.jpg?sign=1739476509-54TmJzcLbBWxqKbMO9EO4APQEgsqMZOv-0-4df71aa3354f555247c1d5eacdc71c67)
图3-47 设置文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8949.jpg?sign=1739476509-md5JJkoBfMUEQ9RWBAYzNDa1VxlhEqfA-0-a794f355e8d7256b3328ef37b3362da5)
图3-48 输入的文本效果
(3)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后在工具箱中选择“部分选取工具”,拖动“粽”字的最后一点到合适的位置,如图3-49所示。
(4)在工具箱中选择“钢笔工具”,在路径上双击添加路径点。然后使用“部分选取工具”拖动路径点,修改路径的弯曲度和形状,如图3-50所示。同样的方法,在路径上添加路径点,并修整路径形状,最终效果如图3-51所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8953.jpg?sign=1739476509-T5h5HzDqufBL0yEATyptufE8dj932Ean-0-3ee74dc05591cd481d62f02f39ce9447)
图3-49 修改文本的路径点
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8954.jpg?sign=1739476509-eOnzwMW2cZiMWx4Xo05jqrSQo9YdVxU0-0-24a789c84ebb7c26f31c4890988764b8)
图3-50 添加路径点并修改路径
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8955.jpg?sign=1739476509-bwoyiCZOvyAROkjE33FNl4d53H0TlRQm-0-0c4bb531fcebb58713144eb27161f079)
图3-51 路径修整效果
(5)选中修改后的路径,打开“颜色”面板,设置颜色类型为“线性渐变”,渐变颜色为浅绿到深绿,如图3-52(a)所示,填充效果如图3-52(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8959.jpg?sign=1739476509-WKpnFbupRBOiGZOleifz0kOqpc7MaWpX-0-1b97acd25f760d357956609f21f548fc)
图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=1739476509-w00lu6I9hJoOk6sXuhUn4OofosEvfnkM-0-8f600cf890608b789e3180788cf542d7)
图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=1739476509-gI7UAfgbx2wqPXMZmRTVv3EoDtncodOf-0-517c7ab4845c8070e38c7779c7af7bda)
图3-54 描边效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P116_8976.jpg?sign=1739476509-oznEfUnLfnpdcURZuvA6RgajhlPDOIvy-0-ba8d5efecd052ceba13c922cade4e541)
图3-55 设置文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P116_8979.jpg?sign=1739476509-PlA8ZIZ3SPehtMadyOEk823tdjqoYXOT-0-659229fe0e7b81caf31d610236cdabc1)
图3-56 输入文本的效果
(9)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后打开“颜色”面板,设置颜色类型为“线性渐变”,填充颜色为黄色到橙色的渐变,如图3-57(a)所示。文本的填充效果如图3-57(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8994.jpg?sign=1739476509-DrTe9vy0LDgUjkUp8EzTCu52UpTvR1un-0-5818094a4d5fa3cdadba249ec99d26af)
图3-57 填充设置及效果
(10)选择“渐变变形工具”,调整文本的填充范围和填充方向,效果如图3-58所示。然后选择“墨水瓶工具”,在文本上单击进行描边,效果如图3-59所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8998.jpg?sign=1739476509-AdqMjEm6gBDBg2HgUo4Krw3cgcHWQ0Ko-0-4005225c57ee2564df63b406e90ab304)
图3-58 调整填充效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8999.jpg?sign=1739476509-We3S4ASlbpG2ydEZhKYH3PlBeE1kCc2N-0-ff4e6cf04b2c775a3a43e5d154f3cd25)
图3-59 描边效果
(11)使用“选择工具”,双击“时”字的最后一笔,按Delete键删除。然后使用“椭圆工具”绘制一个圆形,移到删除的笔画位置,如图3-60所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_9003.jpg?sign=1739476509-4m0c5Nn3J4NzUFOYOhOYGZLbvtgl1DEq-0-d73747c65e514d21a89e8fe78dfab89e)
图3-60 修改笔画
(12)选择“文本工具”,设置字体为“华文中宋”,大小为20,颜色为红褐色,字母间距为5,在舞台上输入活动时间,如图3-61所示。用同样的方法,在舞台上输入促销内容,如图3-62所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9015.jpg?sign=1739476509-vl3co5u040ay17Noz8FniQf4wuh4VogV-0-ff224ef096deabe07bb9af07c27126f2)
图3-61 输入活动时间
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9016.jpg?sign=1739476509-SGtPsUNsELOnCxaN4Wz6floXvvFTxfxI-0-2b505f7175b5530ee08c36ff635ea277)
图3-62 输入促销内容
(13)选中促销内容中的“5.5”,打开属性面板,按照图3-63修改文本属性,修改后的效果如图3-64所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9020.jpg?sign=1739476509-bjulYx8othA1ipZs1MispQqi5UyYaWeh-0-da19784b791d01746ed539fa1fa4c825)
图3-63 修改文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9021.jpg?sign=1739476509-wY2KpCs6gWCwPb2AVnjf4LkmSZgjiIO2-0-67b569ef7e18d69d5a1f40d16559b44a)
图3-64 文本效果
(14)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后打开“颜色”面板,设置颜色类型为“线性渐变”,填充颜色为黄色到橙色的渐变。使用“渐变填充工具”调整渐变范围和角度,然后使用“墨水瓶工具”进行描边,效果如图3-65所示。
(15)选择“文本工具”,按照图3-66设置文本属性,然后在舞台底部输入文字。调整文本位置,最终效果如图3-45所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9025.jpg?sign=1739476509-I8n7MUs8p9r2L7Fnrftidy7efTfLnFLe-0-87cec556d79e43eda5f1bc2fcf2bc238)
图3-65 文本的填充效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_27434.jpg?sign=1739476509-bqwie6VNjxB7mGKJFoRcvZiteRMgQzM1-0-f98b1453b5f960300350e5747999f93e)
图3-66 设置文本属性
(16)执行“文件”|“保存”命令,保存文档。