html遮罩层动画制作,flash简单制作遮罩动画效果

flash简单制作遮罩动画效果QQ空间的开机动画大家应该都有，从最初的出现的一点到后面全部出现，如此神奇的效果到底是怎么做的呢，一起来看看吧！遮罩特效：由于百度只能上传500k以内的照片，所以效果图片质量不是很好，当然，我们一般做的特效是.swf，这里是为了方便大家观看，所以做成了gif.

步骤：

1、打开flash面板，创建新项目。

2、点击文件——导入——导入一张图片。

3、窗口——库，这里我们可以看到导入的位图。

4、双击位图，可以看到它的大小，449*313。

5、点击修改——文档，弹出如下对话框，我们把尺寸改成刚才位图的尺寸。

6、在下面的属性面板中，可以看到坐标位置，把它调成x:0,y:0.这样位图就和文档的大小完全一样了。

7、插入一个新的图片，改个名字，养成好习惯，以后才能很容易就找到自己错的地方。

8、选择椭圆工具，在位图上面画一个椭圆。(这里需要明白一点，遮罩用的是形状，不是颜色，所以没有必要刻意调整椭圆的颜色。)

9、选中椭圆，按F8将其转换为影片剪辑元件。在库面板中可以看到。然后把刚才画的椭圆剪切掉，把这个元件1拖动到场景中。

10、在60帧处新建一个关键帧。

11、挨到任意变形工具，把椭圆拉大，直到覆盖住整个位图。

12、然后我们选中zhezhao图层，在时间轴中右键单击，创建补间动画。

13、接着选中图层，右键单击——遮罩。然后按ctrl+enter测试一下。

14、最后导出影片。

15、效果如下。

教程结束，以上就是flash简单制作遮罩动画效果教程，怎么样，大家学会了吗？感兴趣的朋友可以参考本文，来看看吧！

html遮罩层动画制作,flash简单制作遮罩动画效果相关推荐

制作一个简单的canvas动画
制作一个简单的canvas动画作者:旺仔一上来先话不多说上代码,代码能看的懂得,ok,就当我下面所有的内容为废话,代码看的不太懂的,没关系我会一点一点让你懂,不过前提是你有一定的html+css+ ...
vue自定义弹窗dialog，vue 点击遮罩层功能区以外的地方关闭遮罩层
vue自定义弹窗dialog,vue 点击遮罩层功能区以外的地方关闭遮罩层 1.示例展示 2.代码 <template><div class="content"& ...
matlab车轮滚动动画,Fireworks动画教程：简单制作轮子滚动动画效果
本教程是向大家介绍利用Fireworks简单制作轮子滚动动画效果,方法很简单,主要想通过这一实例向大家介绍fw mx如何让我们的web design变得更easy,希望大家通过本篇教程能有收获! 一直 ...
制作一个简单的倒计时动画
今天我使用Android Studio制作了一个简单的倒计时动画,算是练习一下属性动画的使用吧,先看一个效果吧,点击播放倒计时动画按钮后可以播放倒计时动画实现方式: 第一步:使用Android St ...
电子脑PHP动画制作,PS简单制作一个动态的字体动画
这篇教程是向PHP中文网的朋友分享PS简单制作一个动态的字体动画方法,教程制作出来的字体动画非常漂亮,难度不是很大,来看看吧动态的文字比静态的文字更加吸引人的目光.如果在平时的海报中,在平时的促销活 ...
macos安装盘第三方工具制作_简单制作OSXYosemite10.10正式版U盘USB启动安装盘方法教程(全新安装Mac系统)下载|异次元软件世界...
伴随着 iMac 5K Retina 和新的 Mac mini 等硬件的发布,苹果终于都推出了 OS X Yosemite 系统正式版了!相信很多人都已经用上.不过对于一些不想升级,而是打算「全新安装 ...
遮罩层遮挡不住 flash曲线的解决办法
最近完成了一个项目,在测试的时候,发现采用遮罩层无法遮挡住flash,使得flash在最上层,找了很多方法,比如隐藏,添加" <param name="wmode" ...
html 遮罩层在底部,底部弹出遮罩层.html
底部弹出遮罩层 * { padding: 0; margin: 0; } #content { position: relative; z-index: 0; height: 100vh; backg ...
html页面添加遮罩层,在浏览器窗口上添加遮罩层的方法
如何在浏览器窗口上添加一个遮罩层背景在web2.0中,页面弹窗是一个很常见的交互方式,这样既可以避免不必要的页面跳转,也可以改进界面的布局和可交互性. 但是,浏览器原生的弹窗函数(alert, c ...

html遮罩层动画制作,flash简单制作遮罩动画效果

html遮罩层动画制作,flash简单制作遮罩动画效果相关推荐

最新文章

热门文章