打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
进阶教程—情人贺卡的的制作与思考
情人贺卡的的制作与思考
教学目的:通过本节教学了解和掌握元件的属性、链接,滤镜和as语句的填写与运用,进而制作出温馨多情、富有个性的情人贺卡。
教学对象:本教材是针对有一定动画制作基础和对属性面板及工具箱有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。
教学要点:属性、链接、滤镜和as。
作前准备 准备一张规格为300*300,透明的情人图片和一张透明的动态玫瑰花。经过制图软件处理后,放置在指定的文件夹备用。
制作步骤
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为550*400,帧频为12,背景颜色黑色,其它默认,点击确定,进入场景1。如图1所示:
图1
3.创建图形元件 选择“插入-新建元件”,创建一个名为“红心”的图形元件。点击确定,进入元件编辑区。用椭圆形工具在工作区拖一个规格为160*160的,红色无边框正圆形。右键该实例复制,转帖,使两个圆水平交叉,然后,用黑箭头工具将其调整为心形。如图2所示:
图2
选中心形实例,右键该实例,将其转换为影片剪辑,打开滤镜,点击“加号-斜角”,设置参数如图3所示:
图3
此时红心显示为立体心形。选中该实例,全居中。
4.创建影片剪辑
(1)选择“插入-新建元件”,创建一个名为“爱心”的影片剪辑元件。点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上分别为图层1、图层2、图层3。
a.选择图层1第1帧,从库中拖出红心图形元件至工作区,设置其规格为240*240,全居中。在第20、21、40帧插入关键帧。点击第1帧,将该实例等比放大为300*300,并设置其透明度为60%;点击第20帧,将该实例等比放大为350*350,设置其透明度为0;第21帧不变;点击第40帧,将该实例等比放大为300*300,设置其透明度60%。分别点击第1帧和第21帧,创建这两个区域间的动画补间。
b.将图层1第21-40帧刮黑,右键“刮黑处-复制帧”。然后右键“图层2第1帧-粘贴帧”;再将图层1第1-20帧刮黑,右键“刮黑处-复制帧”。然后右键“图层2第21帧-粘贴帧”。锁定图层1、图层2。
c.选择图层3第1帧,从库中拖出红心图形元件至工作区,设置其规格为240*240,全居中。在第40帧插入帧,上锁。其时间轴与实例显示如图4所示:
图4
(2)选择“插入-新建元件”,创建一个名为“闪光”的影片剪辑元件。点击确定,进入元件编辑区。点击图层1第1帧,用椭圆形工具在工作区画一个白色、无边框的闪光图形。如图5所示:
图5
将该实例转换为图形元件,全居中。在第1帧设置其规格为30*30,并设置其Alpha为50%。如图6所示:
图6
在第5帧、第10帧插入关键帧,在第11帧插入空白关键帧,再在第12帧插入普通帧。点击第5帧,将该实例放大规格为60*60,并设置其透明度为“无”(Alpha100%)。分别点击第1、第5帧,创建这两个区域间的动画补间。如图7所示:
图7
(3)选择“插入-新建元件”,创建一个名为“Fragment”的影片剪辑元件。点击“高级”,进入元件属性及链接菜单。设置其参数,如图8所示:
图8
点击确定,进入元件编辑区。用文本工具输入一个颜色为红色的“爱”字,字体,规格随意。如图9所示:
图9
5.组织编辑场景 返回场景1 ,添加五个图层,共六个图层。自下而上分别命名为背景、爱心、情人、玫瑰、闪光、as。
(1)选择背景图层第1帧,用矩形工具,打开混色器,设置其参数如图10所示:
图10
在工作区拖一个无边矩形,选中该矩形,点击“修改-变形-顺时针旋转90°”,设置其规格为550*400,全居中,并将其转换为影片剪辑。打开滤镜菜单,设置其参数,如图11所示:
图11
锁定该图层。完成后,场景中实例显示,如图12所示:
图12
(2)选择爱心图层第1帧,从库中拖出“爱心”影片剪辑至工作区,全居中,上锁。如图13所示:
图13
(3)选择情人图层第1帧,导入已准备好的情人矢量图放置在爱心的适当位置,选中该实例,将其转换为影片剪辑。打开滤镜菜单,设置参数,如图14所示:
图14
锁定该图层。完成后,场景中实例显示效果,如图15所示:
图15
(4)选择玫瑰图层第1帧,导入已准备好的动态玫瑰矢量图到库中。打开库,从库中拖出动态玫瑰矢量图中的影片剪辑,如图16所示:
图16
放置在背景的四个角,用任意变形工具调整到你想要的位置和大小,上锁。如图17所示:
图17
(5)选择闪光图层第1帧,从库中拖出几个“闪光”影片剪辑至工作区,分别调整好其大小和透明度,放到所需位置。如图18所示:
图18
(6)右键as图层第1帧,打开动作面板,在as编辑区输入如下语句:
/* 定义四个全局变量,定义位置 */
_global.gLEFT = 0;
_global.gTOP = 0;
_global.gRIGHT = Stage.width;
_global.gBOTTOM = Stage.height;
/* 5个变量定义元件的速度、最大、最小、数量*/
var maxSpeed:Number = 25;
var minSize:Number =4;
var maxSize:Number = 10;
var minFragments:Number = 50;
var maxFragments:Number = 150;
/* 在最大和最小之间返回一个数的函数 */
function randRange(min:Number, max:Number):Number {
var randomNum:Number = Math.floor(Math.random() * (max - min + 10)) + min;
return randomNum;
}
/* 主程序片段 */
onMouseDown = function():Void {
var totalFragments:Number = randRange(minFragments, maxFragments);
var fragment_mc:MovieClip;
var depth:Number = this.getNextHighestDepth();
for (var i:Number = 0; i < totalFragments; i++, depth++) {
fragment_mc = attachMovie("Fragment", "fragment" + depth, depth);
fragment_mc._x = _xmouse;
fragment_mc._y = _ymouse;
fragment_mc._width = fragment_mc._height = randRange(minSize, maxSize);
while(!fragment_mc.speedX) {
fragment_mc.speedX = randRange(-maxSpeed, maxSpeed);
}
while(!fragment_mc.speedY) {
fragment_mc.speedY = randRange(-maxSpeed, maxSpeed);
}
fragment_mc._alpha = randRange(10, 100);
fragment_mc.cacheAsBitmap = true;
fragment_mc.onEnterFrame = function():Void {
this._x += this.speedX;
this._y += this.speedY;
if (this._x < gLEFT || this._x > gRIGHT || this._y < gTOP || this._y > gBOTTOM) {
this.removeMovieClip();
}
};
}
};
锁定该图层。
5.该作业完成后的时间轴如图19所示:
图19
6.测试存盘
*说明:
1.“Fragment”影片剪辑不进入场景,只是作为脚本的元素。它的形状与颜色将展现在动画中,其大小须调整脚本参数,与元件设置规格无关。
2.如果将“情人”作成图片加文字切换的影片剪辑,是否更能表达你对他(她)爱恋之情呢。
3.在场景可多加一个图层,放上相关的歌曲影片剪辑,以增加贺卡的温馨与视听效果。
最终效果显示:
http://hsb345.16789.net/domName/hsb345/200851321293213625.swf
全屏下载
祝你成功!
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Flash AS3.0教程:学习帧循环的运用
[Flash基础理论课07]制作控制滑块[startDrag]
flash模糊遮罩的实现
散射相册的制作原理与方法
彩虹电子日历时钟的制作原理与过程
Flash实例:制作超炫幻彩灯效果
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服