當前位置:首頁 » 背景圖片 » 如何虛化背景圖片凸顯字
擴展閱讀
萬寶路搞笑圖片 2025-02-04 21:35:36
精子有血什麼病圖片 2025-02-04 20:51:52
卡通女頭像圖片 2025-02-04 20:43:40

如何虛化背景圖片凸顯字

發布時間: 2023-07-10 10:28:19

⑴ 照片背景虛化怎麼弄

照片背景虛化可以使用美圖秀秀來進行處理。使用美圖秀秀來將照片背景虛化的具體操作方式如下:

照片背景虛化怎麼弄

操作環境

品牌型號: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處理才顯得比較暗和模糊然後突出字

像下面這張圖,只要在背景圖片上建個圖層填充黑色,然後把這個黑色填充層的不透明度降低就可以了。