飘灵儿 发表于 2015-1-15 20:36:33

给大家带来Flash教程:悦目的卷画效果动画-Flash实例教程

使用Flash创作的各个内容单元称为应用程序,即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的Flash应用程序。
poluoluo中心提醒:flash8实例教程:制造卷轴动画效果.
起首让我们来预览下效果:
http://www.webjx.com/files/media/1_100428074636.swf



这个效果也许能够分为三个年夜步骤来制造。。
第一,一张明晰的,最初要出现在我们眼前的图片,作为一层。
第二,必要制造这张图片的含混效果,到达增添一点殊效效果。
第三,制造这张图片的反影,最初播放时,才干出现卷画的奇妙效果。。。

接上去,让我们入手下手制造吧。。。

第1、翻开Flash8,新建文件,场景巨细能够用设成550X300,帧频能够设成12,例图:



然后导进一张你喜好的图片,放进“库”内里。



回到主场景中,选中工夫轴的第一帧,从“库”中拖进图片到主场景中,调治到符合的地位以后,可按(F8)转化为影片剪辑元件(注重:转化为影片剪辑的目标是为了前面可以利用含混滤镜,制造第二年夜步骤中的含混效果)。



然后,可在第120帧拔出帧(可按F5),增添动画的播放长度。如许,第一步,我们就算完成了。。。

第2、在图层1的下面新建层,如图:



面板左下方的第一个按钮便是新建图层按钮,



复制图层1的第一帧,粘贴到图层2的第一帧,在主场景当选中这个影片剪辑“元件1”,鄙人面属性栏选择“滤镜”标签,增加“含混”效果(22摆布,视舞台巨细及图片分辩率)。



再在“图层2”下面新建一层,在右边工具栏选中矩形工具,用矩形工具在主场景中绘制一个和舞台巨细一样的方型图形(我们这里场景之前是设成550X300),选中这个图形,能够鄙人面属性栏里设置它的坐标X,Y轴地位,分离能够设为0。




(注重:在主场景中,最左上角的坐标地位就是0.0),在这一层的第90帧拔出关头帧(可按F6),然后鄙人面的“属性”面板中,将它的X的地位设为550(便是使之向右平移了550个像素),再在第1帧与第90帧之间,恣意选中一帧,再鄙人面面板“补间”前面选择“外形”,创立外形补间。。




(注重:因为我们这里是用矩形工具画的一般像素外形,以是只能是创立外形补间。而创立补间动画,动画补间只合适于元件或影片剪辑),接着,再选中“图层3”这一层,右键,选择“遮罩层”,创立一个遮罩动画。如许,第二个年夜步骤,就算制造完成了。。。



第3、在“图层3”下面新建一层,复制图层1的第一帧,粘贴到图层4的第一帧,然后在第四层的90帧拔出关头帧(可按F6)。
再次在“图层4”下面新建一层,然后选择第一帧,右边工具栏选择矩形工具,上面“属性”面板中,能够把表面色彩设为无,选择添补色彩,在右上角“色彩”面板上,“范例”选择线性突变,设置全体为白,以下图设置突变,在第一个地位的通明度为0%,第二个地位为44%,第三个地位的通明度为0%,第四个地位的通明度为33%,第五个地位为0%



在主场景顶用矩形工具绘制一个矩形,宽(即为卷轴的宽度),高为舞台的高度(这里我们设的是300),坐标地位X,Y为(0,0)。然后在第90帧拔出关头帧,并设置卷轴的X,Y地位为(舞台宽度550,0),最初设置成“外形补间”。

再次在“图层5”下面新建一层,选择图层5的一切帧,右键,“复制帧”,然后选择图层6的第一帧,粘贴帧。回到图层5,右键,选择“遮罩层”,让图层5对图层4举行遮罩,创立遮罩动画。再回到图层4,封闭图层2,图层3,图层5,以下图:



分离选择图层4第1帧和第90帧上的元件,上面“属性”面板,设置其通明度为40,



然后选择图层4的第1帧,然后选中主场景中“元件1”这个影片剪辑,实行下面菜单:修正-变形-程度翻转,然后让它和“图层1”的元件以卷轴的左边为中央对称(图中白线部分)



第90帧同理,选择图层4的第90帧,再选中主场景中“元件1”这个影片剪辑,实行下面菜单:修正-变形-程度翻转,然后让它和“图层1”的元件以卷轴的左边为中央对称(图中白线部分)



最初,在“图层4”的第1帧和第90帧之间,创立补间动画,到此,全部制造就算是基础完成了。。。

从速按下ctrl+enter测试一下看看!

注:flash路上原创教程,转载请说明出处。


此外,还支持α透明功能,能够设计人员在Flash视频中对诸如文本、矢量图像以及其它Flash元素等进行整合。

深爱那片海 发表于 2015-1-17 13:15:41

Flash是一种以向量图方式制成的网页动画,相比MPEG,AVI等的影片的档案大小就小很多.

山那边是海 发表于 2015-1-24 14:47:21

关于位图和矢量图形的区别,可参看Flash教程。

愤怒的大鸟 发表于 2015-2-1 18:43:34

flash的流行因素包括了技术上的优势——技术本身的优势;技术掌握上的优势;其他技术的弱势;

蒙在股里 发表于 2015-2-7 15:36:02

流技术让用户在下载的同时看到动画(与全部下载后再观看相反)。但是这也不是什么新技术 - Web一出现就有这种技术了。

若相依 发表于 2015-2-22 20:12:38

传播上的优势——无国界跨媒体;创作群体的形成;媒体及比赛的推进

第二个灵魂 发表于 2015-3-7 05:10:10

FLASH动画的视觉观赏效果好,容易给民众留下深刻的印象,是动画行业从业者和动画创意设计制作机构的主要业务之一。

灵魂腐蚀 发表于 2015-3-14 14:49:49

关于位图和矢量图形的区别,可参看Flash教程。

爱飞 发表于 2015-3-21 11:54:41

Flash动画制作,是指利用Flash软件对动画进行设计,以产生千变万化的效果。随着互联网的兴起。
页: [1]
查看完整版本: 给大家带来Flash教程:悦目的卷画效果动画-Flash实例教程