H5遮罩怎么制作？

遮罩，就是叠在原有的H5层上面，像是在一张照片上面放一块玻璃，让H5页面有朦胧美。一般用于装饰H5。
在H5工具微吾中，制作H5遮罩有以下几种方法。

1、利用文本框，设置样式背景色浅淡色（矩形、圆角矩形、椭圆、圆形）

  • 01

    点击界面上方菜单栏“文本”按钮，插入文本框。

  • 02

    将文本框文字设置为空，边框设置为遮罩层大小，边框颜色改完白色。设置边框透明度，一个遮罩便出现了。

2、利用形状，可选择样式较多

  • 01

    点击界面上方菜单栏“形状”按钮，在右侧选择合适的形状并插入到页面中。

  • 02

    右侧可修改形状的颜色、透明比例、旋转角度 位置、大小、旋转角度除了通过修改右侧参数，也可以直接通过拖动、拉伸、旋转图片进行修改。

  • 03

    为页面添加背景，即可看到蒙层效果。

    3、插入遮罩图片（自定义图片，不限遮罩类型）

    • 01

      点击界面上方菜单栏“图片”按钮，在右侧选择遮罩图片并插入到页面中。 修改图片透明度即可。

    赞 (0)

    相关推荐

    • 在Premiere PR软件中怎么使用轨道遮罩键制作文字遮罩

      在Premiere PR软件中怎么使用轨道遮罩键制作文字遮罩

      今天给大家介绍一下在Premiere PR软件中怎么使用轨道遮罩键制作文字遮罩的具体操作步骤.1. 首先打开电脑,找到桌面上的PR CC 2018软件,双击打开.2. 进入主页面后,将已有的视频素材打 ...

    • AE当中如何设置遮罩和制作暗角

      AE是常用的视频合成软件,如何用AE设置遮罩和制作暗角呢,对于我们初学者来说最好都是要掌握的,下面用一个小实例与大家一起探讨. 操作方法 01 打开软件,双击打开图片,新建一个合成. 02 然后在合成 ...

    • 简单的Flash遮罩动画制作教程

      简单的Flash遮罩动画制作教程 步骤/方法 01 简单的Flash遮罩动画制作教程

    • 闪闪的红星线条遮罩动画制作教程

      闪闪的红星线条遮罩动画制作教程 步骤/方法 01 闪闪的红星线条遮罩动画制作教程

    • H5页面怎么制作及发布

      H5页面怎么制作及发布?下面我们就来看一下如何制作H5页面吧,希望能够帮助到大家. 操作方法 01 首先在浏览器中搜索"易企秀",然后点进入他们的官网. 02 在易企秀官网H5模板 ...

    • AE遮罩怎么制作逐渐消失画面的动画?

      ae中想要使用这招制作一个动画,该怎么知足逐渐消失的动画呢?下面我们就来看看详细的教程. 1.首先,导入一张静帧图,鼠标双击项目栏即可激活导入素材对话框,选中要导入的图片点确定即可. 2.用图片新建一 ...

    • 如何在H5页面里面制作一个投票的功能

      操作方法 01 这个投票的组件就是互动菜单里面,这样的一个菜单也是很容易找到的,我们点击打以后就可以进行各种的个性化设置了,包括这个投票组件的颜色与形状等等. 02 送花.在同样的菜单窗口里面还有着一 ...

    • H5页面的制作教程

      现在,H5页面在微信中很受欢迎,邀请函就是其中一种,它有着传播快.影响范围广等特点,看起来虽然很高端复杂,很多企业或个人都不知道如何制作,但是其实非常简单,借助凡科微传单就能轻松搞定. 操作方法 01 ...

    • 用flash遮罩层制作简单的文字特效

      利用遮罩层来制作一个简单的小特效. 操作方法 01 创建一个文字层,输入任意文字,可以根据自己的喜好改变舞台和文字的颜色. 02 新建一个图层取名为遮罩层,在文字左处画出一个任意图形. 03 在文字层 ...