《鼠标跟随动画》的制作方法
【实例说明】:
本例制作一个鼠标跟随动画的效果。跟随鼠标效果在网络中应用较为频繁,是一种比较典型的Actions语句应用。本例的实际效果是一串旋转闪烁的花朵随鼠标的移动而移动的动画效果。
【操作步骤】:
〖一〗、新建文档
- 单击“文件”/“新建”命令,创建一个新文档;
- 单击“修改”/“文档”命令;在“文档属性”对话框中设置“尺寸”为400×300,背景色为白色;单击“确定”按钮。
〖二〗、创建“花瓣”图形元件:
- 单击菜单栏中的“插入”/“新建元件”命令,打开创建新元件对话框;在名称中输入“花瓣”,并单击一下“图形”复选框;单击“确定”按钮进入该元件内部的编辑状态。
- 选中该图形元件时间轴上的“图层1”的第1帧;
- 单击选中工具栏上的矩形工具并且按住左键不放,稍侯几秒钟,即会出现一个子菜单;单击子菜单中的“多角星形工具”按钮;此时工具栏中的该工具如下图所示:

- 将工具栏上的笔触颜色设置为红色,填充色选择无;即如下图:

- 按键盘上面的“Ctrl+F3”组合键打开属性面板;单击属性面板上的“选项”按钮;在弹出的“工具设置”对话框中将边数设置为“3”,单击“确定”按钮;即按下图进行设置即可:

- 然后在舞台上按住鼠标左键不放,拖出一个三角形(大小先不用管);如下图:

- 单击选中工具栏上的“选择工具”;确认没有选中上面的三角形的情况下,将箭头指向上面的一条边,当箭头的尾处出现一个弧形时,按下左键不放向上拖动,将三角形的上面的那条边变成弧形;如下图所示:

- 再将鼠标箭头移到三角形的下面的尖角处;当箭头尾处出现一个直角符号时,按下鼠标左键不放,向下拖动,将其拉长;修改后的效果如下:

- 单击选中“图层1”的第1帧;再单击一次工具栏中的任意变形工具;这时舞台上的花瓣图形四周将出现8个控制点,并且中间有一个小圆点;如下图所示:

- 首先将鼠标箭头移到右下方的那个小黑方块正上面,暂不进行任何操作;然后按住键盘上的“Shift+Alt”组合键不放,按下左键向左拖动,使上面的图形进行等比例缩放(至于大小,你自己认为合适即可);缩小后的图形如下图:

- 再次单击工具栏中的任意变形工具;再次单击一下“图层1”的第1帧;如下图所示:

- 将鼠标箭头放到上图中的中心的小圆点的正上面;按下左键不放,拖动其到下方正中间的那个小黑方块的位置;如下图:

- 执行“窗口”/“变形”命令,从而打开变形面板;如下图所示:

- 在对话框中将上图中“旋转”项后面输入度数“180度”;单击对话框右下角的“复制并应用变形”按钮;变形后的效果如下:

- 利用键盘上面的四个方向键调整下面变形的图形的位置,直到上下两个花瓣的尖端对齐为至;如下图:

- 再次单击一次第1帧;如下图:

- 然后按下键盘上的“Shift+Alt”的同时拖动右上角的控制点(即小黑方块)将整个图形进行等比例缩放:再次缩小后的图形如下图所示:

- 单击一下“图层1”的第1帧;舞台上面的图形如下图所示(注意在此步骤中一定要保证小圆点刚好在上下两个花瓣的尖端的重合位置,这样在进行下一步操作时才不会出错):

- 执行“窗口”/“变形”命令,从而打开变形面板;
- 在对话框中在“旋转”项后面输入度数“60度”;单击两次右下角的“复制并应用变形”按钮;变形后的效果如下:

- 选中工具栏上的“任意变形工具”;单击一下“图层1”的第1帧,从而选中舞台上面的所有花瓣;然后按下键盘上的“Shift+Alt”的同时拖动右上角的控制点(即小黑方块)将整个图形进行等比例缩放:再次缩小后的图形如下图所示::

- 至此,整个“花瓣”图形元件就做好了。
- 单击时间轴左上角的“场景1”按钮,这样就退出了“花瓣”图形元件的编辑状态,返回到主场景的舞台上。
- 初学者返回到主场景后,会发现此时舞台上面什么都没有,我们刚才制作的“花瓣”图形元件怎么没有了啊?其实不用担心,flash动画制作中,我们往往会创建很多元件,为了很好的管理这些元件,专门有一个存放它们的地方,被称作“元件库”,我们习惯性地简称为“库”。“花瓣”图形元件此时就在“库”中,如果你想看一下的话,可以执行“窗口/库”命令就可以看到它了。
〖三〗、创建“旋转的花朵”影片剪辑元件:
- 执行“插入”/“新建元件”命令,打开“创建新元件”对话框;在名称中输入“旋转的花朵”,并单击一下“影片剪辑”复选框;单击“确定”按钮进入该元件的编辑状态;
- 单击工具栏中的选择工具;单击图层1的第1帧;按“Ctrl+L”组合键打开库面板;如下图所示:

- 选用工具栏中的选择工具;单击选中库中的“花瓣”图形元件;然后按住左键不放将它拖放到舞台中;
本部分省略了较大部分的操作步骤 查看详情
〖六〗、最后按“Ctrl+Enter”组合键测试影片
|