xicaixiao 发表于 2007-11-24 22:03:57

水飘字制作

在制作过程中巧妙的运用遮罩来产生一些特别的视觉效果,整个影片除去一个黑色背景之外只需要三个图层:用来遮罩的“遮罩文字”层;被遮罩的“遮罩”层和用来显示前景文字的“前景文字”层。只是在制作过程中应注意不能用较粗的字体,因为选择较粗的字体效果不太明显,例中“水”字的左面一竖在“遮罩”图层中的第1,第50帧中应该对应在矩形遮罩亮度相同的地方。这样做也是为了让影片看上去不抖动,使播放较为流畅。最终效果如下所示,要实现这一效果,其操作步骤如下:
http://bbs.jcwcn.com/attachment.php?aid=397696
一.制作元件

  1.新建一个电影,在属性面板中设置其尺寸为600pxX200px,选择一种颜色(本例为#000000)作为背景色。按“Ctrl+ F8”键打开“创建新元件”面板,新建一图形元件,并命名为“文字”,在“文字”符号的场景中写下“水飘文字”几个字,如下图。通过属性面板,设置文本的字体为“宋体”,大小为80,颜色为#FF8C40,当然,这些都可以根据需要自行设置。
  2.接下来我们来制作“遮罩”层。按照第1步的方法,新建一图形元件,并命名为“遮罩条”,进入形元件“遮罩条”的编辑状态,打开“混色器”面板,并进行如下图的设置即中间白两边黑效果,“混色器面板”如图1所示:

http://bbs.jcwcn.com/attachments/month_0706/20070607_30feb564f6b077c62abeTUlAM2Rjq2fQ.jpg


图2 混色面板
  3.用矩形工具拉出一个宽为50 px;高为100 px的矩形,然后再粘贴这个矩形遮罩,并使它们连续排列,“遮罩条”最终设置如图2(黑色区域为场景,以下同)所示:

http://bbs.jcwcn.com/attachments/month_0706/20070607_a9149ebd5a5cc8f1e54aEcgQjN9NmjAM.jpg


图2 “遮罩条”最终效果
二.制作场景
  1.回到主场景,新建两个图层,并分别命名为“前景文字”和“遮罩文字”,并把“图层 1”层改名为“遮罩”,调整图层的排列顺序,这时时间轴窗口如图3所示:


http://bbs.jcwcn.com/attachments/month_0706/20070607_8edf4743f651efbb4d8696HaIuNMBvMP.jpg


图3时间轴窗口
  2.按 “Ctrl+L”键打开库,把“文字”符号拖拽到“前景文字”层中,创建相应的实例,并调整到适当的位置。接着选中文字按“Ctrl+C”键复制,并按“Ctrl+Shift+V”键原位复制到“遮罩文字”层中。
  3.把两个文字层都锁住,然后把库中的“遮罩条”符号拖拽到“遮罩”层中,创建一个实例,并调整到适当的位置。效果如图4

http://bbs.jcwcn.com/attachments/month_0706/20070607_615bf3b5f556f15b1555LFzxCTevubxO.jpg


图4 调整“遮罩条”的位置
  4.按住鼠标左键连续点选“前景文字”层、“遮罩文字”层、“遮罩”层的第50帧,按“F5”键插入帧。接着选中“遮罩”层的第50帧按“F6”键插入关键帧。鼠标右键单击“遮罩”层的第1帧,在弹出面板中选择“创建补间动画”命令。接着把“遮罩”层第50帧中的“遮罩”往左移动。如图5

http://bbs.jcwcn.com/attachments/month_0706/20070607_99eb3a38597fc980652fotsybpOrfqLw.jpg


图5 移动“遮罩条“的位置
  5.右键单击“遮罩文字”层,选择“遮罩层”命令。打开“前景文字”层的锁,选中层中的文字,分别按一下小键盘里的方向键“←”和“↓”。这样做是让“前景文字”层里的文字发生偏移,以便露出一点点隐藏在它下面的遮罩运动。如果觉得影片的播放还是有一点点不流畅,就在第50帧里写下代码:
gotoAndPlay(1);
  6.整个效果到此全部完成,保存作品,按“Ctrl+Enter”预览最终效果,就可以看见漂亮的水飘文字效果。

zhansh 发表于 2007-11-24 22:26:43

帖子复制好后可以切换到所见即所得模式下把没用的一些文件和连接删除

jimoyantou 发表于 2007-11-25 15:22:23

对我们初学的来说,遮罩是个难点
怎么看不到演示?斑竹不能开放本地上传SWF影片并即时播放吗?

xiangyuan 发表于 2008-1-17 11:31:40

进来看看,希望自己有天也能写个什么教程!加油

lanbing21 发表于 2009-5-14 12:30:07

多谢分享啊
页: [1]
查看完整版本: 水飘字制作