您的位置：首页 → 网页设计 → Flash → Flash鼠标特效精选实例(5)

Flash鼠标特效精选实例(5)

时间：2004/11/7 2:17:00来源：本站整理作者：蓝点我要评论(0)

　　第五节：悬空球



　　“悬空球”，故名思意即是有悬浮效果的小球，本例实现的是一悬浮小球在鼠标的控制下运动并改变大小，在制作过程中主要使用了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”预览最终效果。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论

查看所有0条评论>>

发表评论

我来说两句...

提交评论