Flash月圆之夜举笔题诗贺中秋节动画

所属分类: 媒体动画 / Flash教程 阅读数: 51
收藏 0 赞 0 分享
值此中秋佳节,让我们用Flash来做一个月圆之夜举笔题诗的动画吧。本教程主要使用了椭圆、矩形和文字工具以及渐变填充,操作实用,适合练习。先看下效果吧:
 
制作步骤:

  1、新建一个默认大小的Flash文档,用矩形工具画一个矩形用来作为夜空。

 
图1 

  2、选中矩形,在混色器面板中将填充设为从浅蓝到深蓝的渐变,类型为“线性”。

贺中秋节 Flash月圆之夜举笔题诗动画
图2

  3、选中矩形,在对齐面板中按下“相对于舞台”按钮,再按“匹配高和宽”,最后按“垂直中齐”和“水平中齐”。这样矩形就铺满了整个画布。

贺中秋节 Flash月圆之夜举笔题诗动画
图3

  4、新建一个图层,命名为“moon”,选择椭圆工具,按住Shift键画出一个正圆。

贺中秋节 Flash月圆之夜举笔题诗动画
图4

  5、在混色器面板中将填充设为由黄到白色的渐变,类型为“放射状”,注意渐变条上黄色色块的位置。用填充变形工具调整渐变到如下大小,形成带着光晕的月亮。

贺中秋节 Flash月圆之夜举笔题诗动画
图5

  6、画信纸。Ctrl+F8新建一个元件,命名为“paper”,用矩形工具画一个白色的矩形。

贺中秋节 Flash月圆之夜举笔题诗动画
图6

  7、在白色矩形内再画一个红色矩形框,无填充。

贺中秋节 Flash月圆之夜举笔题诗动画


图7

8、用直线工具画出三条红色的竖线作为信纸上的格子,完成信纸,选中信纸的各个部分并Ctrl+G群组。

贺中秋节 Flash月圆之夜举笔题诗动画
图8

  9、用文字工具打上文字,在属性面板中设文本方向为竖向。Ctrl+B将段落打散后把每一句诗单独放在一个图层。在图层面板中将文字层从右到左分别命名为text1,text2,text3和text4备用。

贺中秋节 Flash月圆之夜举笔题诗动画
图9

  10、新建一个图层,用矩形工具画出如下白色矩形。


图10

  11、复制出另外三个小矩形,选中它们点右键选“分散到图层”。在图层面板将它们从右到左分别命名为1,2,3,4。


图11

  12、在图层面板中将图层1,2,3,4和它们所对应的文字图层调整为如下顺序。将图层1,2,3,4设置为遮罩层,在右键菜单里面选“遮罩层”就行了。


图12

  13、画毛笔。Ctrl+F8新建一个元件,命名为“pen”。用矩形工具画一个细长的矩形,在混色器中将填充设置为从棕色到浅棕色再到棕色的渐变,类型为“线性”。


图13

  14、用挑选工具选取矩形下部的一部分,填充黑色,并将侧面轮廓调整为曲线。


图14

  15、再用挑选工具选取矩形上部的一块,填充黑色,并调整为如下形状。


图15



16、用笔刷工具在毛笔上端随便画一条弯曲的红线。


图16

  17、用直线工具在毛笔的下端画出如下三角形。


图17

  18、用挑选工具将三角形两侧调节成平滑的曲线。

 


图18

  19、用油漆桶工具给毛笔头填充如下从黑到白的渐变,类型为“放射状”,并将轮廓线删除。


图19

  20、这样一支毛笔就画好了。下面开始做动画。


图20

  21、先在第160帧处给所有图层都按F5插入帧。选择月亮层,在第15帧处按F6插入关键帧,并添加动画补间。


图21

  22、选择第1帧,将月亮垂直拖放到画布以外,完成月亮升起的动画。

 


图22

  23、选择信纸层,将第1个关键帧放在第25帧处。

贺中秋节 Flash月圆之夜举笔题诗动画
图23

  24、选择第35帧,插入关键帧并添加动画补间。

贺中秋节 Flash月圆之夜举笔题诗动画
图24



25、选择第25帧,将信纸水平拖移到画面以外,完成信纸进入的动画。

贺中秋节 Flash月圆之夜举笔题诗动画
图25

  26、新建一个图层,命名为“pen”。先在第40帧插入关键帧,在库面板中将毛笔元件拖进来,放在画布左侧外面。

贺中秋节 Flash月圆之夜举笔题诗动画
图26

  27、在第52帧处插入关键帧并添加动画补间,将毛笔拖到如下位置,并用任意变形工具旋转到如下角度,完成毛笔进入的动画。

贺中秋节 Flash月圆之夜举笔题诗动画
图27

  28、下面开始做毛笔写字的动画。在第55帧处给毛笔层插入关键帧,另外将所有的文字层及其遮罩层的第1个关键帧都设在这里。

贺中秋节 Flash月圆之夜举笔题诗动画
图28

  29、在第70帧处给毛笔层和遮罩层1分别插入关键帧并添加动画补间,并分别将毛笔和遮罩层1上的白矩形垂直移动到如下位置。

贺中秋节 Flash月圆之夜举笔题诗动画
图29

  30、在第71帧处给毛笔层和遮罩层2分别插入关键帧,将毛笔移动到如下位置。

贺中秋节 Flash月圆之夜举笔题诗动画
图30



31、在第85帧处给毛笔层和遮罩层2分别插入关键帧并添加动画补间,并分别将毛笔和遮罩层2上的白矩形垂直移动到如下位置。

贺中秋节 Flash月圆之夜举笔题诗动画
图31

  32、在第86帧处给毛笔层和遮罩层3分别插入关键帧,将毛笔移动到如下位置。

贺中秋节 Flash月圆之夜举笔题诗动画
图32

  33、在第100帧处给毛笔层和遮罩层3分别插入关键帧并添加动画补间,并分别将毛笔和遮罩层3上的白矩形垂直移动到如下位置。

贺中秋节 Flash月圆之夜举笔题诗动画
图33

  34、在第101帧处给毛笔层和遮罩层4分别插入关键帧,将毛笔移动到如下位置。

贺中秋节 Flash月圆之夜举笔题诗动画
图34

  35、在第116帧处给毛笔层和遮罩层4分别插入关键帧并添加动画补间,并分别将毛笔和遮罩层3上的白矩形垂直移动到如下位置。完成毛笔写字的动画。

贺中秋节 Flash月圆之夜举笔题诗动画
图35

  36、在第125帧处给毛笔层插入关键帧并添加动画补间,将毛笔移动到如下位置并用任意变形工具旋转到如下角度。完成!

贺中秋节 Flash月圆之夜举笔题诗动画
图36

  37、最终完成

更多精彩内容其他人还在看

Flash 脚本游戏开发教程第五课

搞了半天的鸟CLASS,我们又回到了做游戏的内容上来。 咱们学那么多知识,目的也只为了更好的来做游戏。这个游戏吧,前面也有朋友说到了,根本不用CLASS,做个单个FLA文件F9按了猛打代码,然后MC里点开了东鸟点代码,西鸟点代码,也能完成。没错,确实这样。 我自己相当长一
收藏 0 赞 0 分享

Flash 脚本游戏开发教程第六课

范例接宝游戏中人物类的CLASS讲解 首先请下载源文件:CLASS.rar 下载好,打开一看,如下: 一个FLA主文件:  run_game.fla 三个目录:
收藏 0 赞 0 分享

Flash 脚本游戏开发教程第七课

先补充个游戏里的结构: _root下有三个空MC: pl,item和xs pl这个空MC是用来attach人物的 item这个空MC是用来attach宝物的 xs这个MC是用来attach显示得分的 为什么要这么做呢?……因为管理方便呀~以后你会慢慢体会到
收藏 0 赞 0 分享

Flash 脚本游戏开发教程第八课

范例接宝游戏中得分显示类和时间控制类的CLASS讲解 事实上这两部分比较简单 所以并在一起讲解了 讲解前先点开FLA文件,把这两个MC看看,对MC构造了解了,才能写CLASS嘛~ 看下得分显示类的代码: class game.Score_view extends
收藏 0 赞 0 分享

Flash AS实现的蝌蚪摆尾动画的教程

本例介绍使用Flash的AS编写蝌蚪摆尾动画效果,希望朋友们喜欢~~     场景里代码 [code]   Object.environment = this;   Math.prototype.degrees = function (r)   {  
收藏 0 赞 0 分享

flash怎么制作文字垂直翻转效果的效果?

flash怎么制作文字垂直翻转的效果?flash中想要制作一个文字翻转制作成倒影的效果,该怎么制作文字翻转效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么给矩形添加镂空圆形效果?

flash怎么给矩形添加镂空圆形效果?flash中绘制的矩形想要添加一个镂空圆的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash cs6鼠标跟随效果实现代码分享

flash cs6想要实现鼠标跟随效果?该怎么制作呢?今天我们就来看看使用as2.0实现鼠标跟随效果的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画溜冰的小企鹅图形?

flash怎么画溜冰的小企鹅图形?flash中想要使用工具绘制一个正在溜冰的小企鹅,该怎么绘制这个画面呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash选择工具怎么改变对象形状?

Flash选择工具怎么改变对象形状?Flash中绘制的图形想要改变形状,比如画三角形变成一个伞的形状,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多