评论

会用透明度,排版直接next level!

图文排版

H5

设计

秀米APP

哈喽~朋友们~😘

今天咱的教程主要内容是讲

如何调低背景图片透明度

但图片上文字透明度不变

最主要的使用场景就是

做图片上加字的版式时

背景图的颜色太重、太花

或者和图片上的文字颜色撞了

导致图片上的字不够抓人或看不清

就可以设法让背景图的透明度低一些

具体如何操作呢~接着往下看吧~

首先声明,本篇教程里讲的方法只适合把图片设置为布局背景图的情况。

比如,下面这个图片上加字的版式,背景图太花了,导致文字颜色不太看得清楚:

summer time

如果直接选中整个版式,点工具条上的“···”调整里面的透明度数值,会发现图片和文字一起变透明了。

那想要只降低图片透明度,而保持文字透明度不变,我们需要换个思路,比如:给图片加个半透明颜色的蒙版就可以实现啦~

在设置了背景图的布局里,添加一个基础单列布局,并设置背景色为半透明色

再把内容放到设置了半透明背景色的布局里:

就会得到背景图有一定的透明度,但是文字没有的效果:

summer time

熟练运用这样的操作,可以做出很多高级的版式,若隐若现的效果,排版直接就是next level啦~

好啦~

以上就是今天的全部内容

有什么疑问可以留言区讨论~

下期tips选题靠你们咯~

拜拜~😘

更多阅读

小白适用

系统介绍秀米的基础操作

长按识别二维码继续阅读

☚☚☚ 向左滑动

秀米有那么多骚技能

不来学几招?

长按扫码关注我们

据说星标置顶,能快速找到我

要不试一下?返回搜狐,查看更多

责任编辑:

平台声明:该文观点仅代表作者本人,搜狐号系信息发布平台,搜狐仅提供信息存储空间服务。
阅读 ()