打开APP
userphoto
未登录

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

开通VIP
生日祝福卡的制作原理与方法
教学目的:通过本节教学了解和掌握影片剪辑的创建应用,图片羽化,以及动作面板as语句,通过巧妙的设计和精心创作,进而实现喜庆欢快的生日祝福贺卡之动画效果。
教学对象:本教材是针对有一定动画制作基础及对工具箱、属性面板、动作面板、as语句和相关界面有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。
教学要点:影片剪辑、实例名称、图片羽化、Alpha、as语句。
作前准备
1.准备祝福者、被祝福者和生日蛋糕图片各一张,经过制图软件(ps、fw)处理后,放到指定的文件夹待用。
2.下载一首缓冲效果较好的生日歌曲,保存到指定的文件夹待用。
制作步骤
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为550*400,背景颜色深绿,其它默认,点击确定,进入场景1。 如图1所示:
 
图1
3.首先将准备好的素材图片和歌曲导入库中,待用。
(素材图)
4.创建影片剪辑
(1)选择“插入-新建元件”,建立一个名为“羽化”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为萱萱、椭圆、as。
A.选择萱萱图层第1帧,从库中拖出被祝福者萱萱的图片到舞台,规格为200*265,全居中。如图2所示:
图2
将其转换为影片剪辑元件,点击该实例,在属性面板混合处设置其参数,如图3所示:
图3
并填写其实例名称为:a 。上锁。如图4所示:
图4
B.选择椭圆图层第1帧,用椭圆工具在舞台拖一个规格为100*160的、无边线的椭圆,颜色随意,将其放置在羽化实例的适当位置。如图5所示:
图5
将其转换为影片剪辑,点击该实例,填写其实例名称为:b 。上锁。如图6所示:
图6
在点击该实例,打开滤镜,设置其参数,如图7所示:
图7
锁定该图层。完成后的舞台实例,如图8所示:
图8
C.选择as图层第1帧,按f9,打开动作面板,在as编辑区输入。如下幀语句:
a.setMask(b);
锁定该图层。
D.本环节完成后的时间轴,如图9所示:
图9
(2)选择“插入-新建元件”,建立一个名为“蛋糕1”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,从库中拖出蛋糕图片到舞台,扣去背景后的规格为194*172,全居中。如图10所示:
图10
(3)选择“插入-新建元件”,建立一个名为“蛋糕2”的影片剪辑元件,点击确定,进入元件编辑区。添加三个图层,共四个图层。自下而上命名为蛋糕、光芒、蜡烛、烛光。
A.选择蛋糕图层第1帧,从库中拖出“蛋糕1”影片剪辑元件到舞台,规格不变,全居中。在第5幀插入幀,上锁。如图11所示:
图11
B.选择蜡烛图层第1帧,用矩形工具和椭圆工具画一个无边线的红黄线性的蜡烛,规格20*108,将其放置在蛋糕之上,水平中齐。在第5幀插入幀,上锁。如图12所示:
图12
C.选择烛光图层第1帧,用椭圆工具画一个规格为11*37的椭圆,将其放置在蜡烛顶端。点击该实例,打开混色器,设置其参数,如图13所示:
图13
完成后的舞台实例,如图14所示:
图14
用任意变形工具点击该实例,将其注册点拖到下中。如图15所示:
图15
在第3幀插入关键帧,将该实例规格改为10*50。在第5幀插入幀。上锁。如图16所示:
图16
D.选择光芒图层第1帧,用椭圆工具画一个规格为80*80的正圆,打散后,将其放置在烛光处。点击该实例,打开混色器,设置其参数,如图17所示:
图17
完成后的舞台实例,如图18所示:
图18
在第3幀插入关键帧,将其规格调整为:90*90,调整好位置,右键第1幀-复制幀,在右键第5幀-粘贴幀,创建这两个区域间的形状补间,上锁。
E.本环节完成后的时间轴,如图19所示:
图19
(4)选择“插入-新建元件”,建立一个名为“气泡1”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,用椭圆形工具在舞台拖一个规格为20*20的,无边线的小圆,颜色随意。点击该实例,打开动作面板,设置其参数,如图20所示:
图20
然后,用充分变形工具调整其色阶,将其白色向左上移动。完成后的舞台实例,如图21所示:
图21
(5)选择“插入-新建元件”,建立一个名为“气泡2”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为气泡、as。
A.选择气泡图层第1帧,从库中拖出“气泡1”影片剪辑元件到舞台,规格不变,全居中。如图22所示:
图22
点击该实例,在属性面板设置其Alpha为60%
,并在属性面板填写其实例名称为:qipao 。上锁。如图23所示:
图23
B.选择as图层第1帧,按f9,打开动作面板,在as编辑区输入,如下幀语句:
function dd()
{
this["qipao" + i]._x = random(550);
this["qipao" + i]._rotation = random(400);
this["qipao" + i].v = random(5)+4;
this["qipao" + i].a = random(15)-2;
this["qipao" + i]._xscale = this["qipao" + i]._yscale = this["qipao" + i]._alpha = random(70) + 30;
}
qipao._visible = 0;
for (i = 1; i <= 30; i++)
{
duplicateMovieClip(qipao, "qipao" + i, i);
this["qipao" + i]._y = random(400);
dd();
}
onEnterFrame = function ()
{
for (i = 1; i <= 30; i++)
{
this["qipao" + i]._y = this["qipao" + i]._y + this["qipao" + i].v;
this["qipao" + i]._rotation = this["qipao" + i]._rotation + this["qipao" + i].a;
if (this["qipao" + i]._y >= 400)
{
this["qipao" + i]._y = random(400);
dd();
}
}
};
锁定该图层。
C.本环节完成后的时间轴,如图24所示:
图24
(6)选择“插入-新建元件”,建立一个名为“爷爷”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,从库中拖出爷爷位图到舞台,位置随意,扣去背景后,其规格为92*134。如图25所示:
图25
(7)选择“插入-新建元件”,建立一个名为“歌曲”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,从库中拖出生日歌曲到舞台,位置随意,并在属性面板同步处,设置其为数据流
。按f5,待歌曲播放完松开。如图26所示:
图26
5.辑制作场景
返回场景1,添加九个图层,共十个图层。自下而上命名为,如图27所示:
图27
(1)选择背景图层第一帧,导入或制作一个适合作品的背景,规格550*400,全居中。在第2幀插入幀,上锁。如图28所示:
图28
(2)选择气泡图层第2帧插入空白关键帧,从库中拖出“气泡2”影片剪辑元件到舞台,规格27*27,将其垂直翻转,将其放置在舞台左下角处。上锁。如图29所示:
图29
(3)选择孙女图层第一帧,从库中拖出“羽化”影片剪辑元件到舞台,规格不变,将其放置在舞台的左上方的适当位置。如图30所示:
图30
在第2幀插入关键帧,将舞台实例水平翻转,规格调整为260*347,将其移到舞台的右侧。上锁。如图31所示:
图31
(4)选择鼠标图层第1帧,从库中拖出“爷爷”影片剪辑元件到舞台,规格不变,位置随意。如图32所示:
图32
点击该实例,在属性面板填写其实例名称为:c 。上锁。如图33所示:
图33
在第2幀插入空白关键帧,用文本工具在羽化实例的下方输入“生日快乐”。规格、字体、颜色自定。上锁。如图34所示:
图34
(5)选择矩形图层第1帧,用矩形工具在舞台拖一个,规格为166*257的无边线的矩形,颜色随意,将其放置在羽化实例之上。如图35所示:
图35
将其转换为影片剪辑元件。点击该实例,设置其Alpha为0%。完成后的舞台实例,如图36所示:
图36
并填写其实例名称为:d 。如图37所示:
图37
在第2幀插入空白关键帧,上锁。
(6)选择蛋糕图层第1帧,从库中拖出“蛋糕1”影片剪辑元件到舞台,规格为160*141,将其放置在舞台下方的适当位置。如图38所示:
图38
点击该实例,在属性面板填写其实例名称为:mg 。如图39所示:
图39
在第2幀插入空白关键帧,从库中拖出“蛋糕2”影片剪辑元件到舞台,规格不变,将其放置在舞台的左侧。上锁。如图40所示:
图40
(7)选择文本图层第1帧,用文本工具在舞台的下方适当位置输入相关提示,字体、颜色、规格自定。如图41所示:
图41
在第2幀插入空白关键帧,用文本工具在舞台的上方适当位置输入祝福者,字体、颜色、规格自定。上锁。如图42所示:
图42
(8)选择歌曲图层第2帧,插入空白关键帧,从库中拖出“歌曲”影片剪辑元件到舞台,位置随意。上锁。如图43所示:
图43
(9)选择边框图层第一帧,导入或制作一个边框,规格550*400,全居中。在第2幀插入幀,上锁。如图44所示:
图44
(10)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:
onEnterFrame = function () {
_root.c._x=_root._xmouse
_root.c._y=_root._ymouse
};
stop();
var music:Sound = new Sound();
music.loadSound("迎客松", true);
mg.onPress = function() {
mg.startDrag();
}
mg.onRelease = function(){
mg.stopDrag();
hit = mg.hitTest(d);
if (hit) {
gotoAndStop(2);
}
}
在第2幀插入空白关键帧,上锁。
   6.本作业完成后时间轴显示如图45所示:
图45
7.测试存盘
*说明:
1.根据此原理方法,你可创作父亲节、母亲节、教师节和各层次的生日贺卡等。
2.教程中示例图片有的放大一倍,以便于查看。
最终效果显示:
http://hsb345.16789.net/domName/hsb345/2012122115202959763.swf
全屏下载
祝你成功!
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
flash8.0制作硬翻页相册效果(组合法)
flash8山间瀑布的制作原理和方法
【动画教程】如何用FLASH制作《万花筒》
flash实例制作:飞碟上的舞女
flash10.升国旗的制作原理与方法
FLASH8制作透明卷轴长卷
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服