首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >html遮罩层动画制作,flash简单制作遮罩动画效果[通俗易懂]

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

作者头像
全栈程序员站长
发布2022-08-14 14:55:17
发布2022-08-14 14:55:17
4.4K0
举报

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

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简单制作遮罩动画效果教程,怎么样,大家学会了吗?感兴趣的朋友可以参考本文,来看看吧!

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年5月1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档