打开APP
userphoto
未登录

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

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

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和遮布。



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



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



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



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;
}
};
}


 

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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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

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



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);



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



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



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



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



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



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

tu.setMask(mc);



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



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



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

gotoAndStop(1);

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



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



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



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

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



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



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



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



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



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

on (release) {
play();
}



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



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

on (release) {
gotoAndStop(1);
}



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

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

stop();



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



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



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

 

附图


01林黛玉.jpg


02薛宝钗.jpg


03王熙凤.jpg


04贾探春.jpg

05秦可卿.jpg

 


06史湘云.jpg

 


07贾惜春.jpg

 


08贾元春.jpg

 


09李纨.jpg

 


10贾迎春.jpg

 


11贾巧姐.jpg

 


12妙玉.jpg

 


13大观园.jpg

 


14石头.jpg

 


15花园.jpg

 


16桃花.jpg

 





本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
FLASH8制作透明卷轴长卷
图片对流效果
简易折扇的制作原理与思考2
flash《彩珠飞舞》及其制作步骤
PNG字体-
如何制作伸缩效果
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服