发布时间:2020/12/14 19:42:34
本章节将深入探讨Hype 4 HTML5创作工具元素面板中的滤镜效果,这在Web页面设计中也算是比较新的内容。由于兼容性问题,当前很多Web网页使用得较少。此外,小编在讲解中对于滤镜名称都会用中英文表示,以利于小伙伴在网上搜索该滤镜在CSS3语言中的使用方法和作用。
在Hype 4交互动效制作软件中,滤镜效果(Filter Effects)包含两部分——前景(Foreground)和背景幕(Backdrop),每一部分又各自包含了六种滤镜——模糊度(blur)、棕褐色(sepia)、饱和度(saturate)、色调(hue-rotate)、亮度(brightness)和对比度(contrast)。
一般而言,对图像的处理都使用图像处理软件。在Web页面设计中,CSS3语言提供了filter属性,可以对图像进行一些简单的处理。
前景(filter)可以直接作用到对象上,效果直观明了,相对比较简单。要注意的是浏览器的兼容性问题。对于一些老版本的浏览器,可能会不支持filter滤镜,这样在浏览器上就无法看到滤镜的效果。
作者:东佛
读者也喜欢这些内容:
Hype 4时间线操作(十) 暂停和继续时间线
在Hype 4交互动效制作软件中,可以通过设置“开始时间线”关键帧操作启动时间线,同样也可以设置“暂停时间线”和“继续时间线”关键帧暂停及继续当前时间线。表现出来的就是对象的运动在启动后,暂停下来,等待一段时间后继续运行,直至终点。...
阅读全文 >
应用Hype制作英文字母卡片学习小动画
对于很多小朋友来说,英文的学习会显得枯燥而乏味。但如果是借助一些视觉性的工具,比如学习英文字母用的卡片动画,可提高学习的趣味性,让小朋友更容易接受。...
阅读全文 >
Hype 4一条时间线的轮播图(二) 图片运动与时间线操作设置
在上一章节中讲述了在一条时间线上的轮播图的原理以及创建了符号显示窗口,本章节讲述轮播的的核心——图片运动及如何设置时间线操作,最终实现在一条时间线上的轮播图。...
阅读全文 >
如何在H5制作软件Hype中设置断点
上一章讲述了Hype 4交互动效制作软件场景面板中的场景大小设置,以及场景大小缩放比例在弹性布局中的作用。本章节继续讲述HTML5创作工具场景面板中的响应式布局选项。...
阅读全文 >