×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 13004|回复: 37

气泡吹散的字

  [复制链接]
发表于 2011-1-6 23:36:09 | 显示全部楼层 |阅读模式
教程

秋月如霜


1、Flash版本要9.0以上的,新建一个AS3.0的文件,场景默认大小了。场景图层1,导入一张图片做背景,全居中,上锁。添加图层2,选中第一帧,选择文字工具,字号96(可自定),字型这里是汉仪雪峰体,颜色自定,在场景中打上文字,选中文字右键---分离两次;调整一下字间距,放到合适的地方,再选中所有文字,右键---转换为元件---图形。将图层1、2延长帧至250帧。如图1。


2、添加图层3,选中第一帧,选择矩形工具,笔触无,颜色任意,关闭对象绘制,在场景中画一长方形,大小刚好覆盖所有文字。如图2。 选中图层3,右键---遮罩层,如图3。上锁。



3、先将图层3的“显示轮廓”点下去,回到图层2,在50帧上插入关键帧,再到第1帧,选中文字,属性面板上将颜色面板改为“Alph  0%”,1到50帧间创建动画补间,上锁图层2,除去图层3“显示轮廓”。

4、选中图层3,解锁,在145帧上插入关键帧,然后用向右方向键将矩形向右移动至露出第一个字“初”,如图4;在150帧上插入关键帧,用向右方向键将矩形向右移动至露出第二个字“恋”;155帧上插入关键帧,用向右方向键将矩形向右移动至露出第三个字“的”;以此类推,直至165帧上将文字全部露出。将145至150、155、160、165间创建形状补间,上锁。


5、插入图层4,在140帧上插入关键帧,选择椭圆工具,笔触无,颜色粉到白(从左至右),也可根据标题的颜色自定,类型放射状,按住Shift键,画一个5*5的正圆。将场景比例放大到800%,用渐变变形工具稍调整一下颜色,再选中小圆,右键--转换为元件---影片剪辑,名为“yuan”;140帧上选中该园点编辑--清除。再新建一个影片剪辑元件,名为“yuan1”,进入编辑区内,图层1上将影片剪辑“yuan”拖入,水平、垂直中齐,属性面板上将实例名改为“mc”;添加图层2, 选中第一帧,打开动作面板,输入如下语句:
var _X = Math.random()*10 - 5;
var _Y = Math.random()*10 - 5;
var _A =  1.0;
var _S = Math.random() * 10 -5;

this.addEventListener(Event.ENTER_FRAME,run);

function run(e:Event):void {
        mc.x +=_X;
        mc.y +=_Y;
        mc.alpha = _A;
        mc.scaleX =  _S;
        mc.scaleY =  _S;
        _A  -= 0.025;

        if (_A<0) {
                this.removeEventListener(Event.ENTER_FRAME,run);
                mc.alpha = -1;
        }
}
记住输入法一定要在英文状态下输入语句。ok,回场景。

6、再次新建一个名为"A"的影片剪辑元件,编辑区内,图层1第一帧上,选择文字工具,静态文本,输入法英文状态下,类型“Arial Black”,字号100,颜色白,输入一个大写“A”字。选中“A”字,右键“分离”,水平、垂直中齐,上锁;将窗口调为800%,添加图层2,选中第一帧,将“yuan1”影片剪辑有序的拖入,直至全部覆盖“A”字,约有100多个小圆,再将图层1删除,如图5,这是放大800倍时的状态。回场景。


7、场景图层4第140帧上拖入影片剪辑“A”,位置在文字“初”字左边稍离开一点的距离,属性面板宽高比为40*38.7, 如图6,在145帧上插入关键帧,将“A”移动到文字“初”所在位置,如图7, 如果想找到“初”的位置,可将图层3遮罩层的锁打开,这样方便对齐。在140与145帧间创建动画补间,再选中第145帧,右键复制帧,图层4上锁。添加图层5,在第145帧位置上粘贴帧,再到150处插入关键帧,用向右方向键右移至文字“恋”上,如图8,145、150两帧间创建动画补间,图层5上锁。添加图层6,重复前面的过程直至将文字全部替换,如图9-1, 时间轴上如图9所示。






8、测试吧就会看到这一富有情趣和浪漫的标题效果,有兴趣的朋友还可以继续添加内容以至做个完整的作品。祝大家都成功!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x

评分

参与人数 1 +8 +2 收起 理由
sanbos + 8 + 2 多谢教程,辛苦了。

查看全部评分

发表于 2011-1-7 18:51:47 | 显示全部楼层
1# spring027


好难
回复 支持 反对

使用道具 举报

发表于 2011-1-9 19:06:08 | 显示全部楼层
本帖最后由 sanbos 于 2011-1-10 15:12 编辑

交个作业

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x

评分

参与人数 1 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2011-1-9 19:11:45 | 显示全部楼层
对于AS,忘得比记得快,可它创造的神奇效果,又让人喜爱有加,真是爱恨交加。
回复 支持 反对

使用道具 举报

发表于 2011-1-10 14:37:03 | 显示全部楼层
本帖最后由 llaaoo 于 2011-1-10 14:38 编辑

试做作业,请指正。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x

评分

参与人数 1 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-1-10 15:38:36 | 显示全部楼层
本帖最后由 spring027 于 2011-1-10 15:40 编辑

给5楼朋友一点小建议:上面一张图片不要被遮罩,这样会感觉很生硬的,只要把字的部分遮罩就行了。图片还是让它淡出好一些。
   还有,你没把文本A删掉,露破绽了。
回复 支持 反对

使用道具 举报

发表于 2011-1-10 16:31:41 | 显示全部楼层
本帖最后由 llaaoo 于 2011-1-10 16:33 编辑

谢谢老师指正!已重新修改,请指正下!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x
回复 支持 反对

使用道具 举报

发表于 2011-2-14 04:30:18 | 显示全部楼层
本帖最后由 zbz777 于 2011-2-14 04:31 编辑



我的作业。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x

评分

参与人数 1 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2011-2-16 07:14:36 | 显示全部楼层
本帖最后由 zbz777 于 2011-2-16 07:16 编辑

   我想了好久,改变了一下,又做了一张,现发上来。[

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x
回复 支持 反对

使用道具 举报

发表于 2011-2-26 17:02:59 | 显示全部楼层

作业

本帖最后由 龙井茶馆 于 2011-2-26 17:03 编辑

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[免费注册]

x

评分

参与人数 1 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2011-3-14 10:45:06 | 显示全部楼层
要学一下
回复 支持 反对

使用道具 举报

发表于 2011-4-19 22:14:35 | 显示全部楼层
太棒了啊我也要好好学习啦
回复 支持 反对

使用道具 举报

发表于 2011-4-20 22:15:11 | 显示全部楼层
做到第六步了  麻烦的不行~  心里好麻烦。因为我的事。今天和女朋友吵架了..等明天再做。
回复 支持 反对

使用道具 举报

发表于 2011-4-20 22:15:29 | 显示全部楼层
做到第六步了  麻烦的不行~  心里好麻烦。因为我的事。今天和女朋友吵架了..等明天再做。
回复 支持 反对

使用道具 举报

发表于 2011-5-1 13:53:22 | 显示全部楼层
漂亮的效果{:1_179:}
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [免费注册]

本版积分规则