一级棒(Eachfun)
一级棒 - 教学经纬 - Flash实例教学 - 文字描边效果
RSS订阅
文字描边效果
发表时间:2003-03-20 00:00:00 关键词:FLASH,实例,教程

/upfile/200442375931448.swf

  本来不想做这方面的教程,前阵子在网上乱转,发现有很多人还没有入门,在各大网站上提问“这个怎么做的,那个效果 怎么做的”。于是很想帮帮别人,就做起来了。

一、这个动画的主要功能是用一支笔来画出一个字母“E”,所以我们先来做这个工作。

  1、新建电影,400*300,25帧每秒,黑色。

  2、场景要有三个层,从下到上依次为“字母”、“笔”、“引导线”层。

  3、在“字母”层第一帧插入字母“E”,调整为合适的字体、大小、颜色。然后“Ctrl+B”打散,再用墨水瓶工具描出边 来。(友情提醒:如果字体的颜色或边线的颜色跟背景色一样,你将看不见。)

  4、双击描过的边,将选择所有边线。“Ctrl+C”复制,然后单击“引导线”层第一帧,“Ctrl+Shift+V”粘贴。这样,“ 引导线”层也有“E”字的边框,但它跟“字母”层重合。所以看起来没有什么特别。

  5、将“字母”层隐藏起来,单独看见“引导线”层。用橡皮工具将“E”字边框的左上角擦除一点,使原来的封闭曲线变 成开放曲线。运动就从这里开始,还到这里结束。

  6、锁定“引导线”层,开始编辑“笔”层。尽你的所能画一支笔,可以是钢笔、毛笔、铅笔。实在不行画个线条、圆圈、 方块都行。(一会儿就让这个东西跟着引导线走)画好后,转化成图符,取名为“笔”。

  特别提醒:转化为图符后,在“图库”中找到“笔”,然后双击(这样可以对“笔”进行编辑),将它们一起框选起来, 拖动位置,使笔尖与中心的十字形重合,成为图符中心。然后返回场景。返回场景后的效果如下图。

  7、拖动钢笔的笔尖到引导线的开端处,(它们不在同一层,但是可以对齐,请确定已经打开“贴紧对象”功能)

  8、引导层的第一百帧按“F5”,“笔”层的第一百帧按“F6”,将笔尖拖动到引导线的终端。(保持引导线层被锁定,以 免它被改变)“笔”层第一帧点右键,创建动画。这时,“钢笔”已经会动了,不过不是按我们的“引导线”动的。

  9、在“引导线”层的层名上单击右键,选择“引导线”,这样,这一层不成了名符其实的引导线了。

  10、在“笔”层左方的图标上双击(或者右键、属性),将层类型由“普通”改为“已引导”。

二、后期细节一:让笔留下笔迹。

  如果你此时导出“SWF”,你会发现那一支笔就像没有灌墨水一样,写不出笔迹来。我们要让笔经过的地方显示出线条来。 这一效果可以用多种方法来实现:

  方法一:帧帧动画,每帧多画一段;

  方法二:帧帧动画,每帧少挡掉一点;

  方法三:遮罩。很多人会以为遮罩好一点,其实不一定。如果笔是沿着直线或其它有规律的路径走的,那么用一个简单的 遮罩就可以完成。但是对于这个例子来说,遮罩由12部分组成,有的地方甚至还是像帧帧动画一样的。

  因为方法一和方法二大家都会,这里不妨就用遮罩来完成。考虑到运动太复杂,于是不使用动作动画,而用帧帧动画来控 制遮罩层。

  1、在“引导线”层的上方(就是所有层的上方啦)添加一个层,叫“笔迹”层。先隐藏上面的所有层,只显示“字母”层 ,按照上面的方法选择所有的边线,“Ctrl+C”,然后再把“字母”层隐藏起来,显示“笔迹”层,在其第一帧“Ctrl+Shift+V”,这样,在 “笔迹”层的第一帧就有了完整的E边框了。

  2、上方再加一层,叫“遮罩”层,在该层的第二帧单击,然后在该层的第100帧“Shift+单击”,选择从2到100帧,右键 ->移除帧。只留第一帧。同时,隐藏除“笔”、“笔迹”、“遮罩”外的所有层,而“笔”、“笔迹”两层要锁定。(同时看见三层,只能 编辑一层)

  3、从“遮罩”层的第一层开始,每一帧都作如下处理:(1)插入关键帧;(2)用画笔工具涂抹,涂抹的部分将钢笔已走过的 路线盖住,不一定要抹得像线那样细,可以随意涂鸦;(3)下一帧……。下图表示处理到第7帧和第25帧时的形况。

  4、在“遮罩”层的层名上单击右键,选择“遮蔽”。

三、后期细节二、让字母出现。

  现在我们选择让钢笔描最后一笔时字母由暗到亮慢慢出现。通过对“笔”层的观察可以发现,钢笔从第80帧时开始画最后 一条竖线(如果你选的字体和我的不一样,就可能不是第80帧。)

  1、现在又要用到“字母”层了,将其它层隐藏起来,显示“字母”层,框选选择字母的边框和内部区域,按“F8”转化成 图符,取名为“字母”好了。

  2、选择已经成为图符的字母“E”,“Ctrl+X”剪切掉。

  3、“字母”层第80帧按“F6”,再“Ctrl+Shift+V”,把刚才的字母从第1帧移到第80帧。

  4、“字母”层第100帧按“F6”。

  5、回到“字母”层第80帧,在效果面板中将字母的亮度改为“-100%”,然后在第80帧单击右键,创建动画。

  6、OVER!

本站特约顾问律师常州东晟律师事务所朱立律师(电话13915029670,QQ646146109)提醒您:
本站文章皆为作者原创,其它媒体(包括但不限于报刊、杂志、网站、电视、电台)未经作者书面许可严禁转载(或部分摘录)!
发表评论
称呼:
QQ:
邮箱:
链接:
内容:
搜索: 百度搜索 Google搜索
Copyright©2000 - 2008 Eachfun.Com, All Rights Reserved 一级棒网络
苏ICP备05080156号
一级棒建站系统 http://www.eachfun.com 一级棒版权所有,未经许可不得商用!