您当前的位置:JZ5U绿色下载站文章中心设计学院Photoshop → 文章内容
  • Flash鼠标特效精选实例5

  第五节:悬空球

  “悬空球”,故名思意即是有悬浮效果的小球,本例实现的是一悬浮小球在鼠标的控制下运动并改变大小,在制作过程中主要使用了ActionScript脚本进行控制,如控制鼠标拖曳的startDrag()函数,获取和设置对象相关属性的getProperty()和setProperty()函数。影片最终效果如图5.1所示,要实现这一效果,具体操作步骤如下:



图5.1 悬空球

  1.新建一影片,通过属性面板设置其大小为400pxX200px(单位为象素)背景色为#FFFFFF,由于在制作过程中使用了背景图片,所以选择什么样的背景色也不很重要了。

  2.新建一影片剪辑“ball movie”,该影片剪辑作用是绘制一带有阴影的小球,首先为了便于理解,将默认图层更名为“ball”,按快捷键“o”,选取椭圆工具,按住“Shift”在工作区中绘制一圆,并删除其轮廓线条,打开“混色器”面板,进行如图5.2所示的设置:



图5.2 设置填充色

  选中所绘制无轮廓的圆,按快捷键“K”,选择颜料桶工具,运用上面所设置的填充颜色,并调整其光线的入射向为从右上角向右下角射出,这样在制作阴影时才有真实的感觉,如图5.3所示:



图5.3 运用填充色

  3.插入一新图层“shade”,使用椭圆工具在小球的右下角绘制一椭圆,删除相应的轮廓线条,并设置其填充色,效果如图5.4所示:



图5.4 绘制小球的阴影

  4.返回主场景,按快捷键“Ctrl+R”打开导入对话框,导入一幅画片,按快捷键“Q”选取任意形变工具对导入的图像进行调整到适合大小,即与影片大小完全重叠就可以了,如图5.5所示:



图5.5 导入图像

  5.选中第4帧,单击鼠标右键选择“插入帧”菜单命令,在第4帧处插入一帧,再新建一图层“line”,该图层是绘制一些黑色线条,当小球在上面移动时高出地面一些的立体感,选中第1帧插入一关键帧,按快捷键“N”,选取线条工具,并设置线条粗细为“1”,颜色为黑色,在工作区中绘制线条如图5.6所示,并在第4帧处插入帧。



图5.6 绘制线条

  6.新建一图层“ball”,选中第1帧插入一关键帧,将影片剪辑“ball movie”从库面板中拖放到工作区中,创建一实例,取实例名为“ball_mov”(在属性面板中可以进行设置),在第4帧处插入帧,效果如图5.7所示:



图5.7 在主场景中创建“ball movie”的实例

  7.接下来的工作就是为事个影片添加ActionScript脚本了,新建一图层“ACTIONS”,在第帧处插入一关键帧,并为该帧添加如下脚本:

startDrag("/ball_mov", true, 30, 30, 355, 129);

  //表示允许拖运实例“ball_mov”,(30,30)和(355,129)为对角线的坐标值,表示鼠标的拖曳范围。

  startDrag的用法如下:

startDrag(target,[lock ,left , top , right, bottom])

  target 要拖动的影片剪辑的目标路径。

  lock 一个布尔值,指定可拖动影片剪辑是锁定到鼠标位置中央 (true),还是锁定到用户首次点击该影片剪辑的位置上 (false)。此参数是可选的。

  left、top、right、bottom 相对于影片剪辑父级坐标的值,这些坐标指定该影片剪辑的约束矩形。这些参数是可选的。

  在第2帧处插入一关键帧,并为该帧添加如下代码:

scale = getProperty("/ball_mov", _y)/2;
//获取实例“ball_mov”的纵坐标值,并除以2
setProperty("/ball_mov", _xscale, scale);
//将上面scale的赋给实例的属性ball_mov. _xscale,表示横向放大
setProperty("/ball_mov", _yscale, scale);
//同上,表示将实例“ball_mov”纵向放大。
在第3帧处插入一关键帧,为其添加如下代码:
gotoAndPlay(_currentframe-1);
//返回第2帧进行循环播放

  在第4帖处插入一关键帧,为其添加如下代码:

stop();

  8.这样整县空球效果就制作完成,保存作品,按“ctrl Enter”预览最终效果。


  • 作者:互联网  来源:本站整理  发布时间:2005-08-20 21:28:23


------------------------------- · 相关文档浏览 · --------------------------------------------------------------------- · 热门文档浏览 · -------------------------------------