分享

flash《金陵十二钗》及其制作步骤

 黄陂诗联数据库 2016-07-23

flash《金陵十二钗》及其制作步骤

 

效果图:

    2014年12月7日加注:由于上传网站删除了这个FLASH动画,重新上传以后,新浪博客又不允许插入新的FLASH,所以您在这里就看不到这个FLASH动画了,请您点击以下超链接观看:

http://wmjdxrnj.blog.163.com/blog/static/24197407520121094310158/

 

    这个FLASH的原作者是东方教学之家的老小孩老师,做得非常漂亮,只是制作的过程比较麻烦,但是只要有一点基础的朋友,耐心地做,一定可以做出来的。下面是详细的制作步骤。

1.从网上下载一首mp3格式的红楼梦音乐,从本篇博文的结尾处下载16张jpg格式的图片到你的电脑中备用。

2.新建700*450像素,2.0语言的文档,设背景色为灰色,将一首红楼梦音乐和16张jpg格式的图片导入到库。插入8个新图层,共9个图层,从下到上分别命名为:背景、飘花、效果、音乐、标题、按钮、签名、AS和遮布。

flash《金陵十二钗》及其制作步骤

3.点“插入”-“新建元件”,名称为“1桃花”,类型为“影片剪辑”,点确定。从库中拖“桃花.jpg”到工作区,点“修改”-“分离”,工作区的图片呈麻点状。选用橡皮擦工具,沿着中间的大桃花外缘擦一圈。

flash《金陵十二钗》及其制作步骤

4.用选择工具在那朵大桃花的外面点一下,这些区域呈麻点状,点剪切工具(或按Delete键),这样就完成了桃花抠图。

flash《金陵十二钗》及其制作步骤

5.点“插入”-“新建元件”,名称为“花飘”,类型为“影片剪辑”,点确定。从库中拖“1桃花”到工作区,在属性面板中“实例名称”处用英文小写输入“mc”,宽高上锁,改宽=10,在对齐面板中点水平中齐、垂直中齐。

flash《金陵十二钗》及其制作步骤

6.插入图层2,右击其第1帧-“动作”,打开动作面板,将下列语句复制粘贴上去,然后关闭动作面板。

this.mc._visible = false;
for (var i:Number = 0; i<15; i++) {
duplicateMovieClip(mc, "mc"+i, i);
var m:MovieClip = this["mc"+i];
m._x = Math.random()*550;
this["mc"+i].rx = m._x;
this["mc"+i].dx = Math.random()>0.5 ? 1 : -1;
m._y = Math.random()*400;
this["mc"+i].dy = Math.random()*2+2;
}
for (var i:Number = 0; i<100; i++) {
this["mc"+i].onEnterFrame = function() {
if (this._y<400) {
this._y += this.dy;
this._x += this.dx;
this._rotation += 5*this.dx;
} else {
this._y = 0;
this._x = this.rx;
}
};
}

flash《金陵十二钗》及其制作步骤

 

7.点“插入”-“新建元件”,名称为“播放”,类型为“按钮”,点确定。点“弹起”帧,从库中拖“石头.jpg”到工作区,点“修改”-“分离”,用第3、4步骤相同的方法将图中的“石头”抠出来。插入图层2,点其“弹起”帧,选用文本工具,设定字体为某种篆字,文本方向垂直,字号为20,颜色为红,在“石头”上输入“石头记”。

flash《金陵十二钗》及其制作步骤

8.插入图层3,在3个图层的“按下”帧插入帧,在其“指针经过”帧插入空白关键帧,选用文本工具,设定字体为某种隶书,文本方向为水平,字号为20,颜色为黄,在“石头”的下部输入“播放”。

flash《金陵十二钗》及其制作步骤

9.在库中点“播放”按钮,右键-“直接复制”-名称为“返回”,类型为“按钮”,点确定,双击库中的“返回”按钮,进入“返回”按钮的编辑区,点图层3的“指针经过”帧,选用文本工具,将原来的“播放”2字抹黑,输入“返回”。

flash《金陵十二钗》及其制作步骤

10.点“插入”-“新建元件”,名称为“3封面”,类型为“影片剪辑”,点确定。点其第1帧,从库中拖“13大观园.jpg”到工作区,在对齐面板中点水平中齐、垂直中齐,图层1上锁。插入图层2,点其第1帧,选用文本工具,设置字体为汉仪太极,字号为30,颜色为红,文本方向为垂直,输入“金陵十二钗”,在对齐面板中点水平中齐、垂直中齐。点“修改”-“分离”,“修改”-“分离”,将文字打散,在颜色面板中点“类型”为“线性”设左色块为黄色,右色块为红色。

flash《金陵十二钗》及其制作步骤

11.在库中右击“封面”影片剪辑-“直接复制”-名称为“图1林黛玉”类型为“图形”,双击库中的“图1林黛玉”进入其编辑区,图层1开锁,点其第1帧,在属性面板中点“交换”-“01林黛玉.jpg”,确定。

flash《金陵十二钗》及其制作步骤

12.图层1上锁,图层2开锁,右键点其第1帧-“清除关键帧”(“金陵十二钗”字删去),选用文本工具字体、大小等设置不变,在合适的位置输入“林黛玉”。点“修改”-“分离”,“修改”-“分离”,在“颜色”面板中点“线性”。“图1林黛玉”制作完成。

flash《金陵十二钗》及其制作步骤

13.用第11、12步骤同样的方法制作“图2薛宝钗”、“图3王熙凤”、“图4贾探春”、“图5秦可卿”、“图6史湘云”、“图7贾惜春”、“图8贾元春”、“图9李纨”、“图10贾迎春”、“图11贾巧姐”、“图12妙玉”。

flash《金陵十二钗》及其制作步骤

14.点“插入”-“新建元件”,名称为“翻图”,类型为“影片剪辑”,点确定。点其第1帧,从库中拖“封面”到工作区,在对齐面板中点水平中齐、垂直中齐,将时间轴延长到120帧,上锁。插入图层2,点其第1帧,从库中拖“图1林黛玉”到工作区,水平中齐,垂直中齐,上锁。插入图层3,将图层2第1帧的内容复制到图层3第1帧,点该帧,再点工作区中的图片,在属性面板中点开“颜色”右边的下拉三角-“色调”-白色-“50%”。

flash《金陵十二钗》及其制作步骤

15.在变形面板中“约束”打勾-“旋转-15度”,回车,然后点“修改”-“变形”-“水平翻转”,得到一张反图。

flash《金陵十二钗》及其制作步骤

16.将反图向右上方移动到下图所示位置。

flash《金陵十二钗》及其制作步骤

17.在图层3第80帧插入关键帧,将反图向左下方移动到下图所示位置。

flash《金陵十二钗》及其制作步骤

18.点图层3前面任意帧,在属性面板中作动画补间,图层上锁。插入图层4,点其第1帧,设置笔触禁止,填充红色,用矩形工具在工作区画矩形,点该矩形,在属性面板中宽高解锁,改宽=445,高=500,在对齐面板中点垂直中齐,再用键盘将矩形移动到右边适当位置(如图)。

flash《金陵十二钗》及其制作步骤

19.释放鼠标(即在图片以外点一下),接着用鼠标点住矩形的左下角向右拉,使矩形变成梯形,并使斜边与后面的反图左边缘平行,然后用键盘向左敲,使斜边与反图左边缘重合。

flash《金陵十二钗》及其制作步骤

20.在图层4第80帧插入关键帧,用键盘向左移动梯形,使斜边与反图右边缘重合。

flash《金陵十二钗》及其制作步骤

21.点图层4前面任意帧,在属性面板中作形状补间,右键点“图层4”-设为“遮罩层”。

flash《金陵十二钗》及其制作步骤

22.将图层1~图层4的第1~120帧全部拉黑,右键-“复制帧”。

flash《金陵十二钗》及其制作步骤

23.将图层1~图层4的第121帧拉兰,右键-“粘贴帧”。同样,在第241帧、361帧、481帧、601帧、721帧、841帧、961帧、1081帧、1201帧、1321帧和1441帧处粘贴帧。

24.图层2、3、4闭眼、上锁,图层1开眼、开锁,点其第121帧,再点工作区中的图片,在属性面板中点“交换”-“图1林黛玉”-“确定”。

flash《金陵十二钗》及其制作步骤

25.用第24步相同的方法,在第241、361、481、601、721、841、961、1081、1201、1321和1441帧处分别将工作区中的图片交换为图2、图3、图4、图5、图6、图7、图8、图9、图10、图11和图12。

26.图层1闭眼上锁,图层2开眼开锁,用同样的方法将第121、241、361、481、601、721、841、961、1081、1201、1321和1441帧处的图片交换为图2、图3、图4、图5、图6、图7、图8、图9、图10、图11、图12和封面。

27.图层2闭眼上锁,图层3开眼开锁,用同样的方法将第121和200帧处的图片交换为图2,将第241和320帧处的图片交换为图3,将第361和440帧处的图片交换为图4,将第481和560帧处的图片交换为图5,将第601和680帧处的图片交换为图6,将第721和800帧处的图片交换为图7,将第841和920帧处的图片交换为图8,将第961和1040帧处的图片交换为图9,将第1081和1160帧处的图片交换为图10,将第1201和1280帧处的图片交换为图11,将第1321和1400帧处的图片交换为图12,将第1441和1520帧处的图片交换为封面。

28.将4个图层全部开眼上锁,用鼠标按住“图层2”向上推一点,使图层2也被遮罩。选中图层4插入图层5,在其第1560帧(即最后一帧)处插入空白关键帧,右键打开动作面板,将下列语句粘贴复制上去,最后关闭动作面板。

gotoAndStop(1);

flash《金陵十二钗》及其制作步骤

29.点“插入”-“新建元件”,名称为“羽化封面”,类型为“影片剪辑”,点确定。点其第1帧,从库中拖“封面”到工作区,在对齐面板中点水平中齐、垂直中齐,在属性面板中“实例名称”处,用英文小写输入“tu”,在“使用运行时位图缓存”前面打勾。

flash《金陵十二钗》及其制作步骤

30.插入图层2,点其第1帧,设置笔触禁止填充红色,用椭圆工具在工作区画椭圆,切换选择工具点椭圆,在属性面板中宽高解锁,改宽=280,高=200,在对齐面板中点水平中齐、垂直中齐。

flash《金陵十二钗》及其制作步骤

31.右键点椭圆-“转换为元件”-名称为“羽化圆”,类型为“影片剪辑”,点“确定”。

flash《金陵十二钗》及其制作步骤

32.在属性面板中“实例名称”处用英文小写输入“mc”。

flash《金陵十二钗》及其制作步骤

33.在“滤镜”面板中点“+”-“模糊”-“X=Y=50”,回车。

flash《金陵十二钗》及其制作步骤

34.插入图层3,右键点第1帧,打开动作面板,将下列语句复制粘贴上去,然后关闭动作面板。

tu.setMask(mc);

flash《金陵十二钗》及其制作步骤

35.在库中右键点“羽化封面”-“直接复制”-名称为“羽化效果”,类型为“影片剪辑”,点确定。双击该“羽化效果”,进入其编辑区,图层1开锁,点其第1帧,再点工作区中的图片,点属性面板中的“交换”-“翻图”-“确定”。

flash《金陵十二钗》及其制作步骤

36.点“插入”-“新建元件”,名称为“音乐”,类型为“影片剪辑”,点确定。点其第1帧,点属性面板中“声音”右边的下拉三角-“红楼梦音乐.mp3”,同步为“数据流”,重复1次。然后将时间轴下面的滑块拉到最右边,右键插入帧,这样重复多次,直到音乐的波形消失为止。

flash《金陵十二钗》及其制作步骤

37.在最后一帧处插入空白关键帧,右键打开动作面板,将下列语句粘贴复制上去,最后关闭动作面板。

gotoAndStop(1);

38.回到“场景1”,先将所有图层上锁,再打开“背景”图层的锁,点其第1帧,从库中拖“15花园.jpg”到工作区,然后在对齐面板中点“匹配宽和高”、“水平中齐”、“垂直中齐”,最后在图层2插入帧,图层上锁。

flash《金陵十二钗》及其制作步骤

39.“飘花”图层开锁,点其第1帧从库中拖“2飘花”到工作区图片外面的左上角,在属性面板中改X=-44,Y=8,在第2帧插入帧,图层上锁。

flash《金陵十二钗》及其制作步骤

40.“效果”图层开锁,点其第1帧从库中拖“羽化封面”到工作区,在属性面板中改X=528,Y=302,在第2帧插入关键帧,点工作区中的图片,点属性面板中的“交换”-“羽化效果”-“确定”,图层上锁。

flash《金陵十二钗》及其制作步骤

41.“音乐”图层开锁,点第2帧,右键插入空白关键帧,从库中拖“音乐”到工作区图片的任意位置,图层上锁。

42.“标题”图层开锁,点第1帧,选用文本工具,字体为“汉仪太极”,字号为50,颜色红,字体方向水平,在图面左上方输入“金陵十二钗”。用选择工具右键点这些字-“转换为元件”-名称为“文字”,类型为“图形”。在属性面板中改X=168,Y=60,在第2帧插入关键帧,右键点这些字-“转换为元件”-名称为“标题”,类型为“影片剪辑”,确定。

flash《金陵十二钗》及其制作步骤

43.双击这些字,进入“标题”的编辑区,将图层1延长到80帧,上锁。插入图层2,将图层1第1帧复制到图层2的第1帧,点“修改”-“变形”-“水平翻转”,在属性面板中改颜色-色调为白色,50%,改X=-300。

flash《金陵十二钗》及其制作步骤

44.在图层2第60帧插入关键帧,用选择工具点该反字,在属性面板中改X=260,点前面任意帧,在属性面板中作动画补间,图层上锁。

flash《金陵十二钗》及其制作步骤

45.插入图层3,点第1帧,设置笔触禁止,填充绿色,用矩形工具画扁矩形,将5个反字全部盖住,在第60帧插入关键帧,用键盘将绿色矩形向右移动,使它盖住5个正的字。点前面任意帧,在属性面板中作形状补间。点“图层3”右键设为遮罩层,点住“图层1”稍稍向上推,使它也被遮罩,图层3上锁。

flash《金陵十二钗》及其制作步骤

46.在库中双击“文字”,进入其编辑区,点“修改”-“分离”,再“修改”-“分离”,将文字打散,在颜色面板中改类型为线性,左色块黄色,右色块红色。

flash《金陵十二钗》及其制作步骤

47.回到“场景1”,“标题”图层上锁,“按钮”图层开锁,点第1帧,从库中拖“播放”按钮到工作区,放在“树”的下面,右键点此按钮,打开动作面板,将下面的语句复制粘贴到上面,关闭动作面板。

on (release) {
play();
}
flash《金陵十二钗》及其制作步骤

48.在第2帧插入关键帧,点工作区中的按钮,点属性面板中的“交换”-“返回”按钮-“确定”。

flash《金陵十二钗》及其制作步骤

49.右键点此按钮,打开动作面板,删去原来的语句,将下面的语句复制粘贴到上面,关闭动作面板。

on (release) {
gotoAndStop(1);
}

flash《金陵十二钗》及其制作步骤

50.“按钮”图层上锁,“签名”图层开锁,制作一个你的签名(略)。

51.“签名”图层上锁,“AS”图层开锁,在第1帧和第2帧分别打开动作面板,将下面的语句复制粘贴到上面,关闭动作面板。

stop();

flash《金陵十二钗》及其制作步骤

52.“AS”图层上锁,“遮布”图层开锁,将工作区的显示比例改为25%,设置笔触红色,填充黑色,用矩形工具在工作区画一个很大的矩形。

flash《金陵十二钗》及其制作步骤

53.用选择工具双击矩形外框的红线,使其变为粗红线,在对齐面板中点“匹配宽和高”、“水平中齐”、“垂直中齐”。

flash《金陵十二钗》及其制作步骤

54.用选择工具点中间的小矩形,按Delete键删除,再双击红框,按Delete键删除,在第2帧插入帧,图层上锁。制作完成。

flash《金陵十二钗》及其制作步骤

 

附图

flash《金陵十二钗》及其制作步骤
01林黛玉.jpg

flash《金陵十二钗》及其制作步骤
02薛宝钗.jpg

flash《金陵十二钗》及其制作步骤
03王熙凤.jpg

flash《金陵十二钗》及其制作步骤
04贾探春.jpg

flash《金陵十二钗》及其制作步骤

05秦可卿.jpg

 

flash《金陵十二钗》及其制作步骤
06史湘云.jpg

 

flash《金陵十二钗》及其制作步骤
07贾惜春.jpg

 

flash《金陵十二钗》及其制作步骤
08贾元春.jpg

 

flash《金陵十二钗》及其制作步骤
09李纨.jpg

 

flash《金陵十二钗》及其制作步骤
10贾迎春.jpg

 

flash《金陵十二钗》及其制作步骤
11贾巧姐.jpg

 

flash《金陵十二钗》及其制作步骤
12妙玉.jpg

 

flash《金陵十二钗》及其制作步骤
13大观园.jpg

 

flash《金陵十二钗》及其制作步骤
14石头.jpg

 

flash《金陵十二钗》及其制作步骤
15花园.jpg

 

flash《金陵十二钗》及其制作步骤
16桃花.jpg

 





    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多