打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
给空间模块制作鼠标跟随(FLASH实用教程)



关于空间模块鼠标跟随‘文字效果’的教程很多,制作过程也很简单。
但鼠标跟随‘特效’教程貌似很少看到!
今天毕桑就用元旦空闲的一天时间,把这份特效分享给大家,同时祝友友们新年快乐^ ^

难度指数:★★★☆☆
图片素材:QQ空间商城
════════════════════════════════════════════════════════════════════════════
首先看下最终效果: 




(效果提示:只要掌握了制作方法,你就可以自己转变其它形状,作为效果)
═════════════════════════════════════════════════════════════════════════════
初学者朋友先来认识本章教程Flash工具及路径
如下图所示:




制作步骤
1:
⑴·先在Photoshop中处理好一张自己要做空间效果的模块,保存为PNG格式
如下图所示:




⑵·打开FLASH把大小调整好(这里的大小是你所做的图片大小)。
如下图所示:




⑶·点击设置好舞台大小,背景颜色为灰色,确定。
如下图所示:




[文件]-[导入]-[导入到舞台]-找到电脑里你做好的背景图导入到舞台

如果你已经在Flash中做好空间模块的话,那么接下来就开始鼠标跟随特效制作吧!

2:绘制星星(懂的画星的朋友就直接做好星状,看3步骤)
⑴·点击【插入】》【新建元素】》选择【图形】元件命名为‘圆点’
如下图所示:




⑵·选择【椭圆工具】,在工具面板上将笔触颜色设为无(红色/样式标志),填充颜色设为白色,
按住键盘上的‘Shift键’不放,在舞台上画个正圆。
如下图所示:




⑶·单击下舞台上的圆点,打开右上角【颜色面板】选中【填充色】,选择类型为【放射状】
将右边的Alpha值设为0%
如下图所示:




⑷·点击【插入】》【新建元素】》选择【图形】元件命名为‘椭圆’
画出一个放射状的椭圆线状
如下图所示:




⑸·点击【插入】》【新建元素】》选择【图形】元件命名为‘星星’
先把库中的‘圆点’图形拖入舞台,再把‘椭圆’拖入放在圆点上,对好中心点,
(注:我们可以先把舞台倍数调到400%方便详细操作,就在右上角的编辑元件)
如下图所示:




⑹·打开右测的【对齐&信息&变形】面板,单击【变形】属性栏
设【旋转】为45度,单击下方的【复制并应用变形】按钮,单击3下
如下图所示:




此时舞台上的椭圆线状成‘米’形
⑺·在变形面板上,把135度角的椭圆线状,设宽度和高度60%,按下Enter回车键
如下图所示:




接着单击选择舞台上的,【45度角椭圆线状】,在变形面板上,设宽度和高度60%,按下Enter回车键
如下图所示:




这样星状就做好了,把右上角的编辑元件倍数放回100%
效果如下图所示:




3:星星动的制作
⑴·点击【插入】》【新建元素】》选择【影片剪辑】元件命名为‘1星星动’
在【时间轴面板】上,点击【添加运动引导层】
如下图所示:




⑵·选择【铅笔工具】,单击【引导层】在舞台上画一条短线,
如下图所示:




⑶·单击【图层1】,把库中的【星星】图形拖入舞台,放置短线内侧端点。
如下图所示:




如果你觉的星星太大,就选择工具栏中的【任意变形工具】,按住键盘上的Shift键不放,把星星缩小些

⑷·选中【引导层】的第20帧,按F5插入帧,
    选中【图层1】的第20帧,按F6插入关键帧,
如下图所示:




单击【图层1】的第20帧,把舞台上的星星拉到短线的外侧端点,
并选择【任意变形工具】把星星缩小,在下方属性面板上设【颜色】为Alpha,值设为10%
在第1帧~第20帧任选一帧,右键,【创建补间动画】
如下图所示:




单击【图层1】的第5帧按F6插入关键帧,再单击第1帧,单击下舞台中的星星图形,
在下方属性面板上设【颜色】为Alpha,值设为10%
如下图所示:




4:按照(3:1星星动的步骤)各做出10个星星动,影片剪辑,分别为2星星动~10星星动
(注意事项:在画引导层短线时,每次的线条角度各加大些)下面是10个线条的大概角度示范图
如下图所示:




直到做完10个星星动影片剪辑,
库中元件效果如图:




5:星按钮制作
⑴·点击【插入】》【新建元素】》选择【按钮】元件命名为‘星按钮’
如下图所示:




在【点击】处,右键插入关键帧,选择【矩形工具】,
将笔触颜色设为无(红色/样式标志),填充颜色设为白色,
在舞台上画出一个白色矩形(矩形不要太大,像下图差不多大就好)
如下图所示:




6:星星动总制作
⑴·点击【插入】》【新建元素】》选择【影片剪辑】元件命名为‘星星动总’
单击【图层1】的第1帧,右键,【插入空白关键帧】,
从库中任意拖入几个星星动影片剪辑到舞台(1~10随便拖入几个),抽选几个星星动影片剪辑,用【任意变形工具】旋转点方向和缩小(这个做法是为了,不让一会闪出的星星方向大小都一致)
如下图所示:




在第21帧处,右键,【插入关键帧】
如下图所示:




⑵·点击时间轴面板上的【插入图层】按钮,添加【图层2】,
在图层2的第5帧处右键,【插入关键帧】
把库中星星动影片剪辑拖入舞台(任选几个星星动影片剪辑),随意拖入几个,抽选几个星星动影片剪辑,用【任意变形工具】旋转点方向和缩小。
如下图所示:




右键【图层2】的第25帧处,【插入关键帧】
如下图所示:



⑶·点击时间轴面板上的【插入图层】按钮,添加【图层3】,
在图层3的第10帧处右键,【插入关键帧】
把库中星星动影片剪辑拖入舞台(任选几个星星动影片剪辑),随意拖入几个,抽选几个星星动影片剪辑,用【任意变形工具】旋转点方向和缩小。
如下图所示:




右键【图层3】的第30帧处,【插入关键帧】
如下图所示:




⑷·点击时间轴面板上的【插入图层】按钮,添加【图层4】,
单击【图层4】的第1帧处,把库中的【星按钮】拖入,放在刚刚摆放星星动的中心位置。
如下图所示:




右键单击【图层4】的第1帧处在弹出选项中,选择【动作】输入下面AS脚本:
stop();
⑸·单击下舞台上的星按钮图形,当属性面板变成按钮后,在舞台中的星按钮上右键-【动作】,输入以下AS脚本:
on (rollOver) {
gotoAndPlay(2);
}
这样星星动总就完成了。

7:场景1的操作
⑴·点击【场景1】回到主场景,点击时间轴面板上的【插入图层】按钮,添加【图层2】
把库中做好的,‘星星动总’拖入舞台。
如下图所示:




⑵·点击【插入】>【时间轴特效】>【帮助】>【复制到网络】
如下图所示:




设行数为16,列数为32(这里要看你的模块大小选择数量,太少或太多就点击‘编辑’后退一步)
如下图所示:




⑶·复制好后效果,点击【控制】测试影片效果(效果够不理想的话,可以进入库中做细微调整)
如下图所示:




这样鼠标跟随特效就做完了。

8:效果提示:
如果你觉的跟随效果太一致,可取消复制到网络步骤,手动把库中的‘星星动总’拖入舞台,随意摆放,还可用【任意编辑工具】旋转些位置方向。
如下图所示:




个人认为这效果更佳,只是花点时间摆放^ ^

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
flash8.0动画
闪闪烁烁满天星:经典Flash光标跟随效果
在动画中添加声控效果的制作与思考
flash制作对称图片移动的效果
《Flash CS6案例教程》模块07 导航和菜单
《生日贺卡》的制作方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服