电话+V:159999-78052,欢迎咨询元件动画制作教程简单,[小程序设计与开发],[小程序投流与推广],[小程序后台搭建],[小程序整套源码打包],[为个体及小微企业助力],[电商新零售模式],[小程序运营推广及维护]
Flash是一种交互式动画设计工具,Flash动画需要经过很多的制作环节,其中的每一个环节都直接影响作品的最终质量。刚刚初入flash大门,怎么在win10免激活系统中用flash制作一个简单形状动画?今天小编告诉大家具体制作方法。
具体方法如下:
1、运行FlashCS5软件。新建一个文档,Ctrl+J打开文档设置,在“属性面板”中舞台大小为:1000600像素,帧频为:30,背景色改为黑色;
2、点菜单“插入”/“新建元件”,在“创建新元件”对话框,新建名称为“star”的“图形”;
3、进入“star”图形元件,利用“椭圆工具”,颜色面板中的“径向渐变”填充,以及“旋转和缩放”工具,绘制出一个星星图形;
4、新建一个名为“星星闪动”的“影片剪辑”元件,进入编辑界面,选择第1层第1帧,将“star”元件拖入到舞台中。分别在该层第20帧和35帧处插入关键帧,然后分别将第1帧和第35帧处的元件,利用缩放工具等比例缩小,并在第1帧和第20帧处创建传统补间动画,以形成星星闪动的效果。“星星闪动”元件的时间轴设置;
5、新建名为“背景动画”的影片剪辑元件,进入编辑界面,选择第1层第1帧,导入下载的图片1到舞台,并将该图片转换成名为“background”的图形元件。
在该层第190帧处插入关键帧,将该帧上的元件等比例放大,并在第1帧处创建传统补间动画,然后在第245帧处插入普通帧。
6、(9)新建“图层2”,将“background”图形元件拖入到舞台中,并调整使其与“图层1”上的“background”元件重叠。然后在该层第190帧处插入关键帧,并将该帧上的元件等比例放大,并进行适当的旋转操作,如图所示。以及设置其Alpha值为0%,在在第1帧处创建传统补间动画。
7、使用相同的方法,完成“图层3”上动画效果的制作。然后新建“图层4”,在第10帧插入关键帧,从“库”面板中“星星闪动”元件多次拖入到舞台中,并对拖入到舞台中的若干“星星闪动”元件进行位置和角度的调整;
8、使用和制作“图层4”相同的方法,完成“图层5”和“图层6”上动画效果的制作。“背景动画”元件最终的时间轴设置;
9、新建名为“按钮文字遮罩”的影片剪辑元件,进入编辑界面,选中第1层第1帧,并导入下载的图片2素材到舞台,然后在第70帧处插入普通帧;
继续新建“图层2”,在第5帧插入关键帧,然后在舞台中绘制矩形,为其填充线性渐变颜色(添加3个白色色块,中间白色色块透明度为40%,两边的色块透明度为0%,形成一个中间向两边的渐变效果),并进行旋转操作。
10、在该层第45帧插入关键帧,将该帧上的矩形向右移动,并在第5帧处创建补间形状动画;
新建“图层3”,使用“椭圆工具”绘制一个椭圆,椭圆以覆盖“票选明星”的图片为准。然后将该层设置为遮罩层,“图层1”和“图层2”为被遮罩。
11、返回主场景,选中第1层第1帧,将“背景动画”元件拖入到舞台,并在第125帧插入普通帧;
新建“图层2”,在第37帧插入关键帧,并导入图片素材,然后将该图片转换为名为“流行1”的影片剪辑元件,在属性面板中设置显示属性中的“混合”为“增加”。
在“图层2”第44帧处插入关键帧,将该帧上的元件向左下方移动,调整到合适的位置,并在第37帧处创建传统补间动画。
在第45帧处插入空白关键帧,导入图片素材,将其转换成名为“流星2”的影片剪辑元件。,然后在属性面板中设置其“混合”为“增加”。
在第47帧处插入空白关键帧,调整该镇上的元件到合适的位置,并在第45帧创建传统补间动画。
12、在第48帧处插入空白关键帧,导入图片素材,并将其转换为名为“流星3”的影片剪辑元件,然后在属性面板中设置其“混合”为“增加”;
13、在第50帧处插入空白关键帧,导入图片素材,并将其转换为名为“流星4”的影片剪辑元件,然后在属性面板中设置其“混合”为“增加”;
分别在第52帧和56帧处插入关键帧,然后设置第56帧上元件的Alpha的值为0%,并在第52帧处创建传统补间动画。
新建“图层3”在50帧处插入关键帧,导入图片素材,并将其转换成名为“人物1”的图形元件。
14、在“图层3”上分别在第60帧和68帧处插入关键帧,然后分别设置第50帧和68帧上元件的Alpha值为0%,并分别在第50帧和60帧处创建传统补间动画。使用相同的方法,完成“图层3”到“图层7”上动画效果的设置。“图层3”到“图层7”的时间轴设置;
15、新建“图层8”,在第82帧处插入关键帧,并导入“10.png”图片素材,然后将其转换为名为“按钮背景”的图形元件;
分别在第8层的88、90、92、95帧处插入关键帧,然后选择第82帧上的元件,将其等比例缩小,并在“属性”面板中对其“高级”样式进行设置。82帧处元件的高级参数设置,如图所示。88,90,92帧处的高级参数设置如图所示。95帧处的高级参数设置如图所示。
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”上的动画效果的制作。如图所示。
17、同时选中“图层10”到“图层15”,将他们调整到“图层8”的下方。使得人物图像排列在按钮图像之后,效果见上图1-20。
在最上层新建“图层16”,然后在第125帧处插入关键帧,并打开“动作”面板组,输入脚本代码stop();。
最终主场景时间轴设置如图所示。最后,保存动画,并测试动画效果。
本教程和大家介绍win10系统用flash制作简单动画的方法,感兴趣的优化也可以一起来尝试操作。
使用flash制作大鱼吃小鱼的简单动画,需要遵循以下步骤:
首先,启动flash软件,创建一个新的文档,并根据需要设置相关参数。
接着,绘制大鱼,完成绘制后将其转换为图形元件。
然后,绘制小鱼,并将其转换为图形元件。
绘制大鱼的嘴巴,使用逐帧动画技术完成绘制,完成后将其转换为影片剪辑元件。
接下来,创建一个新的影片剪辑元件,将之前绘制的大鱼和大鱼的嘴巴两个元件拖入其中,并调整大鱼嘴巴的大小和位置,使其与大鱼的图形元件相匹配。
随后,绘制水中的环境背景,包括但不限于水纹、水草等元素。
将大鱼的影片剪辑、小鱼拖入场景中,调整它们的大小和位置,通过制作运动补间动画,使小鱼能够运动至大鱼的嘴中。
作品名称:《理发店》
获奖情况:一等奖
作品主创:孙祺
所属高校:天津大学
本动画用电器元件创作设计人物,并在理发过程中融入原有电子元器件的特色。
六组理发前后对比图,创意十分巧妙!
由教育部思想政治工作司、中央网信办网络社会工作局联合主办,文汇报社承办的第四届“全国大学生网络文化节动漫作品征集”活动,自启动以来,受到全国高校和青年学子的积极响应,反响热烈,共收到来自全国28个省278所高校投稿作品978件,其中单幅插画作品426件,四格漫画作品269件,动画短片作品283件。
动画:孙祺
文字:颜玮韵
编辑:郝新莉
电话+V: 159999-78052
专注于小程序推广配套流程服务方案。为企业及个人客户提供了高性价比的运营方案,解决小微企业和个体拓展客户的问题