⑴ 照片背景虛化怎麼弄
照片背景虛化可以使用美圖秀秀來進行處理。使用美圖秀秀來將照片背景虛化的具體操作方式如下:
照片背景虛化怎麼弄
操作環境
品牌型號:iPhone13
系統版本:ios15.2.1
軟體版本:美圖秀秀9.3.85
⑵ 背景圖片模糊,其中文字清晰實現方法總結
先上效果圖:
之前:
之後:
實現方式:
第一種:兩張圖片疊加,上面放一個純白色的,下面放這張清晰的醫生的圖
第二種:背景圖片上面,使用一層遮罩,設計背景色為純白色,並且是有一定透明度的
<div class="box">
<div class="content">背景模糊文字內容不模糊</div>
</div>
.box{
background: url("images/homebgper.png") no-repeat;
background-size: cover;
width:500px;
height: 300px;
position: relative;
}
.content{
position: absolute;
left:0;
right:0;
top:0;
bottom: 0;
width:500px;
height: 300px;
background: rgba(255,255,255,0.82)
}
第三種:使用偽元素before,在偽元素上設置尺寸和元素相同,並且背景圖片設置在偽元素上,
<div class="box">
<div class="content">背景模糊文字內容不模糊</div>
</div>
.box{
width:500px;
height: 300px;
}
.box::before{
background: url("images/homebgper.png") no-repeat;
background-size: cover;
width:500px;
height: 300px;
content: "";
position: absolute;
戚蘆喚 top:0;
left:0;
z-index:-1;
嘩圓 opacity: 0.18;
}
第四種: 文字和背景圖片所在容器不是父子關系,是兄弟關系
<div>
<div class="box"></div>
<div class="content">背景模糊文字內容不模糊</div>
</div>
.content {
高凱 color: #000000;
font-size: 40px;
position:absolute;
}
.box{
background: url('images/homebgper.png') no-repeat;
height: 300px;
width:500px;
float: left;
background-position: center;
background-size: cover;
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
}
⑶ 這樣的背景圖片要怎麼用PS處理才顯得比較暗和模糊然後突出字
像下面這張圖,只要在背景圖片上建個圖層填充黑色,然後把這個黑色填充層的不透明度降低就可以了。