最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

flash打造幻影文字效果教程

日期:10-16    来源:中国设计秀    作者:cnwebshow.com

在很多字幕中,经常使用到“幻影”文字效果(见效果图)。该效果的实现方法不是很难,主要就是运用了复制语句和几个基本的电影剪辑属性以及一些简单的程序,再加上颜色对比度的使用技巧即可实现。E47中国设计秀

1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为600px x 240px,背景为黑色,帧速率12fps。帧速率可以做适当调整。E47中国设计秀

  2.按快捷键Ctrl+F8新建一个名为“文字”的图形元件。点选“工具”面板中的“文本”工具,在该元件的场景中拉一个静态文本框,并输入“柳叶制作”四个字。点选输好的文字,如图1所示设置其“属性”面板。E47中国设计秀

E47中国设计秀

图1E47中国设计秀

  3.按快捷键Ctrl+F8新建一个名为“文字影片”的影片剪辑元件。按快捷键Ctrl+L打开“库”面板,把“库”中的“文字”图形元件拖入“文字影片”元件的场景中。“文字影片”元件层与帧的结构如图2所示,只有一个“文字”层,共215帧。图2中的“变形”面板中的参数为第35帧中“文字影片”元件的设置参数。右键单击“文字”层的第1帧,在弹出菜单中选择“创建补间动画”命令创建补间动画。E47中国设计秀

  提示:如果有多帧需要创建为补间动画,可先创建“补间”,再创建帧,这是一种“偷懒“的做法,但在“补间”中有多帧的情况下却是“一劳永逸”的。E47中国设计秀

E47中国设计秀

图2E47中国设计秀

4.点选“文字”层的第15、35、50、90、150、215帧,按F6键插入关键帧。点选第15、35、50、90、150帧中“文字影片”元件,将它们进行移动,并按快捷键Ctrl+T打开“变形“面板改变其角度,见图2所示。其目的是让该元件能够进行上下左右晃动。E47中国设计秀

  5.按快捷键Ctrl+F8新建一个名为“文字颜色”的影片剪辑元件。双击“图层 1”改名为“颜色”,如图3所示。按快捷键Ctrl+L打开“库”面板,把“库”中的“文字影片”元件拖入“颜色”层的场景中。E47中国设计秀

E47中国设计秀

图3E47中国设计秀

  6.右键单击“颜色”层的第1帧,在弹出菜单中选择“创建补间动画”命令创建补间动画。点选“颜色”层的第20、40、60、80、100帧,按F6键插入关键帧。E47中国设计秀

  7.分别点选第20、40、60、80帧中的“文字影片”元件,如图4所示设置“属性”面板。选择“颜色”下拉菜单中的“色调”选项,文字的颜色分别为#FF0000、#00FF00、#0000FF、#FFFF00。E47中国设计秀

  提示:改变元件颜色的时候,尽量不使用形状渐变,还是在“颜色”下拉菜单中改变其色调即可,这样可减小文件的体积。另外,最后1帧要和第1帧的设置相同,这样可以保证影片播放的流畅。E47中国设计秀

E47中国设计秀

图4E47中国设计秀

  8.回到“场景 1”,如图5所示建立“脚本”、“文字”两层,各4帧。把电影剪辑“文字颜色”元件从“库”面板中拖拽到“文字”层的场景中。E47中国设计秀

E47中国设计秀

图5E47中国设计秀

  9.点选“场景 1”中的“文字影片”元件,给它起个实例名称“text0”。如图6所示。E47中国设计秀

E47中国设计秀

图6E47中国设计秀

10.分别点选“脚本”层中的第2、3、4帧按F7键插入空白关键帧。按F9键打开“动作”面板,分别输入如下代码: