您的位置: 首页 > 软件教程 > Adobe Flash教程专题 > Flash教你如何制作一幅诗意的水墨卷轴展开的动画

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

8.9分
出处:太平洋电脑网 时间:2011-04-21

您可能感兴趣的话题: Flash  

核心提示:今天我们就用Flash来制作一幅诗意的水墨卷轴展开的动画,主要用到矩形工具和渐变填充工具,操作简单易懂,适合练习。

  1、北京奥运会开幕式上那充满诗意的卷轴,以及它所呈现给我们的一幅幅无法言喻的美妙画面,大家一定还记忆犹新吧!今天我们就用Flash来制作一幅诗意的水墨卷轴展开的动画,主要用到矩形工具和渐变填充工具,操作简单易懂,适合练习。

  先看下效果吧:

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图1

  2、Ctrl+R导入一幅自己喜欢的图片到舞台。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图2

  3、用任意变形工具将图画调整到合适的大小,放在背景中央位置。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图3

  4、再用矩形工具画一个黑色的矩形放在图画后面。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图4

  5、用任意变形工具将黑色的矩形调整到合适的大小,形成图画的黑边框。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图5

  6、画轴杆。用矩形工具画一个细长的矩形,在颜色面板中将填充设为如下线性渐变,两端色块为#98B498,中间为白色。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图6

  7、再用矩形工具画一个黑色的细长矩形。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图7

  8、将两个矩形放在一起并居中对齐。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图8

  9、用挑选工具将黑色矩形的两端调整成弧形,然后将两个卷轴一起选中并Ctrl+G群组。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图9

  10、选中画好的卷轴,按住Alt键水平拖动就能复制出另外一根,将它们并排放在图画的一端。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图10

  11、选中右边的卷轴,Ctrl+Shift+D将它分散到新的图层并命名为“bar2”。 用矩形工具画一个白色的大矩形放在这根卷轴的下面,矩形要大到盖住下面的图画。将这根卷轴和白色矩形Ctrl+G群组。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图11

  12、现在有三个图层,最下面的是图画背景,另外两个图层是卷轴。在第100帧处按F5给三个图层都插入帧。

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图12

  13、在“bar2”层的第50帧处按F6插入关键帧,并添加动画补间。在第50帧上将本层上的卷轴和白色矩形调整到图画背景的右端。完成!

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图13

  14、最终效果:

Flash教你如何制作一幅诗意的水墨卷轴展开的动画

图14

网友评论
多特网友 2013-07-05 10:57:44 回复
用遮罩层的效果要更好
多特网友 2013-05-30 15:42:12 回复
####    什么垃圾
多特网友 2013-04-11 13:47:07 回复
##很简单,容易学##
多特网友 2013-04-01 15:36:27 回复
费劲的学啊
多特网友 2012-12-17 11:57:42 回复
不错     讲的很清楚   
多特网友 2012-12-17 11:57:42 回复
不错     讲的很清楚   
多特网友 2013-07-05 10:57:44 回复
用遮罩层的效果要更好
多特网友 2013-05-30 15:42:12 回复
####    什么垃圾
多特网友 2012-05-03 15:38:38 回复
绝啊!支持!支持
多特网友 2013-04-11 13:47:07 回复
##很简单,容易学##
精品软件课程
更多 >
Dreamweaver是网页制作和管理的所见... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
HTML的中文叫做“超文本标记语言”。是用来... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
JavaScript是基于对象和事件驱动并具... [详细]