皮肤特效篇——动感

本篇文章介绍如何给皮肤增加“动感”,使皮肤更具富生动活泼性。

以控制按钮为例。

给按钮添加上如下动作。

补充说明,格式处可供选择的有设定、改变、切换元素比例,三个之间的区别和在制作导航图文章中提到的关于设定、改变、切换位置是一样的。不过是一个作用在元素大小上,一个作用在元素位置上。

将上面的动作添加给所有按钮,可以使用快捷方法,动作都是一样的,可以直接将动作复制给其他按钮。

按住Shift可多选,然后鼠标右键选择拷贝,或者直接快捷的Ctrl + C

然后在树列表选择其他按钮元素,直接Ctrl + V

预览。

上面这只是一个参考,同样的操作也可以设置给缩略图或者其他的一些皮肤元素,还可以组合一些动作实现更丰富的效果。

另外,这种由“动作”实现的效果不仅可以给按钮,还可以给图片等任何皮肤元素设置。如果仅仅对按钮丰富效果的话,按钮元素有自己的“技能”(只有按钮元素有此设置)。

点击“ 鼠标‘经过’ ”、“选定的”后面的更改,可以设定更换的图片。设定后,鼠标经过和鼠标按下会更换按钮图片。至于更换成什么样的图片,我们就需要提前备好了,如果这里的鼠标‘经过’,设定的是提前备好的原比例110%的按钮图片,那么就可以实现上面由动作实现的效果了。

下面我们设定提前准备好的不一样颜色的按钮图片。

预览看一下效果。

如果对于普通的图片元素想快速的实现这样的效果,可以将图片元素转换为按钮元素。

实现上面的效果,唯一麻烦的就是需要提前准备好对应的更换图片。

“皮肤特效篇——动感”的一个回复

  1. 请问在html5中想要在vr图层上方悬浮多张图片链接,可以在软件中直接实现吗

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注