您好!欢迎您光临模仿打字效果的三种方法 _迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>模仿打字效果的三种方法
模仿打字效果的三种方法
发表日期:2012/9/18 14:04:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 5204

 

 

模仿打字效果的三种方法

       

       教学目的:通过本节教学了解和熟悉帧帧动画、遮罩特效、as语句的操作原理与制作过程。并运用这一原理和操作方法创作相关的动画作品。

  教学对象:本教材是针对有一定动画制作基础和对属性面板及工具箱、动作面板有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

       教学要点:帧帧、遮罩、as。

 

       制作步骤

    (一)删除法

    1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*300,背景黑色,其它默认,点击确定,进入场景1。如图1所示:

 
图1

    3.编辑制作场景 就一个图层。

    选择图层1第3帧,插入空白关键帧,用文本工具在舞台中输入相关文字,颜色、大小、字体随意。全居中。如图2所示:

图2

选择“修改-分离”一次,将词组分离。如图3所示:

 
图3
 
分别在第5、7、9、11、13、15、17、19、21帧插入关键帧。选择第3帧上的实例,用选择工具框选“欢”以后的所有字,删除,只留下欢字。如图4所示:
 
 
图4
 
选择第5帧上的实例,用选择工具框选“欢迎”以后的所有字,删除,只留下欢迎。如图5所示:
 
 
图5
 
选择第7帧上的实例,用选择工具框选“欢迎您”以后的所有字,删除,只留下欢迎您。如图6所示:
 
 
图6

同理同种方法完成第9、11、13、15、17、19、21帧的操作。第21帧是一个完整的句子。在第40帧插入帧。

     4.该作业完成后的时间轴如图7示:

 
 
图7
 
 
    (二)遮罩法
 
    1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*300,背景黑色,其它默认,点击确定,进入场景1。如图8所示:

 
8

    3.编辑制作场景 添加一个图层,共两个图层。下层命名为文字,上层命名为遮罩。

    (1)选择文字图层第1帧,用文本工具在舞台中输入相关文字,颜色、大小、字体随意。全居中。在第60帧插入帧。如图9所示:

 
 
图9
 
    (2)选择遮罩图层第1帧,用矩形工具在欢字前边拖一个竖向的小矩形(略高于文字),并将其打散,用任意变形工具选中该实例,将其注册点移到左侧中间。如图10所示:
 
 
图10
 
在第20帧插入关键帧,将矩形覆盖第一行文字,注意注册点一定要在左侧中间。点击第1帧,在属性面板创建此区域间的形状补间。如图11所示:
 
 
图11
 
在第21帧插入关键帧,用矩形工具在希字前边拖一个竖向的小矩形(略高于文字),如图12所示:
 
 
图12
 
右键“第21帧-创建补间动画”,然后双击小矩形实例,进入补间,选中该实例小矩形将其打散,并将其注册点移到左侧中间,如图13所示:
 
 
图13
 
在第20帧插入关键帧,将矩形覆盖第2行所有文字,注意一定要将实例打散,并将其注册点移到左侧中间,点击第1帧,创建本区域间的形状补间。如图14所示:
 
 
图14
 
返回场景1,在该图层的第40帧插入关键帧,在第60帧插入帧。设置该图层为遮罩层。
 
     4.该作业完成后的时间轴如图15示:
 
 
图15
 
*遮罩部分,也可以选择遮罩图层第1帧,用矩形工具在欢字前边拖一个竖向的小矩形(略高于文字),并将其打散,用任意变形工具选中该实例,将其注册点移到左侧中间。在第20帧插入关键帧,注册点左侧中间并将矩形覆盖第一行文字。点击第1帧,在属性面板创建此区域间的形状补间。在第21帧插入关键帧,用矩形工具在希字前边拖一个竖向的小矩形(略高于文字),用任意变形工具选中该实例,将其注册点移到左侧中间。在第40帧插入关键帧,注册点移到左侧中间,将矩形覆盖第2行所有文字,点击第21-39帧任何一帧,在属性面板创建本区域间的形状补间。在第60帧插入帧。时间轴显示如图16所示:

图16

 
    (三)脚本法
 
    1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*300,背景黑色,其它默认,点击确定,进入场景1。如图17所示:

图17

    3.编辑制作场景 就一个as图层。

    右键图层1第1帧,在下拉菜单中选择动作,打开动作面板,在as编辑区输入如下语句:

var my_sound:Sound = new Sound(_root);
var id:Number = setInterval(dazi, 100);
var i:Number = 0;
var my_fmt:TextFormat = new TextFormat();
var my_str:String = "版主祝词--翠柏"+newline+newline+"欢迎您光临迎客松网站"+newline+"希望您在这里开心快乐"+newline+"翠柏真诚地和您做朋友";
this.createTextField("my_txt", 1, 30, 10, 120, 20);
my_txt.autoSize = true;
my_fmt.leading = 8;
my_fmt.color = 0xFFFFFF;
my_txt.setNewTextFormat(my_fmt);
function dazi() {
if (i<=length(my_str)) { 
my_txt.text = my_str.substr(0, i);
i++;
}
if (i>length(my_str)) {
my_sound.stop();
clearInterval(id);
}
}

(脚本中的红色文字你可以换成你需要的相关文字内容)

 

    4.该作业完成后的时间轴如图18示:

 
图18
 

    5.测试存盘

    *说明:

    1.删除法和遮罩发中打字的速度的快慢和每个字的帧数与总帧数有关,所用帧数越多则越慢,反之越快;脚本法就要修改脚本的相关内容了。

    2.教程中脚本文字显示偏左对齐,且字较小,要想居中除了修改脚本相关数据外,可将其做成影片剪辑,然后再到场景中手动调整。字体大小也可以在属性面板中调整,本作业是将文字宽高由0改为2,如果改动后数字还是0,不要管他,在测试中字体则自然会放大。

    3.除我们介绍的三种方法外,还以用添加法。开动脑筋想想如何制作?

 最终效果显示:


http://hsb345.16789.net/domName/hsb345/200810161215268792.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



hsb345
(2010/3/30 11:39:00)

回复胡杨朋友:我试过了,脚本没有错误,是不是你的版本是flash8吗?


胡杨
(2010/3/30 9:49:00) [123.188.152.]

您好老师,看过您的教材,受益匪浅,可是用脚本输入的字,为啥总提示语法错误呢?!怎么修改呢?!


吴生
(2009/12/14 22:23:00) [219.134.33.]

也就是说AS最后要加什么语句,谢谢老师指点


吴生
(2009/12/14 22:21:00) [219.134.33.]

字出完了,怎么消除或隐藏字,恢复到属性面板样子


春华秋实
(2009/11/2 20:21:00) [110.186.234.]


字体大小也可以在属性面板中调整,本作业是将文字宽高由0改为2,如果改动后数字还是0,不要管他,在测试中字体则自然会放大。
老师这点我没看懂,动作面板中字是输入语句中,没办法改啊。还得请教老师。谢谢啊!

 发表评论:共有 10 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167