會用透明度，排版直接next level！
圖文排版
H5
設計
秀米APP
哈嘍~朋友們~😘
今天咱的教程主要內容是講
如何調低背景圖片透明度
但圖片上文字透明度不變
最主要的使用場景就是
做圖片上加字的版式時
背景圖的顏色太重、太花
或者和圖片上的文字顏色撞了
導致圖片上的字不夠抓人或看不清
就可以設法讓背景圖的透明度低一些
具體如何操作呢~接着往下看吧~
首先聲明，本篇教程裏講的方法只適合把圖片設置爲佈局背景圖的情況。
比如，下面這個圖片上加字的版式，背景圖太花了，導致文字顏色不太看得清楚：
summer time
如果直接選中整個版式，點工具條上的“···”，調整裏面的透明度數值，會發現圖片和文字一起變透明了。
那想要只降低圖片透明度，而保持文字透明度不變，我們需要換個思路，比如：給圖片加個半透明顏色的蒙版就可以實現啦~
在設置了背景圖的佈局裏，添加一個基礎單列布局，並設置背景色爲半透明色：
再把內容放到設置了半透明背景色的佈局裏：
就會得到背景圖有一定的透明度，但是文字沒有的效果：
summer time
熟練運用這樣的操作，可以做出很多高級的版式，若隱若現的效果，排版直接就是next level啦~
好啦~
以上就是今天的全部內容
有什麼疑問可以留言區討論~
下期tips選題靠你們咯~
拜拜~😘
更多閱讀
☚☚☚ 向左滑動
秀米有那麼多騷技能
不來學幾招？
長按掃碼關注我們
據說星標和置頂，能快速找到我
要不試一下？