![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=1738974744-JRbPhQDN7usmnVkmRKEfIzdEqBpJXTcf-0-ce199ec104a3646f8ee8705328ea7242)
3-3 实例精讲——促销海报
练习目标
本节制作一个商场的促销广告,主要是通过文字的效果来吸引目光,通过对操作步骤的详细讲解,使读者熟练掌握创建文本、分散文本,并对文本进行描边、填充和修饰的方法。
设计思路
首先使用“文本工具”输入文字,并打散,使用“部分选取工具”和“钢笔工具”调整文本路径的形状,创建特殊造型文字效果。然后输入文本并打散,使用“颜色”面板和“墨水瓶工具”对打散的图形进行填充和描边,同样的方法制作其他海报文字,最终效果如图3-45所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P114_8907.jpg?sign=1738974744-6kMViBuw7xYzULIyrdDcIUcreElv3mk2-0-8cc1a988269c9a491046326e546ce31c)
图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=1738974744-rwdazn1v4XV5EaDFcEK2AyeCQF7pFCjY-0-da8ff55d6f4f24a85672d6481c754717)
图3-46 导入的背景图像
(2)单击图层面板左下角的“新建图层”按钮,新建一个图层。在工具箱中选择“文本工具”,打开“属性”面板,按照图3-47设置文本字体、字号、颜色、大小和字母间距。然后在舞台上单击,输入文本,效果如图3-48所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8948.jpg?sign=1738974744-psnarqEuDxj2afyc1wEeATj5SPPKHS8H-0-3cfcacba00516d764b81c0a85f10a8b7)
图3-47 设置文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8949.jpg?sign=1738974744-OhfEm4QBmzgypsSy8iduLTo6wbwzBPW5-0-b2a5ab97ee7b31caa19f654f5cb2e9e3)
图3-48 输入的文本效果
(3)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后在工具箱中选择“部分选取工具”,拖动“粽”字的最后一点到合适的位置,如图3-49所示。
(4)在工具箱中选择“钢笔工具”,在路径上双击添加路径点。然后使用“部分选取工具”拖动路径点,修改路径的弯曲度和形状,如图3-50所示。同样的方法,在路径上添加路径点,并修整路径形状,最终效果如图3-51所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8953.jpg?sign=1738974744-i6OqCkgwU57ygBebSyJjFU0UxXmT06Si-0-0999c2515b4875f9768f6d544117320a)
图3-49 修改文本的路径点
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8954.jpg?sign=1738974744-bZz9wXGSKIMhgyFXR6ispNXOWYSFmkp0-0-f612889773dd426f37ea9cdbfe56a799)
图3-50 添加路径点并修改路径
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8955.jpg?sign=1738974744-3xjFxNYkRLBA1Z7I5jKfK5KXlOcESJPU-0-aa68d0854913f1b2f16089ba50359363)
图3-51 路径修整效果
(5)选中修改后的路径,打开“颜色”面板,设置颜色类型为“线性渐变”,渐变颜色为浅绿到深绿,如图3-52(a)所示,填充效果如图3-52(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8959.jpg?sign=1738974744-zzATVCoOgut2yyCdLU9RIaTUd9XRv9qn-0-8b70bda44c2c5be07fdd74e82a4f24e0)
图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=1738974744-ul4qovOQUiE2wGDcTOdhLVe08NQnfE0U-0-e0f612c93fcfb7b8c5affa716c49bd6f)
图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=1738974744-jUvn37uBJPQhJcfNROETom7vi3a5lqwj-0-4c3d9cd4853c3be9e2648cf430013cfe)
图3-54 描边效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P116_8976.jpg?sign=1738974744-3Q3hUrIowsNffQkcXtpq8lQZy7w7z2ei-0-4beaa7ea7a8f19895f4b0767cda129ae)
图3-55 设置文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P116_8979.jpg?sign=1738974744-z8ulzxesWoNXS9fgFoak8sqqLPpUoBwZ-0-c945ba9b88471edf045fa612f6793c28)
图3-56 输入文本的效果
(9)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后打开“颜色”面板,设置颜色类型为“线性渐变”,填充颜色为黄色到橙色的渐变,如图3-57(a)所示。文本的填充效果如图3-57(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8994.jpg?sign=1738974744-6fONLdrgDK9aBEHwNHCddKde4LXX8Ron-0-7669b37d4ff0a286cf9be87a7e396d18)
图3-57 填充设置及效果
(10)选择“渐变变形工具”,调整文本的填充范围和填充方向,效果如图3-58所示。然后选择“墨水瓶工具”,在文本上单击进行描边,效果如图3-59所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8998.jpg?sign=1738974744-euhwicPUGxapJOgl5UOKDIKHSp1VUdFI-0-92b4576a2f60de3e5c3c576fe4c54d2f)
图3-58 调整填充效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8999.jpg?sign=1738974744-7n9VN4V6gGmqgrI4orPB77Ic69JgK0DT-0-f9c9193cb5b29cd6afe4130023c24873)
图3-59 描边效果
(11)使用“选择工具”,双击“时”字的最后一笔,按Delete键删除。然后使用“椭圆工具”绘制一个圆形,移到删除的笔画位置,如图3-60所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_9003.jpg?sign=1738974744-bDaqNXi3mqQOEp3GhXQ2DOVsYf1fNd84-0-fadaf27ab493c77aa5e10bdff44c7667)
图3-60 修改笔画
(12)选择“文本工具”,设置字体为“华文中宋”,大小为20,颜色为红褐色,字母间距为5,在舞台上输入活动时间,如图3-61所示。用同样的方法,在舞台上输入促销内容,如图3-62所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9015.jpg?sign=1738974744-jMKi7PB1owlPKx76S3cKiY6HneedDxFb-0-853f1de264212ef981e503de99b96d70)
图3-61 输入活动时间
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9016.jpg?sign=1738974744-TQv6kfVfntoPIXoqADFih2Hdyri3tsyO-0-c95d646b537aaea690ccf0d5cd191938)
图3-62 输入促销内容
(13)选中促销内容中的“5.5”,打开属性面板,按照图3-63修改文本属性,修改后的效果如图3-64所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9020.jpg?sign=1738974744-GwZlZotdoR0VFUEvl0XirvJOWQpXCtPo-0-31ca012124320d1fdb8e04443b8e6e4f)
图3-63 修改文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9021.jpg?sign=1738974744-c4UQJErgl0JUCr1FCUoXpgvtX4tzpgSE-0-53dfaa8291a8893614c4a87d8a6d8774)
图3-64 文本效果
(14)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后打开“颜色”面板,设置颜色类型为“线性渐变”,填充颜色为黄色到橙色的渐变。使用“渐变填充工具”调整渐变范围和角度,然后使用“墨水瓶工具”进行描边,效果如图3-65所示。
(15)选择“文本工具”,按照图3-66设置文本属性,然后在舞台底部输入文字。调整文本位置,最终效果如图3-45所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9025.jpg?sign=1738974744-VWQrnRATt3TO2aeMYQgKcTClsfCwJgFO-0-41fbe67d5b327f3d1c886446f4bd59cb)
图3-65 文本的填充效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_27434.jpg?sign=1738974744-0U2h0EZnX6a5oEscookObV1PZ7uKEDkh-0-d449aa896033a309fbc815cfab568114)
图3-66 设置文本属性
(16)执行“文件”|“保存”命令,保存文档。