请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 6457|回复: 17

[视觉设计] Flash制作书法动画 [复制链接]

tshjds 楼主

游子归来

中级会员 手机认证 

帖子
213
体力
687
威望
4
发表于 2006-8-16 09:24:42 |显示全部楼层
1.首先新建一flash文档,修改文档尺寸为,宽500,高350,设背景颜色为#006666。然后制作所需的元件:
制作卷轴:
点击插入菜单—选择“新建元件”,在弹出的对话框上名称:填上“轴”,行为:选择“图形”然后确定,


使用矩形工具,关闭颜色工具的边框,选择油漆筒,打开右边的混色器将颜色状态设置成线性,将线性渐变设置成如图所示,



用矩形工具画出卷轴主要部分,使用任意变形工具调整其形状并将中心小圆与小十字对齐,再用同样方法在上下两端画出黑色的轴心。

卷轴就做好了,回到场景。
毛笔的制作:
新建元件,命名“笔”,行为:图形。方法同卷轴的制作方法相似,只不过在上端画上挂绳,下端用任意变形工具,按住ctrl键调整出上宽下窄,笔尖使用圆形工具填充线性渐变,然后使用实心选择工具(箭头)调整出毛笔尖形状。



毛笔做好后回到场景。
书法字体的制作:
新建元件,命名:字。行为:图形。选择合适的字体将字打上去。作者使用自己书写的字体,去掉背景后导入到库。使用时通过菜单—修改—位图—将位图转换为矢量图。
2.制作卷轴展开。打开—窗口—库,将库中元件“轴”拖入场景,将该层命名为:左轴。新建一层,命名:右轴。将元件轴再拖入该层,调整两个层中的轴为并列并位于中央位置。


点击左轴层的第一帧,右键—选择创建补间动画,在第5帧处点击右键—插入关键帧,选择场景中的卷轴,将其移动到文档的最左边。用同样的方法,将右轴层的右轴移动到文档的最右边。



3.制作纸张铺开。在最下面新建一图层,命名:纸。按照卷轴展开的位置画出浅黄色的纸边,注意在纸与卷轴之间不要留有空隙,然后再在黄色纸上画出白纸芯,位置大小适当。在图层纸上新建一层,命名:遮罩。用随便的颜色画一很窄的矩形,一定要与纸相同高,右键点击该层第1帧—创建补间动画,在第5帧处点击右键—插入关键帧,使用自由变换工具,将其宽度修改成文档宽度,右键点击遮罩层—选择遮罩,如图。

4.制作写字动画。在右轴层上新建一层,命名:字。在该图层第6帧处插入关键帧(可以从右键菜单中选取),并保持该帧选择,从库中将元件“字”拖入场景,使用任意变形工具将其调整到合适的大小和位置。


使用橡皮擦工具,将文字按照笔画相反的顺序,倒退着将文字擦除,每擦一次按F6键一次(即插入一个关键帧),每次擦去多少决定写字的快慢。


这样一直把所有的书法字体都擦完了。然后在“字”图层上,从第6帧开始一直到最后一帧全部选择,点击右键在右键菜单中点击“反转帧”,将其顺序全部颠倒过来。
5.制作毛笔动画。在字图层上面新建一层,命名“笔”。在该图层第6帧处插入关键帧,使用任意变形工具将其调整到合适的大小和起笔的位置,

按F6插入关键帧,并移动毛笔,使毛笔始终随着笔画最后的位置走,

如果有直线笔画,可以使用补间动画一直走到最后一帧,

即最终完成
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
已有 2 人评分威望 收起 理由
蓝色 + 1 原创内容
HBrO + 3 原创教程,内容不错.

总评分: 威望 + 4   查看全部评分

西部数码顶级域名注册商39元抢注!
HBrO 
帖子
7398
体力
32121
威望
241
居住地
广东省 广州市
发表于 2006-8-16 12:05:38 |显示全部楼层
不错,可以打分鼓励下.不过提个小建议,就是笔尖的毛还可以做得好看点.
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

tshjds 楼主

游子归来

中级会员 手机认证 

帖子
213
体力
687
威望
4
发表于 2006-8-16 14:06:41 |显示全部楼层
呵呵这个嘛!!就要看自己咯;
想怎么做都可以的

使用道具 举报

lwzhao 
帖子
125
体力
462
威望
0
发表于 2006-8-17 18:48:23 |显示全部楼层
这一步我怎么不能用呢??使用时通过菜单—修改—位图—将位图转换为矢量图。

使用道具 举报

帖子
14
体力
47
威望
0
发表于 2006-8-18 17:59:34 |显示全部楼层
不错,学习了

使用道具 举报

帖子
30
体力
146
威望
0
发表于 2006-8-19 09:19:13 |显示全部楼层
做得还可以`
www.lw5u.cn

使用道具 举报

设计BOB

版主 手机认证 

帖子
3577
体力
19011
威望
28
居住地
北京市 海淀区
发表于 2006-9-22 22:43:20 |显示全部楼层
感觉楼主的美工能力还是可以的...做的确实不错!
欢迎加入经典论坛设计群(二):186182851

使用道具 举报

帖子
42
体力
97
威望
0
发表于 2007-1-8 15:42:52 |显示全部楼层
这个用橡皮擦的用法能不能说清楚一点呢

使用道具 举报

ranar 
帖子
2
体力
9
威望
0
发表于 2007-1-9 10:32:38 |显示全部楼层
不错,学会了,感谢楼主

使用道具 举报

帖子
42
体力
97
威望
0
发表于 2007-1-9 10:51:57 |显示全部楼层
这个用橡皮擦的用法能不能说清楚一点呢

使用道具 举报

有点累

银牌会员 手机认证 

帖子
422
体力
1440
威望
0
居住地
湖北省 武汉市
发表于 2007-1-9 11:20:26 |显示全部楼层
呵呵
上次一丫头叫我教她做
当时没时间要是早看到这篇教程就告诉她了

使用道具 举报

帖子
18
体力
24
威望
0
发表于 2007-1-9 18:36:25 |显示全部楼层
我试验过了,真的不错.....谢了.

使用道具 举报

蛋蛋

超级版主 手机认证 

帖子
3749
体力
15140
威望
11
发表于 2007-1-9 18:40:24 |显示全部楼层
挺好  

    这么好的教程 不要沉了  

    DDDDDDDDDDDDDDDDDDDDDD

使用道具 举报

gxtang 
帖子
57
体力
183
威望
0
发表于 2007-1-9 21:24:37 |显示全部楼层
不错,挺好的
求学之人

使用道具 举报

王曼

银牌会员

帖子
1603
体力
2518
威望
0
居住地
河南省 许昌市
发表于 2007-1-10 13:11:36 |显示全部楼层
第四步可以说的详细些吗?

使用道具 举报

帖子
745
体力
2237
威望
0
发表于 2007-1-10 13:17:31 |显示全部楼层
做得不错啊  
但是感觉用笔刷的遮罩好象能更好的控制效果。。。。。

使用道具 举报

dmkdmk 
帖子
64
体力
196
威望
0
发表于 2007-2-1 11:36:08 |显示全部楼层
不错啊!
元件的质感表现的挺好的。

使用道具 举报

icao 
帖子
40
体力
71
威望
0
发表于 2007-2-1 14:53:35 |显示全部楼层

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 11:53 , Processed in 0.156841 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部