打开APP
userphoto
未登录

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

开通VIP
六面体滚动相册的制作原理与过程
教学目的:通过本节教学了解和掌握图片的组合,图组的无限循环滚动,三面体、六面体的组成,通过巧妙的设计创作出六面体滚动相册的动画效果。
教学对象:本教材是针对有一定动画制作基础及对工具箱、属性面板、动作面板、as语句和相关界面有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。
教学要点:影片剪辑、图组、无限循环滚动、六面体。
作前准备:
1.准备六张规格为210*165的图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。
制作步骤
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为700*600,其它默认,点击确定,进入场景1。 如图1所示:
 
 
图1
3.首先将准备好的图片素材导入库中,待用。
4.创建图形元件
(1)选择“插入-新建元件”,创建一个名为“图组1”的图形元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,从库中依次拖出六张素材图片到舞台,将其有机地组合在一起。如图2所示:
 
图2
(2)选择“插入-新建元件”,创建一个名为“图组2”的图形元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,从库中拖出“图组1”图形元件到舞台,规格不变,右对齐-垂直中齐;再从库中拖出“图组1”图形元件到舞台,左对齐-垂直中齐。如图3所示:
 
图3
5.创建影片剪辑元件
(1)选择“插入-新建元件”,创建一个名为“01”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为图组、矩形。
A.选择图组图层第1帧,从库中拖出“图组2”图形元件到舞台,规格不变,左对齐-垂直中齐。上锁。如图4所示:
图4
B.选择矩形图层第一帧,用矩形工具在舞台拖一个规格为210*165(和图片同等规格)的,无边线的矩形,颜色随意,将其放置在图片1之上,重合。在第360帧插入帧,上锁。如图5所示:
图5
C.打开图组图层的锁,在第360帧插入关键帧,点击该帧上的舞台实例,按方向键将其向左平移。使后边的图片1和矩形重合。如图6所示:
 
图6
创建本区域间的动画补间,在第359帧插入关键帧。右键第360帧-删除帧。同样删除遮罩图层的第360帧。
D.设置矩形图层为遮罩层。完成后的舞台实例变化,如图7所示:
 
图7
E.本环节完成后的时间轴,如图8所示:
图8
(2)选择“插入-新建元件”,创建一个名为“02”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为图组、矩形。
A.选择图组图层第1帧,从库中拖出“图组2”图形元件到舞台,规格不变,左对齐-垂直中齐。上锁。如图9所示:
图9
B.选择矩形图层第一帧,用矩形工具在舞台拖一个规格为210*165(和图片同等规格)的,无边线的矩形,颜色随意,将其放置在图片2之上,重合。在第360帧插入帧,上锁。如图10所示:
 
图10
C.打开图组图层的锁,在第360帧插入关键帧,点击该帧上的舞台实例,按方向键将其向左平移。使后边的图片2和矩形重合。如图11所示:
 
 
图11
创建本区域间的动画补间,在第359帧插入关键帧。右键第360帧-删除帧。同样删除遮罩图层的第360帧。
D.设置矩形图层为遮罩层。完成后的舞台实例变化,如图12所示:
 
 
图12
E.本环节完成后的时间轴,如图13所示:
图13
*同理同种方法完成影片剪辑元件“03-06”对“图片3-6”的操作。
(3)选择“插入-新建元件”,创建一个名为“组合1”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为01、02、03。
A.选择02图层第1帧,从库中拖出“02”影片剪辑元件到舞台,规格不变,上锁。如图14所示:
 
图14
B.选择01图层第1帧,从库中拖出“01”影片剪辑元件到舞台,将其放置在02实例的左侧,用任意变形工具将该实例调整为平行四边形,适当缩小其宽度,然后将其右边和02实例的左边对齐。上锁。如图15所示:
 
图15
C.选择03图层第1帧,从库中拖出“03”影片剪辑元件到舞台,将其放置在02实例的右侧,用任意变形工具将该实例调整为平行四边形,适当缩小其宽度,然后将其左边和01实例的右边对齐。如图16所示:
 
图16
D.本环节完成后的时间轴,如图17所示:
 
图17
(4)选择“插入-新建元件”,创建一个名为“组合2”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为04、05、06。
A.选择05图层第1帧,从库中拖出“05”影片剪辑元件到舞台,规格不变,选中该实例,点击“修改-变形-水平翻转”,上锁。如图18所示:
 
图18
B.选择04图层第1帧,从库中拖出“04”影片剪辑元件到舞台,规格不变,将其放置在05实例的右侧,选中该实例,点击“修改-变形-水平翻转”,用任意变形工具将该实例调整为平行四边形,适当缩小其宽度(和平行四边形03的宽度相同),然后将其左边和05实例的右边对齐。上锁。如图19所示:
 
图19
C.选择06图层第1帧,从库中拖出“06”影片剪辑元件到舞台,规格不变,将其放置在05实例的左侧,选中该实例,点击“修改-变形-水平翻转”,用任意变形工具将该实例调整为平行四边形,适当缩小其宽度(和平行四边形01的宽度相同),然后将其右边和05实例的左边对齐。上锁。如图20所示:
 
图20
D.本环节完成后的时间轴,如图21所示:
 
 
图21
6.织编辑场景
返回场景1,添加一个图层,共两个图层。自下而上命名为组合1、组合2。
(1)选择组合1图层第1帧,从库中拖出“组合1”影片剪辑元件到舞台,调整到适当的规格,将其放置在舞台的上半部,水平中齐。上锁。如图22所示:
 
图22
(2)选择组合2图层第1帧,从库中拖出“组合2”影片剪辑元件到舞台,调整到适当的规格,将其放置在舞台的下半部,水平中齐,使其和组合1相衔接吻合。上锁。如图23所示:
 
图23
7.本作业完成后的时间轴如图24所示:
   
 
 
图24
8.测试存盘
*说明:制作中组合1中01和03实例的底线要在一个水平线上;组合2中04和06实例的上线要在一个水平线上,这样组合1和组合2才可有机地吻合衔接。
最终效果显示:
http://www.hsb2011.com/Article/UploadFiles/201108/2011080901291169.swf
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
flash8山间瀑布的制作原理和方法
【动画教程】如何用FLASH制作《万花筒》
flash实例制作:飞碟上的舞女
flash10.升国旗的制作原理与方法
FLASH8制作透明卷轴长卷
六面体旋转 动画制作
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服