明月

。

原文地址：http://file01.5d.cn/2012-03/K4R17A8G0P45.swf

 《头像旋转》制作方法

                               ——摘自明月笔记

一 人头图形元件的制作

  1  打开flash软件，新建2.0文档，700*550，背景：深灰色，确定

！点文件——另存为——文件名‘头像旋转’，选择存储路径！保存

！
 
  2  导入人物头像图片两张到库，点‘插入’菜单——新建图形元

件，名称‘人头1’。打开库，拖入图片1，点修改——分离！把图片

打散，切换椭圆工具，笔触任意，填充禁止，按住shift键在图片上

画一个正圆，选择尺寸263*263（尺寸可随意），移动正圆，框选人

头部分，调整到合适位置！然后点击圆外部分，按Delete键删除，只

留下正圆，释放一下鼠标，双击圆圈边框，删除！选中图形，修改尺

寸125*125，打开对齐面板，水平中齐，垂直中齐！
 
  3  方法同上，制作‘人头2’图形元件！

二 外圈的制作

  1 点插入菜单，新建图形元件‘外圈1’，图层1第1帧选择椭圆工

具，笔触禁止，填充放射状，打开颜色面板，将左边白色主色块的

alpha值调整为0%，右边的色块选择黄色，将左色块右移，放在右三

格对应处，在场景中画一个126*126正圆，水平中齐，垂直中齐！

  2 方法同上，制作‘外圈2’图形元件，只是把右边的色块换为水

红色！

  3  新建——影片剪辑‘外圈1-1’拖入外圈1，水平中齐，垂直中

齐！
     新建——影片剪辑‘外圈2-2’拖入外圈2，水平中齐，垂直中

齐！

三 ‘人头像’影片剪辑的制作

  1 新建影片剪辑‘人头像1’，插入图层2，图层3，上锁！打开图

层1第1帧，拖入图形元件‘人头1’，水平中齐，垂直中齐！打开图

层2第1帧，拖入‘外圈1-1’，垂直中齐，水平中齐！点滤镜——模

糊，模糊值x=30,y=30，回车！图层3同样拖入‘外圈1-1’，水平中

齐，垂直中齐！上锁！

  2 方法同上，制作‘人头像2’影片剪辑元件！上锁，保存！

  3 新建影片剪辑‘头像动’，在图层1上面添加6个图层，图层7第1

帧，笔触任意，填充禁止，画一个正圆，400*400，水平中齐，垂直

中齐，240帧插入帧，设图层7为引导层！

  4 图层1第1帧，拖入影片剪辑‘人头像1’，水平中齐，垂直中齐

，左手按住alt键，右手点住图层1第1帧，在鼠标右侧出现一个+的情

形下，向上推，复制到图层2，图层3···一直到图层6，然后分别

在所有图层的40帧，80帧，120帧，160帧，200帧，240帧，插入关键

帧。

  5 依次更改坐标：
 
         40帧      80帧     120帧       160帧     200帧
        x   y     x   y     x   y      x   y     x    y
图层1: 0 *135   -137*63   -131*-75    137*62    0  *135
图层2：-137*63  -131*-75  0  *-135    0  *135  -137*63
图层3：-131*-75  0*-135   131*-73     -137*63  -131*-75
图层4:  0  *-135 131*-73  137 *62      -131*-75  0  *-135
图层5: 131* -73  137*62   0  *135       0 *-135  131*-73
图层6:  137*62   0  *135  -137*63     131*-73   137*62

比如图层1的80帧处，x63，图层6的200帧处x轴=137，

y轴=62
选中所有图层，创建补间动画！
在图层1下建一个图层8，拖入做好的‘菱形’效果，制作方法略！

   6 新建影片剪辑‘小人头动’，拖入‘人头像2’，改大小50*50

，水平中齐，垂直中齐，另建3个图层，复制上去。所有图层40帧，

80帧，120帧插入关键帧，更改坐标如下：

           40帧         80帧
         x     y       x    y
图层1：  0  * 70      -70 * 0
图层2：  0  *-70       70 * 0
图层3： -70  * 0       0  *-70
图层4：  70  * 0       0  * 70
选中所有图层，创建补间动画！

  7  新建影片剪辑‘左右动’，拖入‘人头像1’，改为20*20大小

，水平中齐，垂直中齐，40帧插入关键帧，宽高改为：50*50大小，x

轴=0，y轴=-140,  80帧插入关键帧，x轴=-65，y轴=-140  ，120帧插入

第一帧的内容，选中图层，创建补间动画！

四  组合

  1  新建影片剪辑‘组合’，图层1上另添加5个图层，上锁！打开

图层1第1帧，拖入‘左右动，复制上去，全部图层120帧插入帧，图

层2第1帧，打开变形面板，‘约束’打勾，旋转60度，回车！
     图层3 打开变形面板， 旋转120度
     图层4 打开变形面板， 倾斜180*180
     图层5 打开变形面板   旋转 -120度
     图层6 打开变形面板   旋转 -60度

  2  图层6上再添加6个图层，将下面的6个图层抹黑，右键复制，释

放鼠标，在上面6个图层第5帧处粘贴
      继续添加6个图层第10帧处粘贴
      继续添加6个图层第15帧处粘贴
      ···  ···
      继续添加6个图层，每隔5帧粘贴一次，一直粘贴到40帧处
      删除120帧外边多余的帧，上锁，保存！

  3 新建影片剪辑‘头像组合’，添加4个图层，一共5个图层。
   
    图层1拖入‘头像动’，240帧插入关键帧，点头像——交换（交

换人头像1），270帧插入关键帧，修改大小50*50，271帧插入关键帧

，交换‘小人头动’，点确定！修改大小50*50. 然后391帧插入关键

帧，交换‘组合’，水平中齐，垂直中齐，550帧插入帧，上锁！
  
   图层2在271帧插入空白关键帧，拖进‘小人头动’x轴=0， y轴=

-140,最后550帧处插入帧。
 
   图层3在271帧插入空白关键帧，拖入‘小人头动’，x轴=0， y轴

=140,同样在550帧插入帧。
  
   图层4在271帧插入空白关键帧，拖入‘小人头动’x轴=140，y轴

=0,550插入帧。

   图层5同样操作，只是修改一下坐标：x=-140,y=0

  4  打开‘头像动’影片剪辑，将80帧处的人物交换成‘头像2’，

160帧处也同样交换。

五 添加音乐
 
  1 新建影片剪辑‘音乐’，导入音乐到库，添加到第1帧，右键打

开‘动作’，加‘stop'停止语句。
 
  2 新建按钮‘播放’，第1帧打开库，拖入‘人头像1’，修改大小

70*70，上锁！

  3 新建一个图层，在‘指针经过’插入空白关键帧，选文本工具，

打上‘播放’两个字，放在‘人头像1’位置，打开库，直接复制播

放按钮，把‘播放’改为‘停止’，双击停止按钮，进入编辑区，打

开第1帧，交换‘人头像2’，然后图层2双击，改播放为停止，上锁

，保存！

六 背景边框

  1 回到背景，将图层1命名为‘背景’，选择矩形工具，笔触禁止

，填充放射状，左主色块为白色，右色块改为‘#6767FE’，回车，

把右色块向左移动，最好在alpha的下面，在场景上画一个矩形，匹

配宽和高，水平中齐，垂直中齐，右键转换为元件 ——影片剪辑‘

背景’。双击进入‘背景’编辑区

  2 分别在15帧，30帧，40帧处插入关键帧，15帧处打开颜色面板，

将右色块移动最右边，然后在15帧前后创建‘形状补间’动画！保存

上锁！

  3 返回场景，新建图层2拖入‘头像组合’，水平中齐，垂直中齐

！

  4 新建图层3，命名‘遮罩’，第1帧选择矩形工具，笔触禁止，填

充任意，画一个场景大小的矩形，匹配宽和高，水平中齐，垂直中齐

！设为遮罩层。
 
  5 新建图层4，命名为标题，打上文字！

  6 新建图层5，命名为边框，选择矩形工具，笔触为线性，填充禁

止，笔触高为30，在线性中修改设置：溢出，第2个就是！打开颜色

面板，左色块淡蓝，右色块深蓝色，画一个矩形边框，匹配宽和高，

水平中齐，垂直中齐。右键转换为影片剪辑，双击库‘边框’图标，

进入编辑区，选择渐变变形工具，点一下场景中的边框，把圆把手旋

转45度，将横着的箭头拉向中间，100帧插入关键帧，在中间出现十

字加号时，把渐变拖向左下脚，创建形状补间动画！返回场景，点边

框，点滤镜——斜角——角度25度，再点投影——角度15，距离3。

  7 建立音乐层，导入音乐到库，给它一个实例名称：yy，上锁！
  8 再插入一个图层，命名‘按钮’，第1帧，打开库，把‘播放’

拖进来，可以随意调整大小，然后在按钮上点右键，打开‘动作’点

十字加号——全局函数——影片剪辑控制命令——选择on,出现on ()

{ },在()选择第2个release,把光标移动到{}内，打上yy.再点十字加

号，时间轴控制，选择播放play,动作编辑框显示如下： on

(release) { yy.play(); } 套用一下格式，语法检查！
   同样方法操作‘停止’按钮，把时间轴控制改为gotoAndStop，修

改显示如下：on (release) { yy.gotoAndStop(1)); }
上锁，保存，测试影片！

明月 2011 08 20