![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=1739217077-R4GWwttqLeOgMMG4OYKVzlImowiKesQj-0-d1888e485db3998905f6cc0452e4462c)
3-3 实例精讲——促销海报
练习目标
本节制作一个商场的促销广告,主要是通过文字的效果来吸引目光,通过对操作步骤的详细讲解,使读者熟练掌握创建文本、分散文本,并对文本进行描边、填充和修饰的方法。
设计思路
首先使用“文本工具”输入文字,并打散,使用“部分选取工具”和“钢笔工具”调整文本路径的形状,创建特殊造型文字效果。然后输入文本并打散,使用“颜色”面板和“墨水瓶工具”对打散的图形进行填充和描边,同样的方法制作其他海报文字,最终效果如图3-45所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P114_8907.jpg?sign=1739217077-cCGJ3yoQQS6oLlvKCoBM4UnoPvTifsX8-0-c703e17f38ca31b0cefde9d72ec9c340)
图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=1739217077-1QJZpArFM5oH9TZ7ofLvv2EgI8m1d24o-0-ea8b655cdeb590fa58fcd586a104e753)
图3-46 导入的背景图像
(2)单击图层面板左下角的“新建图层”按钮,新建一个图层。在工具箱中选择“文本工具”,打开“属性”面板,按照图3-47设置文本字体、字号、颜色、大小和字母间距。然后在舞台上单击,输入文本,效果如图3-48所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8948.jpg?sign=1739217077-lpdQAQyHcgKy05IgGQu5VS0ReL1Ix8Nz-0-1c3c61c7aeee382b963d65ea96d978cf)
图3-47 设置文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8949.jpg?sign=1739217077-yC0sRKO0HRwIPukNNsGXmN74rSpepIA4-0-6bf48e23c6cb0ce7b14c686d5a805c66)
图3-48 输入的文本效果
(3)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后在工具箱中选择“部分选取工具”,拖动“粽”字的最后一点到合适的位置,如图3-49所示。
(4)在工具箱中选择“钢笔工具”,在路径上双击添加路径点。然后使用“部分选取工具”拖动路径点,修改路径的弯曲度和形状,如图3-50所示。同样的方法,在路径上添加路径点,并修整路径形状,最终效果如图3-51所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8953.jpg?sign=1739217077-233sLYI12kZSXugFZ7eUXgLipVq51bjn-0-af64c51b371f626f66442701d5c3cea3)
图3-49 修改文本的路径点
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8954.jpg?sign=1739217077-hVxfqnS94JtBzGcRPo44y7xEa0nenxDJ-0-15486e60b593025d9fa94ece11b71000)
图3-50 添加路径点并修改路径
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8955.jpg?sign=1739217077-2OgZnKRXl0Ot7diLSGlYlvegEN7yvwUY-0-f51b000f0b69d6b1712dea362af223bb)
图3-51 路径修整效果
(5)选中修改后的路径,打开“颜色”面板,设置颜色类型为“线性渐变”,渐变颜色为浅绿到深绿,如图3-52(a)所示,填充效果如图3-52(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P115_8959.jpg?sign=1739217077-oNXmdfX863567m55Qdtn8mNTuB0dDQgy-0-6ed41c87cf202d43b8cb0f89f8263108)
图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=1739217077-ZKp1EbfdVC5PEMlE2RD1BeZd7Tc8dn9s-0-fa7f238d52ac0eead3b03d006808d2cd)
图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=1739217077-Bw8PlcvnY2vMsF0j6HmwVDBIjt0JKKTy-0-80f1f37032141ad484a8f0069e40a305)
图3-54 描边效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P116_8976.jpg?sign=1739217077-LSeiQPhAY1rBmWQ4Vu2nZLV3W5D6xkVB-0-0219d8dd82d69ec3d19d23490a8b798c)
图3-55 设置文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P116_8979.jpg?sign=1739217077-gDYJkmXka3nupBfRbuvhcsuZnK5vc9lN-0-2a831f066ae07fd5540e077de16688bd)
图3-56 输入文本的效果
(9)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后打开“颜色”面板,设置颜色类型为“线性渐变”,填充颜色为黄色到橙色的渐变,如图3-57(a)所示。文本的填充效果如图3-57(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8994.jpg?sign=1739217077-3lWaVFzJHU6bEdEy59IFl6tGRmw3GWNf-0-c8771b974900da53e5ae1ddae2076da3)
图3-57 填充设置及效果
(10)选择“渐变变形工具”,调整文本的填充范围和填充方向,效果如图3-58所示。然后选择“墨水瓶工具”,在文本上单击进行描边,效果如图3-59所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8998.jpg?sign=1739217077-Vs2BiNn5MkvYRz9h9FxOiEmm813NNFwr-0-7d72b080ba6eab8c26ebebde08fd4872)
图3-58 调整填充效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_8999.jpg?sign=1739217077-B0zaDK20hocp8nbSyc7O2x6LbHX0pof6-0-f0273d620b2048bdbfd63d5a32a0cd36)
图3-59 描边效果
(11)使用“选择工具”,双击“时”字的最后一笔,按Delete键删除。然后使用“椭圆工具”绘制一个圆形,移到删除的笔画位置,如图3-60所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P117_9003.jpg?sign=1739217077-IrNYinTz4EHBOmI39hm74s9R88rHAhgH-0-a73551f1ddc93d667a2ffaf1daeb7757)
图3-60 修改笔画
(12)选择“文本工具”,设置字体为“华文中宋”,大小为20,颜色为红褐色,字母间距为5,在舞台上输入活动时间,如图3-61所示。用同样的方法,在舞台上输入促销内容,如图3-62所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9015.jpg?sign=1739217077-bYqmhpmdqbtmu6MmNVOc4hVYh2wzUjLT-0-98cee566f58b4e70e8b748fffd1cc35f)
图3-61 输入活动时间
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9016.jpg?sign=1739217077-VfZRuquoyVRRyrhiSPfGflRyFi2nJVUu-0-dc6e69b0303edcf57e48721cf4df9608)
图3-62 输入促销内容
(13)选中促销内容中的“5.5”,打开属性面板,按照图3-63修改文本属性,修改后的效果如图3-64所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9020.jpg?sign=1739217077-SZuno6XUMsW3RINU2yW5PGkXwEwWmj1P-0-deab04497b70149c6252fcece5bfc14b)
图3-63 修改文本属性
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9021.jpg?sign=1739217077-OdGt48YLyavD15SjEjUfuCzTtqXIfJof-0-e9044e4ace73d5e305028fb5aa85d9cd)
图3-64 文本效果
(14)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后打开“颜色”面板,设置颜色类型为“线性渐变”,填充颜色为黄色到橙色的渐变。使用“渐变填充工具”调整渐变范围和角度,然后使用“墨水瓶工具”进行描边,效果如图3-65所示。
(15)选择“文本工具”,按照图3-66设置文本属性,然后在舞台底部输入文字。调整文本位置,最终效果如图3-45所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_9025.jpg?sign=1739217077-zDowD71Q0ok881A9tGHZVn4uUiFiRJYJ-0-988bdc0c22a0e2c2b9d7cfc23412b870)
图3-65 文本的填充效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P118_27434.jpg?sign=1739217077-V5avayikdCtpqkVQUJ4cWpNhY3Z7zwvc-0-e4aa516a80993c1dbe89d3dffc44055d)
图3-66 设置文本属性
(16)执行“文件”|“保存”命令,保存文档。