html遮罩层动画制作,flash简单制作遮罩动画效果[通俗易懂]

html遮罩层动画制作,flash简单制作遮罩动画效果[通俗易懂]flash简单制作遮罩动画效果QQ空间的开机动画大家应该都有,从最初的出现的一点到后面全部出现,如此神奇的效果到底是怎么做的呢,一起来看看吧!遮罩特效:由于百度只能上传500k以内的照片,所以效果图片质量不是很好,当然,我们一般做的特效是.swf,这里是为了方便大家观看,所以做成了gif.步骤:1、打开flash面板,创建新项目。2、点击文件——导入——导入一张图片。3、窗口——库,这里我们可以…

大家好,又见面了,我是你们的朋友全栈君。

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

b1ada37523ce9e3fc06fd770d520e987.gif

步骤:

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

ebe371037ecf34f73e8f0edb03bccd59.png

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

be918cb3df4677d2c04235cd584ce3eb.png

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

f809d6c897acb2d3c0f3f8ad3ddafb8c.png

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

2145b94ca56066429c6c53289ef686fc.png

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

7389d833e5141ff59d9e6f0da704c07b.png

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

ffea3157b27edafbcefbe648c324bc3b.png

e751e0ad6991420b6970b269a400e82b.png

efe276196dd9df4fc2886f9ca9a35835.png

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

98de19f59b67baf8c36f7abfb13024f5.png

1ce5040e4bab6d18ff2ea50a4a596009.png

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

e472cfc1e1ff5c6df3edf70f374d31d8.png

7c13d73b5233b08a9b04b577ee45e97f.png

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

b0d8943cdcfc1400972b94bcc246a9cf.png

b44e49c491d9a7ed21a145d49de9580f.png

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

c34cd48961223dfeb992ae43693106f2.png

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

d0c3b7da62f9d22ce6c241e92cc709a6.png

be00aea6239fe502f5077911bc56dc32.png

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

29898c63ef7f0ec7c10253a59b18d99b.png

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

950fa02a4077899101fb260df107553c.png

14、最后导出影片。

1a9de918f604ba73103a9fced0338dec.png

15、效果如下。

1ad822c4def4af951779ddf0c40ede5a.gif

48082e00aef45ba7121d29c2dcc30860.gif

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/133256.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月1日 下午4:40
下一篇 2022年5月1日 下午5:00


相关推荐

  • WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。「建议收藏」

    WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。「建议收藏」WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。

    2022年4月24日
    68
  • BM3D 算法原理详细解析 按过程步骤讲解(附C++实现代码)[通俗易懂]

    BM3D 算法原理详细解析 按过程步骤讲解(附C++实现代码)[通俗易懂]BM3D是2007年提出的算法了,至今已经有一些年头了,但是仍然不妨碍它基本上还是最强的去噪算法。在初步了解了BM3D的算法后,会发现,BM3D有种堆叠怪的嫌疑。有很多不同的算法的影子在里面,比如Non-LocalMeans、Waveletshrinkage等。我感觉思想更像是暴力出奇迹吧。但是架不住效果好。就类似现在的神经网络,一层不行我就来两层。但是相比简单的堆叠,BM3D还是比其他的算法的细节保留上要好一些。好了,不废话了,下面直接来看BM3D的算法原理吧。BM3D算法原理:

    2022年5月27日
    35
  • CultureInfo中重要的InvariantCulture[通俗易懂]

    CultureInfo中重要的InvariantCulture[通俗易懂]CultureInfo简述CultureInfo类位于System.Globalization命名空间内,这个类和这个命名空间许多人都不了解也认为不需要太多了解,实际上,你写的程序中会经常间接得使用这些类。简单的说:当进行数字,日期时间,字符串匹配时,都会进行CultureInfo的操作,也就是不同的CultureInfo下,这些操作的结果可能会不一样。这里要介绍一下非常容易被忽视的In…

    2022年6月19日
    26
  • java jvm 参数 -Xms -Xmx -Xmn -Xss 调优

    堆大小设置JVM中最大堆大小有三方面限制: 1.相关操作系统的数据模型(32-bt还是64-bit)限制;2.系统的可用虚拟内存限制;3.系统的可用物理内存限制.在32位系统下,一般限制在1.5G~2G;64为操作系统对内存无特定限制.  机器配置:128G内存  32核CPU典型设置: java-Xmx72g -Xms72-Xmn4g-Xss256m  -Xmx…

    2022年4月6日
    81
  • lambda表达式pythonlist_python lambda表达式简单用法【转】「建议收藏」

    lambda表达式pythonlist_python lambda表达式简单用法【转】「建议收藏」1、lambda是什么?看个例子:g=lambdax:x+1看一下执行的结果:g(1)>>>2g(2)>>>3当然,你也可以这样使用:lambdax:x+1(1)>>>2可以这样认为,lambda作为一个表达式,定义了一个匿名函数,上例的代码x为入口参数,x+1为函数体,用函数来表示为:1defg(x):2returnx+1非常容易理解,在这里lambda简化了函数定义的书…

    2022年10月17日
    5
  • potplayermadvr设置_potplayerhdr设置

    potplayermadvr设置_potplayerhdr设置Potplayer+LAV+madVR+Xysubfilter配置指南Potplayer作为Windows上很受欢迎的一款播放器,公认的最佳配置为结合LAV、madVR、XySubfilter进行使用。本文将介绍一种对其简单配置的方法。LAV:一套主流的开源解码filtermadVR:一个高性能的视频渲染器XySubfilter:madVR专用的字幕插件关于如何设置…

    2025年11月17日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号