下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

运用Dreamweaver软件打造个性鼠标

作者:课课家教育     来源: http://www.kokojia.com点击数:1472发布时间: 2017-01-21 15:00:07

标签: Dreamweaver软件设计鼠标制作图案

想学设计?来看看大师是如何完成作品的?

  在如今社会中,什么都追求个性化,那么小编为迎合大家的需求,特意为大家准备了一个很个性化的个性化教程,哈哈,其实就是运用startDrag制作个性化鼠标,利用startdrag动作制作拖动效果 利用startdrag制作包含跟踪影片剪辑的光标效果 利用startdrag制作个性化鼠标 制作可以拖动的按钮效果,小编制作的可能没大家制作的那么个性化,但是,大家可以运用这个技巧,设计一个专属自己的个性化鼠标,如果大家有兴趣的话,可以设计更多的个性化鼠标哦,那么这次就为大家介绍接下来的教程了。

  步骤1:打开flash软件之后,接着导入我们所需要处理的图片(制作个性化鼠标的图片,一个鼠标跟随效果)作为图层1,同样的道理,图层2也是这样的方式导入,如下图所示:

运用Dreamweaver软件打造个性鼠标_Dreamweaver软件_设计鼠标_制作图案_课课家

  步骤2:将图层1和图层2,转换为元件,并且修改类型为影片剪辑,修改完成后,点击确定,如下图所示:

将图层1和图层2,转换为元件

  步骤3:在属性面板中,输入影片剪辑元件的名称(自己为了方便辨认,可以自行修改熟悉的名称),如下图所示:

在属性面板中,输入影片剪辑元件的名称

  步骤4:最重要的是,那个用于操作动画的命令(这是非常重要的,所以大家要注意这个步骤)。在我们添加图层3完成之后,应该点击窗口—动作,在弹出的对话框中,选择全局函数—影片剪辑函数—startdrag,进行添加路径,选择我们刚才修改好属性的路径(gs),如下图所示:

最重要的是,那个用于操作动画的命令(这是非常重要的,所以大家要注意这个步骤)。在我们添加图层3完成之后,应该点击窗口—动作,在弹出的对话框中,选择全局函数—影片剪辑函数—startdrag,进行添加路径,选择我们刚才修改好属性的路径(gs)

  步骤5:接着我们会在对话框中,然后我们点击代码片段,输入相关的代码,如下图所示:

接着我们会在对话框中,然后我们点击代码片段

  步骤6:然后选择影片—Mouse—方法—hide这样的函数,当我们点击后,它就回直接地添加到面板中的代码,如下图所示:

然后选择影片—Mouse—方法—hide这样的函数,当我们点击后,它就回直接地添加到面板中的代码

  最终的效果展示:

最终的效果需要调试

  小编结语:其实制作这样一个个性化的鼠标,并不难,在AS3中,使用startDrag()就能实现拖拽,但是js中,却没有此方法,但是也是可以实现的,说穿了,挺简单的。关键的是你要有素材以及运用的代码,在步骤4中,我们添加的代码是很关键的,所以大家也要熟悉代码,不过那些代码哦都市在那个面板里添加,所以大家不必说记代码,只要熟悉面板上的代码就可以了,如果大家还有什么不明白的地方,欢迎咨询小编哦,感谢大家的支持。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程