当前页:实例制作>>>五彩字
五彩字
责任编辑:黄舒奇    最后修改时间2016-06-04 
     本例主要应用将文字边框转换为可填充图形,并用渐变色进行填充,以及使用填充变形工具改变渐变填充制作完成。
最终效果如下:     源文件下载
       
                                   最终效果(全屏)
制作步骤:
   (1)启动FLASH应用程序
   (2)选择菜单“修改”|“文档”命令,打开文档属性对话框,设置背景的尺寸宽为500px,高为200px,背景色为“黑色”如图 1
                  图 1 “文档属性”对话框
                             图 1 “文档属性”对话框
  (3)选择“插入”|“新元件”命令,打开创建新元件对话框,在“名称”框中输入文字“字2”,在“类型”选项中选中“图形”,并点“确定”,如图2
                图 2 “创建新元件”对话框
                             图 2  “创建新元件”对话框
   (4)进入"字2"元件的编辑窗口,选择工具箱中的文本工具 ,在"属性"面板中设置文本类型为 、字体为、大小为“50”、颜色为“FFCC66”,选中“粗体”在“自动调整字距”前打上钩,在工作区中输入文字“Flash MX"。
图 3 设置文字属性
                             图  3 设置文字属性
  (5)选择工具箱中的箭头工具,将文字移至工作区的中心。
                  图 4 调整文字到工作区的中心
                         图 4 调整文字到工作区的中心
  (6)选中文字,连续选择菜单"修改"|"分离"命令两次,将文字打散。
                 图 5 打散文字
                                图 5 打散文字
     (7)在文字外单击鼠标,取消对文字的选择。选择工具箱中的颜料桶工具,单击“颜色”面板中的填充色按钮,在打开的“颜色”面板中选中最底部一行,第六个颜色块。
                   图 6 设置填充色
                               图 6 设置填充色
      (8)按Ctrl+A键,选中全部文字.选择工具箱中的颜料桶工具,单击文字进行填充。
                 图 7 填充文字
                              图 7 填充文字
  (9)选择菜单中的"窗口"|"库"命令,打开“库”面板。单击“库”面板右上角的“面板菜单”图标 ,在弹出的下拉菜单中选择“直接复制”命令,打开复制元件对话框,在名称文本框中输入“字1”,复制出“字1元件。
              图 8 “复制元件”对话框
                           图 8 “复制元件”对话框
     (10)重复第(9)步的操作,复制出"字3"和"字4"元件.库面板图如下:
                          图 9 库面板
                                 图 9 库面板
     (11)双击"库"面板中的"字1"元件,进入其编辑窗口,选择工具箱中的填充变形工具,将渐变填充顺时针旋转90度
                  图 10 "字1"效果
                                图 10 "字1"效果
    (12)双击库面板中的"字3"元件,进入编辑窗口,选择工具箱中的填充变形工具,将渐变填充反时针旋转90度.
                    图 11 "字3"效果
                                图 11 "字3"效果
     (13)双击进入"字4"元件编辑窗口,选择工具箱中的填充变形工具,将渐变填充旋转180度。
                    图 12 "字4"效果
                                 图 12 "字4"效果
     (14)单击"埸景"图标,返回到主埸景.选择工具箱中的文本工具,在工作区中输入字符Flash MX"并填充颜色为"灰色"调整位置,到工作区的中心,右击图层1"层的第80帧,在弹出的快捷菜单中选择"插入"帧命令,插入帧。
                  图 13 在工作区中输入法字符
                       图 13 在工作区中输入法字符
     (15)单击"时间轴"面板中的"插入图层"按钮,插入"图层2,从库面板中拖出"字1"到工作区中心,分别按键盘上的↑和→键两次,调整其位于"图层1"中文字的左偏上两个低像素距高.
            图 14 拖入"字1"元件,并进行调整
                       图 14 拖入"字1"元件,并进行调整
    (16)分别右击第20、40、60、80帧,在弹出的快捷菜单中选择“插入关键帧”命令。选中第20帧中的对象,单击“属性”面板中的“交换”按钮,在打开的“交换元件对话框中双击”字2“元件, 将“字1”元件换成“字2”元件。
      图 15 属性面板
                                图 15 属性面板
图16 交换元件
                              图16 交换元件
    (17)重复第16步,将第40帧中的对象换成“字3”元件,将第60帧的对象换成“字4”元件。
    (18)分别选中所有的关键帧对象,选择"修改","分离"命令,将其打散。
   (19)单击“图层2”的层名区,选中所有帧,在“属性”面板中设置“补间为“形状”混合为 “分布式”,创建四段形状渐变动画。
图17 创建四段形状渐变动画
                           图17 创建四段形状渐变动画
    (20)选择“控制”|“测试影片”,测试影片效果。
   源文件下载