H5遮罩怎么制作

 时间:2024-10-18 20:26:12

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

工具/原料

谷歌浏览器,微吾,H5工具

1、利用文本框,设置样式背景色浅淡色(矩形、圆角矩形、椭圆、圆形)

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

H5遮罩怎么制作

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

H5遮罩怎么制作

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

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

H5遮罩怎么制作

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

H5遮罩怎么制作

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

H5遮罩怎么制作

3、插入遮罩图片(自定义图片,不限遮罩类型)

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

H5遮罩怎么制作
  • H5动画中这招的运用
  • 木疙瘩教程:图片合成类H5的制作
  • 木疙瘩教程:H5作品相关设置
  • 木疙瘩教程(H5制作):处理声音及视频
  • 木疙瘩如何导入图片素材
  • 热门搜索
    手抄报感恩老师 爱我家乡手抄报 安全手抄报版面设计 关于教师节的手抄报 关于童年的手抄报 中国梦手抄报资料 普法手抄报 关于国庆节手抄报 小学生手抄报制作大全 清明手抄报资料