当前位置:首页 » 背景图片 » 如何虚化背景图片凸显字
扩展阅读
如何用手机修改pdf图片 2025-02-04 22:45:06
搜索周五夜上课人物图片 2025-02-04 22:38:51

如何虚化背景图片凸显字

发布时间: 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处理才显得比较暗和模糊然后突出字

像下面这张图,只要在背景图片上建个图层填充黑色,然后把这个黑色填充层的不透明度降低就可以了。