Flash模仿制作毛笔写字效果动画实例教程

   1.首先新建一Flash文档,修改文档尺寸为,宽500,高350,设背景颜色为#006666。然后制作所需的元件:

  制作卷轴:

  点击插入菜单—选择“新建元件”,在弹出的对话框上名称:填上“轴”,行为:选择“图形”然后确定,


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


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


  卷轴就做好了,回到场景。

  毛笔的制作:

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


  毛笔做好后回到场景。

  书法字体的制作:

  新建元件,命名:字。行为:图形。选择合适的字体将字打上去。作者使用自己书写的字体,去掉背景后导入到库。使用时通过菜单—修改—位图—将位图转换为矢量图。

  2.制作卷轴展开。打开—窗口—库,将库中元件“轴”拖入场景,将该层命名为:左轴。新建一层,命名:右轴。将元件轴再拖入该层,调整两个层中的轴为并列并位于中央位置。


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


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


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


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


  这样一直把所有的书法字体都擦完了。然后在“字”图层上,从第6帧开始一直到最后一帧全部选择,点击右键在右键菜单中点击“反转帧”,将其顺序全部颠倒过来。

  5.制作毛笔动画。在字图层上面新建一层,命名“笔”。在该图层第6帧处插入关键帧,使用任意变形工具将其调整到合适的大小和起笔的位置,


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


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


  即最终完成

时间: 2024-08-03 10:54:57

Flash模仿制作毛笔写字效果动画实例教程的相关文章

Fireworks设计制作数字连续翻滚动画实例教程

  闲来无事,译了篇Fireworks(以下简称FW)的基础文章,效果如图: 由于浏览器的问题,大家看到的图片可能是静态的,但是把图片另存为到本地上,我们就可以看到此图片是动态的 这是一个大家可能都喜欢的简单动画技术,使用Fw中的"逐帧"制作出来的效果.大家可以用同样的方法做成倒计秒数的动画. 在Fireworks中打开一个新的画布,选择工具栏中的文本工具,输入第一个数字,并设置好文字的字体.像素大小等样式 打开帧面板,使用黑白选择工具,在面板是右上角点击,弹出下拉菜单,选择"

Flash制作星星写字特效动画实例

特效|星星 本站编辑:很久以前就见过该教程了!用AS实现星星写字,效果不错,而且提供了源文件所以再给大家转载一次!喜欢Flash的可以学习下!!!比较初级的一个教程! 先看一下效果: 点击这里下载源文件 操作步骤: 1.启动Flash,选择[文件]--[新建] 命令,新建一个 Flash 文档,并将舞台背景颜色设为黑色. 2.新建一个图形文件,命名为light.在编辑区中绘制出如图1所示的图形. 3.新建一个名为starlight的图形文件,进入元件编辑窗口,从"库"面板中将元件lig

flash打造毛笔写字效果

今天小编来为大家介绍一下如何使用flash制作写字效果动画,下面一起来看看具体操作吧. 1.首先新建一Flash文档,修改文档尺寸为,宽500,高350,设背景颜色为#006666.然后制作所需的元件: 制作卷轴: 点击插入菜单-选择"新建元件",在弹出的对话框上名称:填上"轴",行为:选择"图形"然后确定, 使用矩形工具,关闭颜色工具的边框,选择油漆筒,打开右边的混色器将颜色状态设置成线性,将线性渐变设置成如图所示, 用矩形工具画出卷轴主要部分

Flash AS3制作茶杯震动gif动画效果

 下面小编就为大家介绍Flash AS3制作茶杯震动gif动画效果,教程很不错哦,也很简单,一起来学习吧! 效果如下:(用鼠标指向右侧的茶壶可以看到震动效果) 制作过程如下: 首先准备一个图片当做背景,如下: 然后再建立一个新图层,导入一个茶壶素材,然后把它转变为影片剪辑,之后命名实例名字. 目前存在两个图层,然后我们再新建立一个放置ACTION的图层,代码如下:   代码如下: var coordX:Number = shaker_mc.x;  var coordY:Number = shak

用Flash 8 制作燃烧的香烟动画(2)

课程标题:用Flash 8 制作燃烧的香烟动画(2) 课程目标:能够运用 Flash 8 绘制物体并掌握 Flash 8 新功能. 课程要点:视频教程教你如何绘制烟灰缸和香烟,以及运用flash 8 的滤镜新功能制作动画效果.本教程共计5节,这是第2节. 观看教程:[全屏观看] (3.54MB) 下载教程:[下载教程] 实例效果预览: 必须安装Flash Player 8.0播放器方能正常观看,[官方下载] 上一节: 用Flash 8 制作燃烧的香烟动画(1) 下一节: 用Flash 8 制作燃

用Flash 8 制作燃烧的香烟动画(1)

课程标题:用Flash 8 制作燃烧的香烟动画(1) 课程目标:能够运用 Flash 8 绘制物体并掌握 Flash 8 新功能. 课程要点:视频教程教你如何绘制烟灰缸和香烟,以及运用flash 8 的滤镜新功能制作动画效果.本教程共计5节,这是第1节. 观看教程:[全屏观看] (858KB) 下载教程:[下载教程] 实例效果预览: 必须安装Flash Player 8.0播放器方能正常观看,[官方下载] 下一节: 用Flash 8 制作燃烧的香烟动画(2)

PS制作显示器播放效果动画图片

教程教飞特的朋友们用PS制作显示器播放效果动画图片,教程制作难度中等偏上,主要还是介绍PS制作动画的具体流程,这里介绍的是帧动画,对PS8.0以上的版本都适用,好了,先来看看最终的效果图吧: 效果图:   具体的制作过程如下: 效果图:   分类: PS入门教程

Illustrator利用混合工具模仿制作祥云图案效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下利用混合工具模仿制作祥云图案效果的教程. 教程分享: 1.先用钢笔画一个如下的形(当然也可以用螺线工具画,不过那样太机械了,用铅笔也可以,不过都要再用直接选取工具调整的):   2.复制一个,然后用其他颜色填充,这个颜色无所谓,现在主要是做造型,颜色可以后面再设置,然后用直接选取工具调整至如下状态:   3.用混合工具混合两根线条得到如下图(很难看的型是吧,不急,后面还要调整):   4.调整两根线条的距离,到如下效果   5.用直接

Sass自动化处理CSS动画实例教程

有一天,Harry Roberts有一段有关于他网站上的代码在twitter求教,如果有可能,在某些方面得到改善.Harry Roberts做的是使用keyframes的carousel动画,所以说使用一些数学计算是有可能得到相应改善.     "Why do we have to learn algebra, Miss? We're never going to use it-" -Everyone in my maths class bit.ly/UaM2wf 有什么好主意? 据我