
3.4 实例精讲——促销海报

3-3 实例精讲——促销海报
练习目标
本节制作一个商场的促销广告,主要是通过文字的效果来吸引目光,通过对操作步骤的详细讲解,使读者熟练掌握创建文本、分散文本,并对文本进行描边、填充和修饰的方法。
设计思路
首先使用“文本工具”输入文字,并打散,使用“部分选取工具”和“钢笔工具”调整文本路径的形状,创建特殊造型文字效果。然后输入文本并打散,使用“颜色”面板和“墨水瓶工具”对打散的图形进行填充和描边,同样的方法制作其他海报文字,最终效果如图3-45所示。

图3-45 海报效果图
操作步骤
(1)执行“文件”|“新建”命令,新建一个Animate CC 2018文档(ActionScript 3.0),舞台大小为716像素×538像素。执行“文件”|“导入”|“导入到舞台”命令,导入一幅背景图片,适当调整图片的位置,使图片左上角与舞台左上角对齐,效果如图3-46所示。

图3-46 导入的背景图像
(2)单击图层面板左下角的“新建图层”按钮,新建一个图层。在工具箱中选择“文本工具”,打开“属性”面板,按照图3-47设置文本字体、字号、颜色、大小和字母间距。然后在舞台上单击,输入文本,效果如图3-48所示。

图3-47 设置文本属性

图3-48 输入的文本效果
(3)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后在工具箱中选择“部分选取工具”,拖动“粽”字的最后一点到合适的位置,如图3-49所示。
(4)在工具箱中选择“钢笔工具”,在路径上双击添加路径点。然后使用“部分选取工具”拖动路径点,修改路径的弯曲度和形状,如图3-50所示。同样的方法,在路径上添加路径点,并修整路径形状,最终效果如图3-51所示。

图3-49 修改文本的路径点

图3-50 添加路径点并修改路径

图3-51 路径修整效果
(5)选中修改后的路径,打开“颜色”面板,设置颜色类型为“线性渐变”,渐变颜色为浅绿到深绿,如图3-52(a)所示,填充效果如图3-52(b)所示。

图3-52 填充设置及效果
(6)单击文字所在的图层第1帧选中所有文本路径,然后按下Shift键单击上一步填充的曲线路径,打开“颜色”面板,设置颜色类型为“线性渐变”,填充色为深绿到黑色的渐变,如图3-53(a)所示。填充效果如图3-53(b)所示。

图3-53 填充设置及效果
(7)在工具箱中选择“墨水瓶工具”,设置笔触颜色为橙色,笔触大小为2,在曲线上单击进行描边,效果如图3-54所示。
(8)在工具箱中选择“文本工具”,按照图3-55设置文本属性,然后在舞台上单击,输入文字,效果如图3-56所示。

图3-54 描边效果

图3-55 设置文本属性

图3-56 输入文本的效果
(9)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后打开“颜色”面板,设置颜色类型为“线性渐变”,填充颜色为黄色到橙色的渐变,如图3-57(a)所示。文本的填充效果如图3-57(b)所示。

图3-57 填充设置及效果
(10)选择“渐变变形工具”,调整文本的填充范围和填充方向,效果如图3-58所示。然后选择“墨水瓶工具”,在文本上单击进行描边,效果如图3-59所示。

图3-58 调整填充效果

图3-59 描边效果
(11)使用“选择工具”,双击“时”字的最后一笔,按Delete键删除。然后使用“椭圆工具”绘制一个圆形,移到删除的笔画位置,如图3-60所示。

图3-60 修改笔画
(12)选择“文本工具”,设置字体为“华文中宋”,大小为20,颜色为红褐色,字母间距为5,在舞台上输入活动时间,如图3-61所示。用同样的方法,在舞台上输入促销内容,如图3-62所示。

图3-61 输入活动时间

图3-62 输入促销内容
(13)选中促销内容中的“5.5”,打开属性面板,按照图3-63修改文本属性,修改后的效果如图3-64所示。

图3-63 修改文本属性

图3-64 文本效果
(14)选中文本,连续执行两次“修改”|“分离”命令,将文字打散。然后打开“颜色”面板,设置颜色类型为“线性渐变”,填充颜色为黄色到橙色的渐变。使用“渐变填充工具”调整渐变范围和角度,然后使用“墨水瓶工具”进行描边,效果如图3-65所示。
(15)选择“文本工具”,按照图3-66设置文本属性,然后在舞台底部输入文字。调整文本位置,最终效果如图3-45所示。

图3-65 文本的填充效果

图3-66 设置文本属性
(16)执行“文件”|“保存”命令,保存文档。