发布时间:2020/05/21 14:48:23
Hype 4.0(Mac系统)的CSS滤镜效果拥有多种调整效果,让用户犹如使用图片编辑软件一样,可对图片进行模糊、饱和度、对比度、色相、亮度等效果处理,而且这些滤镜效果都可以通过时间线操作设置为动画效果。
本文将为大家介绍Hype 4滤镜的具体调整参数,同时也会通过两个例子来演示参数调整的效果。
首先,Hype 4的CSS滤镜功能位于元素检查器中,用户可以通过单击“查看”菜单中的“元素检查器”,打开该操作面板。
如图3所示,Hype 4的CSS滤镜效果位于元素检查器的底部,包含了应用模式、模糊度、棕褐色、饱和度、色调、亮度以及对比度这七个参数。其中应用模式中的前景效果支持Chrome 18 +,Safari 6+和iOS 6+;而背景效果仅支持iOS 9+和Safari 9+ 。
调整Hype 4 CSS滤镜的方法很简单,只要选中图片元素,然后再依次调整滤镜中的参数,直至效果达到满意的程度即可。调整后,如果觉得效果不是很理想,也可以单击底部的“将滤镜还原为默认设置”,重新再进行参数调整。
接下来,小编将会给大家演示两个例子。
例子1:模糊滤镜
如图5所示,模糊滤镜的效果,主要应用的就是滤镜参数中的模糊度,提高模糊度可让照片呈现模糊的状态。模糊滤镜的效果适合用于背景滤镜,以模糊的背景突显前景的元素。
例子2:增强颜色对比度
原照片中的颜色对比度较低,呈现了一种温柔的效果。如图6所示,小编提高照片对比度的参数,让照片中的主体形象更加鲜明,减少相似颜色带来的干扰。
Hype 4 的CSS滤镜效果可以帮助用户更好地处理图片元素,减少来回切换图片编辑软件的繁琐。如果您还需要其他的功能介绍,或者希望学习其他使用技巧,请访问Hype教程页面。
作者:Noel
读者也喜欢这些内容:
如何在Hype制作3秒后出现下一步的页面(动画制作)
在《如何在Hype制作3秒后出现下一步的页面(场景设置)》一文中,我们已经详细讲解了倒计时按钮的制作以及下一步触发动作的设置。...
阅读全文 >
Hype 4一条时间线的轮播图(一) 原理分析及设置显示窗口
在多条时间线上实现的轮播图由于使用了多条时间线,如果通过鼠标事件操作轮播图暂停、图片跳转会变得非常麻烦。实际上,轮播图的运行更普遍的是在一条时间线上,这也是使用JavaScript语言编写轮播图函数或者原型的方法。...
阅读全文 >
Hype 4时间线中阶(四)-绝对关键帧和相对关键帧
在使用Hype 4制作动画时极少使用到属性关键帧,大多数情况都是采用录制的方式:在动画起始点设置好运动对象的属性,然后按下录制键。接着移动时间指示器到动画结束点,设置对象在结束点的属性。最后关闭录像按钮,也就完成了对象动画的制作。...
阅读全文 >
收好!这款超强大、上手超简单的H5制作工具
那有什么功能齐全又易上手的H5离线制作软件吗?我给好朋友安利了一款Mac系统专用的工具—Hype,不仅支持静态的H5制作,还支持各种交互效果和物理引擎,可用于制作网页菜单、网站主页、网页游戏等,当然贺卡请柬这种分分钟的事。...
阅读全文 >