OpenGL 实现“人像背景虚化“效果

已于 2024-03-29 10:22:05 修改
阅读量4.1w 收藏 4
点赞数
分类专栏： OpenGL ES 3.0 文章标签： OpenGLES 图形渲染 Android 人像模式 虚化 c++
于 2024-03-28 19:43:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Kennethdroid/article/details/137122054
版权
本文介绍如何利用人像分割、OpenGL 和深度学习模型，在Android平台上实现类似手机人像模式的背景虚化效果。通过获取深度信息、图像分割、光斑效果和模糊处理，结合OpenGL滤镜，实现自然的背景虚化。文章提供了实现过程中的关键步骤和资源链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述

手机上的人像模式，也被人们称作“背景虚化”或 ”双摄虚化“ 模式，也称为 Bokeh 模式，能够在保持画面中指定的人或物体清晰的同时，将其他的背景模糊掉。突出画面的主体部分，主观上美感更强烈。

人像模式的一般实现原理是，利用双摄系统获取景深信息，并通过深度传感器和图像分割技术准确分离主题与背景，随后应用人像增强处理和背景虚化算法，例如美颜、肤色优化以及基于深度信息的虚化等，最终提供清晰突出的人像照片。

图片

所以，人像模式的实现对于软件层面来说，关键还是有能精确输出带有深度（景深）信息的图像分割算法。

随着深度学习的发展，现在已经可以做到通过单个摄像头，推测场景的深度图，推荐一个 Deep-Image-Matting 开源模型：
https:

了解本专栏 订阅专栏 解锁全文 超级会员免费看
深度学习的实时背景虚化
a871923942的博客
05-30 601
基于深度学习的实时背景虚化解决方案需要多个步骤。这里我们提供一个使用 TensorFlow 和 OpenCV 的完整示例。为了简化问题，我们将使用 U-Net 进行图像分割。这个示例分为以下几个部分：1. 数据预处理2. 构建和训练 U-Net 模型3. 应用模型进行实时背景虚化。
ArcGIS搞“背景虚化”
JData_Engineer的博客
05-10 509
处理好工作范围的数据，这个可以是栅格数据，也可以是矢量数据，要和背景图层叠加显示，我们就从背景图层中，裁剪出工作范围的栅格数据——ArcMap是有滤镜功能的，只是它的滤镜并不是软件的重点，所以很难引起注意，我们这次讲的“背景虚化”，就要用到滤镜功能啦！同样，这个处理一次之后，可以对新处理的图层再进行模糊处理，直到你对效果满意为止，调好底色，上成果——实现背景虚化，我们主要用到的是其中的“模糊”处理，巧了么不是，也叫“模糊”！处理好背景图层——可以是地图影像，也可以是其他栅格数据，总之，
OpenCV在Android上实现人脸背景虚化
wblgers的学习小屋
09-04 5764
自己也想动手做一个“图像虚化”的Demo来玩玩，当然并不是用的手机的双摄原理，而是用一些图像处理的算法。比如说高斯模糊，博主阮一峰的这篇博客对“高斯模糊在图像处理中的应用”讲得非常详细，大家可以移步去看
android opengl模糊,android 实时渲染模糊
weixin_39669163的博客
05-31 448
转载知乎朱才MIUI 6已经实现了实时模糊，我来说说其技术实现吧。很久以前我们的文件夹打开和最近任务等几个地方就使用了毛玻璃效果，在技术上讲就是背景模糊。应该是比iOS 7的使用要早很多。不过那时候我们使用的是先对背景截图，再将其模糊处理，然后作为app的背景图，所以是一张静止的图片，当背景内容发生变化时模糊的图片并不会随之变化，因此比较生硬。而iOS 7的背景模糊则是实时的，当背景变化的时候，模...
适配LVGL界面图片和文字显示很虚，色阶明显的解决方法（全志R128适用）
DOT小文哥的博客
10-16 1767
文档链接：https://r128.docs.aw-ol.com/sdk_base/disp/#480x480-rgb-86。查找R128在线文档显示与屏幕驱动相关内容，选择一下参数进行配置，后解决问题。LVGL界面图片和文字显示很虚，色阶明显的具体问题情况如下图。初步分析为RGB参数问题，先调出Colorbar检查一下。检查杜邦线连接很紧，排除干扰导致的文字显示虚化。修复好之后的显示效果，一切正常了。此时问题可能出现在两个方向。1、rgb接线不稳定有干扰。2、色彩级数配置问题。
教你一分钟实现动态模糊效果
Eateeer 的笔记屋
07-19 2万+
转载请注明出处：http://blog.youkuaiyun.com/wl9739/article/details/51955598 本篇文章已授权微信公众号 guolin_blog （郭霖）独家发布 现在，越来越多的App里面使用了模糊效果，我尤其喜欢雅虎天气的界面，上滑的时候背景图片会跟着移动，最重要的是背景图片会根据手指上下移动的距离来进行不同程度的模糊，感觉甚为惊奇，毕竟大家都知道，在Android
[OpenGL]使用OpenGL实现模糊效果（Blur Effect）
刘好念的博客
10-31 1165
本文介绍了如何使用OpenGL实现模糊效果（Blur Effect），并在最后给出了全部的代码。
人像模式与AI虚化效果原理与实现(OpenGL、shader GLSL)
sCs12321的博客
11-19 1476
本文将分析AI人像虚化效果，对比几款主流手机产品的人像模式效果，并尝试使用OpenGL/GLSL来实现虚化渲染。
【OpenGL编程】虚化模糊场景（类似摄像机的人像效果）
尹豆的博客
03-10 2282
说在开头 最近研究了一个基于高斯函数的模糊效果的Demo，主要是为了完成场景的虚化效果，也就是距离摄像机较近的地方比较清楚，距离较远的地方比较模糊。整个案例的代码都可以在我的github上找到https://github.com/ModestBean/MyBlur如果感到对您有帮助还请点一个star。当然我这里使用的开发环境时Java和SDK（因为这是我一个早期开发的案例，当时还没有接触C++）...
抖音、视频号流行的 Bokeh（虚化） 效果是怎么实现的？
字节流动
11-29 3万+
Bokeh 效果是指照片中背景模糊而主体清晰的一种摄影效果。这种效果是通过使用大光圈的镜头来实现的，使得光圈外的景物失去焦点，呈现出一种柔和、虚化的效果。
c#用canny算子做边缘提取_【图像处理】边缘检测
weixin_39955154的博客
11-23 984
边缘检测sobelsobel是最常见也是最常用的边缘检测算子。一般来说，当我们想要获取图像的边缘时，首先想到的就是像素值发生突变的位置，而如何用数学表达来刻画"突变"，一个很好的方式就是使用导数，而在图像中，由于像素是离散的，我们一般使用差分来近似处理，使用某种算子来近似计算全图每一点的梯度值，其中梯度明显大于邻近像素的点就被认为是边缘(实际处理中，使用大于某一阈值作为评判标准)。sobel算子就...
LVGL实现触摸图片放大
qq_44719402的博客
01-20 2853
LVGL V8 图片预览功能
OpenGL ES 3.0 开发（一）：绘制一个三角形
热门推荐
字节流动
07-12 8万+
该原创文章首发于微信公众号：字节流动 什么是 OpenGLES OpenGLES 全称 OpenGL for Embedded Systems ，是三维图形应用程序接口 OpenGL 的子集，本质上是一个跨编程语言、跨平台的编程接口规范，主要应用于嵌入式设备，如手机、平板等。由科纳斯（Khronos）组织定义和推广，科纳斯是一个图形软硬件行业协会，该协会主要关注图形和多媒体方面的开放标准。 O...
Android OpenGL ES FFmpeg 从入门到精通系统性学习教程
字节流动
06-19 5万+
为什么要写这个教程 目前这个 OpenGL ES 极简教程的更新暂时告一段落，说是教程，其实自知有种吹嘘的味道，很荣幸获得了阮一峰老师的推荐。 因为在工作中频繁使用 OpenGL ES 做一些特效、滤镜之类的效果，加上平时学到的的知识点也比较细碎，就想着去系统地学习下 OpenGL ES 相关开发知识，并将学习过程记录下来。 另外，这个 Android OpenGL ES 极简教程也是为音视频开发做准备的，它的内容涵盖了 OpenGL ES 3.0 的核心知识点，包含了 GLES3.0 的新特性，如 Tra
Android OpenGL 渲染图像读取哪家强
字节流动
10-28 4万+
该原创文章首发于微信公众号：字节流动 glReadPixels glReadPixels 是 OpenGL ES 的 API ，OpenGL ES 2.0 和 3.0 均支持。 使用非常方便，下面一行代码即可搞定，但是效率也是最低的。 glReadPixels(0, 0, outImage.width, outImage.height, GL_RGBA, GL_UNSIGNED_BYTE, buffer); 当调用 glReadPixels 时，首先会影响 CPU 时钟周期，同时 GPU 会等待当前帧.
OpenGL ES 如何直接渲染 P010、P016 格式图像？
字节流动
01-02 4万+
P010 最早是微软定义的格式，表示的是 YUV 4:2:0 的采样方式，也就是说 P010 表示的是一类 YUV 格式，它的内存排布方式可能是 NV21、NV12、YU12、YV12。P016 也表示的是 YUV 4:2:0 的采样方式，与 P010 的差异只是有效位不同，P010 的有效位是 10bit , P016 有效位为 16bit。，在 Shader 中采样的时候，把 RG 通道当成 v 分量数据，把 BA 通道当成 u 分量数据，分别转成 16bit 数据，然后在进行归一化。
OpenGL ES 渲染 NV21、NV12、I420、YV12、YUYV、UYVY、I444（建议收藏）
字节流动
02-21 4万+
本文主要讲解常见的 YUV 格式图像渲染方式，如果对 YUV 格式不是很熟悉的同学可以翻看旧文，YUV 格式的介绍这里不再展开。
OpenGL ES 3.0 开发（五）：FBO 离屏渲染
字节流动
08-08 4万+
该原创文章首发于微信公众号：字节流动 什么是 FBO FBO（Frame Buffer Object）即帧缓冲区对象，实际上是一个可添加缓冲区的容器，可以为其添加纹理或渲染缓冲区对象（RBO）。 FBO 本身不能用于渲染，只有添加了纹理或者渲染缓冲区之后才能作为渲染目标，它仅且提供了 3 个附着（Attachment），分别是颜色附着、深度附着和模板附着。 RBO（Render Buffer ...
OpenGL ES (OpenGL) Compute Shader 计算着色器是怎么用的？
字节流动
02-25 4万+
OpenGL ES (OpenGL) Compute Shader 是怎么用的？Compute Shader 是 OpenGL ES（以及 OpenGL ）中的一种 Shader 程序类型，用于在GPU上执行通用计算任务。与传统的顶点着色器和片段着色器不同，Compute Shader 被设计用于在 GPU 上执行各种通用计算任务，而不是仅仅处理图形渲染。Compute Shader 使用场景广泛，除了图像处理之外，还可以用于物理模拟计算、数据加密解密、机器学习、光线追踪等。
lvgl实现模糊背景
最新发布
02-07
### 实现模糊背景效果 在 LVGL 中实现模糊背景效果并非直接支持的功能，因为这涉及到较为复杂的图像处理操作。通常情况下，模糊效果需要借助额外的算法来完成。一种常见的方法是在后台缓存中预先渲染好要显示的内容，然后对该缓存进行高斯模糊或其他类型的模糊处理后再将其作为背景展示。 对于硬件加速能力较弱的目标平台来说，实时计算可能会消耗大量资源并影响性能。因此建议先考虑是否真的有必要应用此特效；如果确实需要，则可以通过离线方式生成静态图片用于特定场景下的背景替换[^1]。 另一种思路是利用双缓冲技术配合定时器刷新机制，在不影响主界面响应速度的前提下逐步更新部分区域达到渐变过渡的效果模拟模糊感。但这同样依赖于具体的项目需求和技术栈选择。 下面给出一段简化版的概念验证代码片段，它展示了如何基于现有 API 尝试构建一个近似模糊背景的方法： ```c #include "lvgl/lvgl.h" static lv_obj_t *bg_img; static lv_style_t style_bg; void create_blurred_background(lv_coord_t width, lv_coord_t height){ // 创建样式 lv_style_init(&style_bg); /* 设置背景颜色 */ lv_style_set_bg_color(&style_bg, lv_palette_main(LV_PALETTE_GREY)); /* 如果设备支持的话，尝试加载预处理过的模糊纹理图 */ #ifdef HAS_PREPROCESSED_BLUR_IMAGE bg_img = lv_img_create(lv_scr_act()); lv_img_set_src(bg_img, &preprocessed_blur_image_resource); // 假设已经有一个名为 preprocessed_blur_image_resource 的变量保存着模糊后的位图数据 lv_obj_add_flag(bg_img, LV_OBJ_FLAG_CLICKABLE | LV_OBJ_FLAG_SCROLL_ON_FOCUS); /* 调整大小以适应屏幕尺寸 */ lv_obj_set_size(bg_img, width, height); /* 应用自定义样式到背景对象上 */ lv_obj_add_style(bg_img,&style_bg,LV_PART_MAIN|LV_STATE_DEFAULT); #else // 或者简单地填充纯色或渐变色代替真正的模糊效果 lv_obj_t* solidColorBackground = lv_obj_create(lv_scr_act(), NULL); lv_obj_set_size(solidColorBackground,width,height); lv_obj_add_style(solidColorBackground,&style_bg,LV_PART_MAIN|LV_STATE_DEFAULT); #endif } ``` 这段代码提供了一种折衷方案——当存在预处理好的模糊图像资源时就使用它们；否则则退而求其次采用简单的实心色彩或者渐变色块充当视觉上的替代品。需要注意的是实际开发过程中还需要根据具体情况进行调整优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

字节流动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值