大师细说win10系统用flash制作简单动画的还原方案

方砖大叔 发表于2020-03-08 13:34
浏览次数:
在手机上阅读
此文章约为2715字,阅读需要7 分钟
随着电脑的使用率越来越高,我们有时候可能会遇到对win10系统用flash制作简单动画的设置方法,想必大家都遇到过需要对win10系统用flash制作简单动画进行设置的情况吧,那么应该怎么设置win10系统用flash制作简单动画呢?我们按照1、运行Flash CS5软件。新建一个文档,Ctrl+J打开文档设置,在“属性面板”中舞台大小为:1000*600像素,帧频为:30,背景色改为黑色; 2、点菜单“插入”/“新建元件”,在“创建新元件”对话框,新建名称为“star”的“图形”;这样的步骤就可以了;下面小编带领大家看看win10系统用flash制作简单动画的详细步骤:
 

 

具体方法如下:

 

1、运行Flash CS5软件。新建一个文档,Ctrl+J打开文档设置,在“属性面板”中舞台大小为:1000*600像素,帧频为:30,背景色改为黑色;

 

win10系统用flash制作简单动画的操作方法

2、点菜单“插入”/“新建元件”,在“创建新元件”对话框,新建名称为“star”的“图形”;

 

win10系统用flash制作简单动画的操作方法

3、进入“star”图形元件,利用“椭圆工具”,颜色面板中的“径向渐变”填充,以及“旋转和缩放”工具,绘制出一个星星图形;

 

win10系统用flash制作简单动画的操作方法

4、新建一个名为“星星闪动”的“影片剪辑”元件,进入编辑界面,选择第1层第1帧,将“star”元件拖入到舞台中。分别在该层第20帧和35帧处插入关键帧,然后分别将第1帧和第35帧处的元件,利用缩放工具等比例缩小,并在第1帧和第20帧处创建传统补间动画,以形成星星闪动的效果。 “星星闪动”元件的时间轴设置;

 

win10系统用flash制作简单动画的操作方法

5、新建名为“背景动画”的影片剪辑元件,进入编辑界面,选择第1层第1帧,导入下载的图片1到舞台,并将该图片转换成名为“background”的图形元件。

 

在该层第190帧处插入关键帧,将该帧上的元件等比例放大,并在第1帧处创建传统补间动画,然后在第245帧处插入普通帧。

 

6、(9)新建“图层2”,将“background”图形元件拖入到舞台中,并调整使其与“图层1”上的“background”元件重叠。然后在该层第190帧处插入关键帧,并将该帧上的元件等比例放大,并进行适当的旋转操作, 如图所示。 以及设置其Alpha值为0%,在在第1帧处创建传统补间动画。

 

win10系统用flash制作简单动画的操作方法

7、使用相同的方法,完成“图层3”上动画效果的制作。然后新建“图层4”,在第10帧插入关键帧,从“库”面板中“星星闪动”元件多次拖入到舞台中,并对拖入到舞台中的若干“星星闪动”元件进行位置和角度的调整;

 

win10系统用flash制作简单动画的操作方法

8、使用和制作“图层4”相同的方法,完成“图层5”和“图层6”上动画效果的制作。 “背景动画”元件最终的时间轴设置;

 

win10系统用flash制作简单动画的操作方法

9、新建名为“按钮文字遮罩”的影片剪辑元件,进入编辑界面,选中第1层第1帧,并导入下载的图片2素材到舞台,然后在第70帧处插入普通帧;

 

继续新建“图层2”,在第5帧插入关键帧,然后在舞台中绘制矩形,为其填充线性渐变颜色(添加3个白色色块,中间白色色块透明度为40%,两边的色块透明度为0%,形成一个中间向两边的渐变效果),并进行旋转操作。

 

win10系统用flash制作简单动画的操作方法

win10系统用flash制作简单动画的操作方法

10、在该层第45帧插入关键帧,将该帧上的矩形向右移动,并在第5帧处创建补间形状动画;

 

新建“图层3”,使用“椭圆工具”绘制一个椭圆,椭圆以覆盖“票选明星”的图片为准。然后将该层设置为遮罩层,“图层1”和“图层2”为被遮罩。

 

win10系统用flash制作简单动画的操作方法

win10系统用flash制作简单动画的操作方法

11、返回主场景,选中第1层第1帧,将“背景动画”元件拖入到舞台,并在第125帧插入普通帧;

 

新建“图层2”,在第37帧插入关键帧,并导入图片素材,然后将该图片转换为名为“流行1”的影片剪辑元件,在属性面板中设置显示属性中的“混合”为“增加”。

 

在“图层2”第44帧处插入关键帧,将该帧上的元件向左下方移动,调整到合适的位置,并在第37帧处创建传统补间动画。

 

在第45帧处插入空白关键帧,导入图片素材,将其转换成名为“流星2”的影片剪辑元件。,然后在属性面板中设置其“混合”为“增加”。

 

在第47帧处插入空白关键帧,调整该镇上的元件到合适的位置,并在第45帧创建传统补间动画。

 

12、在第48帧处插入空白关键帧,导入图片素材,并将其转换为名为“流星3”的影片剪辑元件,然后在属性面板中设置其“混合”为“增加”;

 

win10系统用flash制作简单动画的操作方法

13、在第50帧处插入空白关键帧,导入图片素材,并将其转换为名为“流星4”的影片剪辑元件,然后在属性面板中设置其“混合”为“增加”;

 

分别在第52帧和56帧处插入关键帧,然后设置第56帧上元件的Alpha的值为0%,并在第52帧处创建传统补间动画。

 

新建“图层3”在50帧处插入关键帧,导入图片素材,并将其转换成名为“人物1”的图形元件。

 

win10系统用flash制作简单动画的操作方法

14、在“图层3”上分别在第60帧和68帧处插入关键帧,然后分别设置第50帧和68帧上元件的Alpha值为0%,并分别在第50帧和60帧处创建传统补间动画。使用相同的方法,完成“图层3”到“图层7”上动画效果的设置。“图层3”到“图层7”的时间轴设置;

 

win10系统用flash制作简单动画的操作方法

15、新建“图层8”,在第82帧处插入关键帧,并导入“10.png”图片素材,然后将其转换为名为“按钮背景”的图形元件;

 

分别在第8层的88、90、92、95帧处插入关键帧,然后选择第82帧上的元件,将其等比例缩小,并在“属性”面板中对其“高级”样式进行设置。82帧处元件的高级参数设置,如图所示。 88,90,92帧处的高级参数设置 如图所示。95帧处的高级参数设置 如图所示。

 

win10系统用flash制作简单动画的操作方法

win10系统用flash制作简单动画的操作方法

win10系统用flash制作简单动画的操作方法

16、将88帧处的元件等比例放大,90帧处的元件等比例缩小。分别在82,88,90,92帧处创建传统补间动画;

 

新建图层9,在第110帧处插入关键帧,并将“按钮文字遮罩”元件拖入到舞台中。然后根据“图层8”的制作方法,完成“图层9”上动画的制作。

 

新建“图层10”,在第100帧处插入关键帧,并导入图像素材,然后将其转换成名为“背景光”的图形元件。

 

在第110帧处插入关键帧,设置第100帧上元件的Alpha的值为0%,并在第100帧处创建传统补间动画。然后新建“图层11”,在第103帧处插入关键帧,将“人物3”元件拖入到舞台中,并将其水平翻转。

 

在第113帧处插入关键帧,将该帧上的元件向右上方移动,并在第103帧处创建传统补间动画。

 

使用相同的方法,完成“图层12”到“图层15”上的动画效果的制作。如图所示。

 

win10系统用flash制作简单动画的操作方法

17、同时选中“图层10”到“图层15”,将他们调整到“图层8”的下方。使得人物图像排列在按钮图像之后,效果 见上图1-20。

 

在最上层新建“图层16”,然后在第125帧处插入关键帧,并打开“动作”面板组,输入脚本代码stop();。

 

最终主场景时间轴设置 如图 所示。 最后,保存动画,并测试动画效果。

 

win10系统用flash制作简单动画的操作方法

本教程和大家介绍win10系统用flash制作简单动画的方法,感兴趣的优化也可以一起来尝试操作。

 

以上就是关于win10系统用flash制作简单动画的操作方法,小伙伴们都学会了吗?更多精彩内容欢迎继续关注!

270 个用户觉得很有用

uc电脑园提供的技术方案或与您产品的实际情况有所差异,您需在完整阅读方案并知晓其提示风险的情况下谨慎操作,避免造成任何损失。

如此好文,分享给朋友

图片来源:网络

大家正在看
知名iT专家-方砖大叔
方砖大叔
知名iT专家
48842篇文章 获得1710.12万个赞
展开导航
关注我们 微信公众号:uc电脑园
uc电脑园微信公众号
一对一的电脑安装,系统服务支持
发表评论
验证码:
评论列表
共0条