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

所属分类: 媒体动画 / Flash教程 阅读数: 48
收藏 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 cs6怎么创建XML文档?

Flash cs6怎么创建XML文档?XML是扩展的标记语言,想要在flash中使用XML,该怎么使用呢?下面我摩恩就来看看在Flash中表示XML文档的技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么绘制太阳花简笔画?

flash怎么绘制太阳花简笔画?flash中想要画一朵太阳花,该怎么绘制简笔画效果的太阳花呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash CS6带\b符号正则表达式怎么匹配?

Flash CS6带\b符号正则表达式怎么匹配?Flash CS6中正则表达式需要匹配,那么带/b符号的正则表达式该怎么匹配呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画小女孩的头像?

flash怎么画小女孩的头像?flash中想要画一个小女孩头像,该怎么画小女孩头像呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么快速画一排松树?

flash怎么快速画一排松树?flash中想要画松树,该怎么快速画一排松树呢?下面我们就来看看flash绘制松树的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么将匹配字符串保存在同一数组?

flash怎么将匹配字符串保存在同一数组?文章中有很多想用的字符串,想要将相同的字符串放到同一数组,该怎么实现恩?下面我们 就来看看纤细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash正则表达式转义字符怎么使用?

flash正则表达式转义字符怎么使用?flash cs6中正则表达式中出现了^和$字符,需要使用转义符,该怎么使用转义字符呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash怎么使用exec搜索匹配的字符串?

Flash怎么使用exec搜索匹配的字符串?Flash cs6中想要使用用exec方法搜索匹配的字符串,该怎么使用exec呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash2015怎么绘制彩色铅笔?

flash2015怎么绘制彩色铅笔?flash cc 2015中想要画一只彩色铅笔,该怎么画彩色铅笔呢?下面我们就来看看flash画彩色铅笔的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash怎么输出字符串中的反斜杠?

Flash怎么输出字符串中的反斜杠?flash cs6中的字符串输出的时候,发现反斜杠/没有输出出来,该怎么解决呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多