您好!欢迎您光临旋转三棱锥的制作原理与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>旋转三棱锥的制作原理与思考
旋转三棱锥的制作原理与思考
发表日期:2012/9/17 14:31:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 4870

 旋转三棱锥的制作原理与思考

   

    教学目的:通过本节教学了解和掌握遮罩的运用,以及变形的使用与操作,进而创作出更加生动的特效动画,从而使你动画作品更具有观赏力。

  教学对象:本教材是针对有一定动画制作基础和对工具箱、属性面板有一定了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:遮罩、变形。

 

 

    作前准备 

    准备12张规格为120*220像素的立式全身mm图片和一张550*550规格的背景图片,经过制图软件(ps、fw等)处理后,保存在指定的文件夹,待用。 

   制作步骤

  1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*550,其它默认,点击确定,进入场景1。如图1所示:

(图1)

    3.导入图片 选择“文件-导入-导入到库”,导入已准备好的12张图片。 

    4.创建图形元件

    (1)选择“插入-新建元件”,建立一个名为三角的图形元件,点击确定,进入元件编辑区。用矩形工具在舞台拖一个规格为128*238的、无边框的红色矩形。用任意变形工具选中该实例,同时按住Ctrl和Shift键,用鼠标按住矩形右下角的小方块往底边中心点推,使其成为等腰三角形。全居中。如图2所示:

图2

    (2) 选择“插入-新建元件”,建立一个名为“图1”的图形元件,点击确定,进入元件编辑区。从库中拖出位图1到舞台,设置其规格为122*220,全居中。选择“修改-分离”,将其打散,然后,用线条工具在位图上边的两个角到底边中心拉出两条红色线段;点击红色线段和其外边的三角形,起麻点后删除;用任意变形工具选中该实例,将其注册点移到下顶角处。如图3所示:

图3

右键该实例,将其转换为图形元件。将其删除,从库中拖出位图2,按上述方法操作完成后,将其转换为图形元件,名称“图2”。同理,完成其他位图的图形元件的操作。这时库中已有图1-12,12个图形元件。

    5.创建影片剪辑 选择“插入-新建元件”,建立一个名为“图组”的影片剪辑,点击确定,进入元件编辑区。添加1个图层,共2个图层。自下而上分别命名为图组和三角。

    (1)选择图组图层第一帧,从库中拖出图1图形元件到舞台,水平居中后,将其下顶角移到舞台中心点;再从库中拖出图2图形元件到舞台,水平居中后,将其下顶角移到舞台中心点,用任意变形工具选中该实例,将其注册点移到下顶角处,然后将其顺时针旋转到它的左边对齐图1的右边。如图4所示:

图4

同理同种方法完成其它图形元件的操作,形成12边形。摆放位置,如图5所示:

图5

注意:每个图片的外边一定要对齐。选中所有图形,将其转换为图形元件。

在第200帧插入关键帧,点击第1帧,创建该区域间的补间动画,并将其逆时针旋转一周。如图6所示:

图6

    (2)选择三角图层第一帧,从库中拖出三角图形元件到舞台,水平居中后将其下顶角移到舞台中心点,并覆盖图1。在第200帧插入帧。如图7所示:

图7

    (3)选择图组图层第200帧,用任意变形工具选中该图组,将其顺时针旋转一个像素。如图8所示:

图8

    (4)选择三角图层文字处,右键,将其设置为遮罩层。完成后第一帧上的实例显示,如图9所示:

图9

    6.组织编辑场景 返回场景1,添加两个图层,共三个图层。自下而上分别命名为:背景、图组、边框。

    (1)选择背景图层第一帧,导入或制作一个背景,规格为550*550,全居中。上锁。

    (2)选择图组图层第一帧,从库中拖出“图组”影片剪辑到舞台,水平居中,并将其下顶角移到中心点。用任意变形工具选中该实例,将其注册点移到下顶角处。再选中该实例,选择“窗口-变形”,设置其参数,如图10所示:

图10

点击下边的“复制并应用变形”图标5次,上锁。此时场景显示,如图11所示:

图11

    (3)选择边框图层第一帧,导入或制作一个边框,规格为550*550,全居中。上锁。如图12所示:

图12

 
    7.该作业完成后的时间轴如图13示:
 

图13

  7.测试存盘

    *说明:

    在选用图片时最好选择色泽艳丽的人物图片,相连的图片色彩反差越大其观赏效果越好。

 最终效果显示:


http://hsb345.16789.net/domName/hsb345/201291714275869741.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



huyuefen
(2011/5/26 7:20:00) [115.216.74.]

这个教材很好,我已经从这里学了很多东西。但最进有些图标打不开,这是为什么?


dfdsfsdfdsfdsf
(2011/1/29 11:45:00) [110.179.141.]

sdsfsfsfdsfdsfdsfdsfdsfds


晓玉
(2011/1/3 14:03:00) [218.88.227.]

谢谢老师的教材,祝老师身体健康,新年快乐!


flash初级
(2009/6/23 23:59:00) [125.86.243.]

多谢站长这个详细的教材

已经会了

感谢站长,祝福你时刻开心快乐

 发表评论:共有 4 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167