如何制作一个可以跟随鼠标移动导航菜单特效的enjoy

本教程将展示如何制作一种特殊效果，可以跟随鼠标移动导航菜单，尽情享受吧！

一、最终效果

二、触发器介绍三、生产过程1.首先我们创建按钮层+背景层+焦点背景层

完成图层创建后，我们将鼠标移至该按钮，并且焦点背景跟随鼠标移动。

单击“菜单A”层，在触发面板中选择“鼠标悬停”，然后在触发效果下选择“移动”选项，并将坐标值设置为“ X：88 / Y：8 0. 75”。使用相同的方法设置“菜单B”和“菜单C”，坐标轴为：“ X：18 7. 5 / Y：8 0. 75”和“ X：287 / Y：8 0. 75“。

完成上述设置后，我们可以看到跟随鼠标移动的导航效果已经完成。

下一步是创建一种特殊效果，单击该按钮后可以更改焦点和背景圆角。在这里，我们将使用“单击”和“抬起”两个动作来模拟“鼠标单击”和“释放鼠标”的动作。

选择“菜单A”层，在触发面板中选择“单击”，然后在触发效果下选择“圆角”选项，并将圆角值设置为50。

完成了模拟鼠标单击的特殊效果。接下来，我们使用相同的方法来完成抬高鼠标的特殊效果。选择“菜单A”层，在触发面板中选择“提升”，然后在触发效果下选择“圆角”选项，并将圆角值设置为5。

使用与“菜单A”相同的设置来设置“菜单B”和“菜单C”。设置完成后，您可以看到最终的演示效果。

源文件下载

百度网盘：

作者，ioioi，ZQZ原型，专注于原型设计/交互设计

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-356063-1.html