您好!欢迎您光临可移动扇坠的折扇制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>可移动扇坠的折扇制作原理与方法
可移动扇坠的折扇制作原理与方法
发表日期:2012-9-19 9:02:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 6607

 可移动扇坠的折扇制作原理与方法

   

    教学目的:通过本节教学了解和掌握舞台实例分散到图层,复制所有帧、翻转所有帧,动作面板和语句的添加。并通过巧妙的设计以实现生动、有趣、好玩的动画效果。

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

    教学要点:分散到各图层、翻转帧、实例名称、动作面板、as语句。

 

    

    作前准备

    准备一张规格约430*230的花木图片,经过制图软件(ps、fw)处理后,放到指定的文件夹待用。

    制作步骤

    1.启动FLASH8 软件

    2.确立文档属性

    设置动画尺寸为550*400,背景颜色黑禄,其它默认,点击确定,进入场景1工作区。如图1所示:



图1

    3.首先将准备好的图片导入到库中,待用。

    4.创建图形元件

    选择“插入-新建元件”,建立一个名为“扇骨”的图形元件,点击确定,进入元件编辑区。

    选择图层1,用矩形工具在舞台拖一个规格为224*23的,无边线的矩形,颜色随意(图3-1),全居中;然后用选择工具将右边两个角向中间拖(图3-2);再将左边拖个圆弧(图3-3);点击该实例,打开混色器,设置其参数,如图2所示:

图2

用充分变形工具将该实例色彩调整为(图3-4)。舞台实例变化及其绘制流程,如图3所示:


图3

    5.创建影片剪辑元件

    (1)选择“插入-新建元件”,建立一个名为“折扇”的影片剪辑元件,点击确定,进入元件编辑区。

    A.选择图层1第一帧,从库中拖出“扇骨”图形元件,放置在舞台左下方适当位置。用任意变形工具将其注册点移到左侧适当位置。如图4所示:

图4

选择“窗口-变形”,打开变形面板,设置其参数,如图5所示:

图5

连续点击下方“复制并应用变形”按钮12次。舞台实例变化,如图6所示:

图6

    B.点击第一帧,在右键“舞台实例-分散到图层”。这时13个扇骨分别落户于13个图层。如图7所示:

图7

    C.选择最下层第65帧插入帧,上锁;在其上层第6帧插入关键帧,在第64帧插入帧,删除第1帧上的实例,上锁;在其上层第7帧插入关键帧,在第63帧插入帧,删除第1帧上的实例,上锁;同理同种方法依次完成所有扇骨图层的操作。其时间轴,如图8所示:


图8

    D.改图层1名称为“图片”,在添加两个图层,自下而上分别命名为:遮罩和扇扣。

    (A)制作逐帧遮罩

    a.选择遮罩图层第6帧,用椭圆形工具在舞台拖一个规格约为424*424的,灰色无边线的正圆(圆的直径和扇骨旋转180度后,首尾两条扇骨的长度相同),然后用线条工具沿着圆的直径水平画一条红色直线。如图9所示:

图9

点击下半圆,起麻点后删除;再双击直线,起麻点后删除。上半圆在第17帧的位置,如图10所示:

图10

右键该实例-复制,再右键实例外空白处-粘贴。将新粘贴的半圆改为红色,并等比缩小其规格为212*106,将其移到和大半圆为同心半圆处,如图11所示:

图11

点击红色小半圆,起麻点后删除。第17帧位置,如图12所示:

图12

用选择工具将其下端调整到和首尾扇骨的下边缘相同位置。第17帧的实例显示。如图13所示:


图13

用鼠标将第7-17帧刮黑,右键刮黑处-转换为关键帧,此时,第6-17帧均为关键帧。

    b.点击第6帧上的实例,用直线工具沿着第二个扇骨的下边缘画一条直线。如图14所示:

图14

点击直线右侧实例,起麻点后删除,再双击直线,起麻点后删除。如图15所示:

图15

点击第7帧上的实例,用直线工具沿着第三个扇骨的下边缘画一条直线。如图16所示:


图16

点击直线右侧实例,起麻点后删除,再双击直线,起麻点后删除。如图17所示:


图17

同理同种方法完成第8-16帧上实例的操作。点击第17帧上的实例,用直线工具沿着第十三个扇骨的上边缘画一条直线。如图18所示:

图18

点击直线下方实例,起麻点后删除,再双击直线,起麻点后删除。如图19所示:


图19

    c.用鼠标将第6-17帧刮黑,右键刮黑处-复制帧,再右键第53帧-粘贴帧(尾帧为第64帧),再用鼠标刮黑第53-64帧,右键刮黑处-翻转帧,在第65帧插入关键帧。上锁。

   (B)添加被遮罩

    选择图片图层第6帧,从库中拖出图片素材到舞台,设置其规格为424*222,将其放置在遮罩的下方,扇骨的上方,并覆盖扇骨。在第65帧插入空白关键帧。上锁。如图20所示:


图20

设置其上层,遮罩图层为遮罩层。

    (C)放置扇扣

    选择扇扣图层第一帧,用椭圆形工具在舞台拖一个规格约为6*6的,放射性的、无边线的正圆,颜色:灰-黑。将其放置在扇骨的右端适当位置,在第65帧插入帧。上锁。如图21所示:


图21

    E.本影片剪辑完成后的时间轴,如图22所示:


图22

    (2)选择“插入-新建元件”,建立一个名为“扇坠”的影片剪辑元件,点击确定,进入元件编辑区。

    选择图层1第一帧,在舞台画一个扇坠,其规格约为38*110。如图23所示:

图23

框选该实例,将其转换为图形元件。用任意变形工具将其注册点移到上方,在顺时针旋转一定角度(如图24-1);在第50帧插入关键帧,再在第25帧插入关键帧,用任意变形工具将其逆时针旋转一定角度(如图24-2)。第1、25、50帧实例所在位置和角度,如图24所示:

图24

点击图层名称处,在属性面板创建动画补间。


    6.编辑制作场景

    返回场景1,添加四个图层,共五个图层。自下而上命名为扇面、扇坠、边框、文本、as。

    (1)选择扇面图层第一帧,从库中拖出“折扇”影片剪辑到舞台,将其放置在舞台的左半部偏下。上锁。如图25所示:


图25

    (2)选择扇坠图层第一帧,从库中拖出“扇坠”影片剪辑到舞台,将其放置在舞台的右下角。如图26所示:

图26

点击该实例,在属性面板填写其实例名称为:sz 。上锁。如图27所示:


图27

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


图28

   (4)选择文本图层第一帧,用文本工具在舞台的左下角输入:“用键盘移动扇坠”,颜色、字体、规格自定。上锁。如图29所示:


图29

   (5)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

var speed = 3;
this.onEnterFrame = function() {
 if (Key.isDown(Key.UP)) {
  sz._y -= speed;
 }
 if (Key.isDown(Key.DOWN)) {
  sz._y += speed;
 }
 if (Key.isDown(Key.LEFT)) {
  sz._x -= speed;
 }
 if (Key.isDown(Key.RIGHT)) {
  sz._x += speed;
 }
};


锁定该图层。 

    7.本作业完成后的时间轴,如图30所示:


图30

    8.测试存盘。

 
    说明:
 
    1.在制作中,你可以在遮罩图层上边添加一个图层,在两个扇骨之间放入透明的阴影,然后拖到遮罩图层的下方,图片图层的上方,形成一罩两例,以增加动画的观赏性。
 
    2.扇面打开的制作方法有多种,这只是其中的一种,根据前边的相关教程,想一想还有什么手法?。
 
 
最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



zfl16899
(2010-4-9 18:53:00)

转走了!呵呵!


zfl16899
(2010-4-9 18:53:00)

谢谢老师!辛苦了,茶!!!!


wuyanmmm
(2010-4-4 12:11:00) [218.87.92.]

呵呵,看的头都大啦,老师辛苦了!老师我的密码怎么错了?

 发表评论:共有 3 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167