抖音、视频号流行的 Bokeh(虚化) 效果是怎么实现的?

这篇具有很好参考价值的文章主要介绍了抖音、视频号流行的 Bokeh(虚化) 效果是怎么实现的?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

未经作者(微信ID:Byte-Flow)允许,禁止转载
文章首发于公众号:字节流动

什么是 bokeh 效果?

抖音、视频号流行的 Bokeh(虚化) 效果是怎么实现的?,OpenGL ES 3.0,音视频,OpenGLES,图形渲染,着色器

Bokeh 效果是指照片中背景模糊而主体清晰的一种摄影效果。这种效果是通过使用大光圈的镜头来实现的,使得光圈外的景物失去焦点,呈现出一种柔和、虚化的效果。

Bokeh 效果的质量受到多个因素的影响,其中一个关键因素是光圈的形状。

抖音、视频号流行的 Bokeh(虚化) 效果是怎么实现的?,OpenGL ES 3.0,音视频,OpenGLES,图形渲染,着色器

一些镜头的光圈片具有不同的形状,例如圆形、六边形或其他形状,这会影响光斑的外观。良好的 bokeh 效果通常表现为圆形、均匀分布的光斑。

在图像处理中,bokeh 效果的实现一般是需要高精度的人像分割算法将人像分割出来,然后将背景做虚化效果,最后再做图像融合,从而呈现一种背景模糊而主体清晰的效果。

Bokeh 效果的实现原理

这里说的 bokeh 效果主要指呈现不同光圈形状的模糊效果,比如圆形、正多边形、菱形的光圈模糊。

使用 OpenGL 实现模糊效果大家已经比较熟悉了,本质上就是对一个像素和其周围的像素做加权平均,但是这个光圈形状模糊效果实现更简单。文章来源地址https://www.toymoban.com/news/detail-752964.html

<

到了这里,关于抖音、视频号流行的 Bokeh(虚化) 效果是怎么实现的?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp中swiper的大坑,在swiper-item中嵌套video在移动端无法实现上下滑动的,要用nvue代替,从而实现抖音滑视频效果

    想做一个抖音滑屏切换视频的效果,结果。。。。。 研究了一天,发现在swiper-item中嵌套视频时,移动端只能滑动切换背景,视频在原位置是不会动的。。。。但是在h5端和小程序端可以完美运行,这就很让人生气了:  在移动端的时候,就会出现虽然切换到第二个视频了,

    2023年04月09日
    浏览(65)
  • 抖音字幕视频怎么做能滚动 抖音个性字幕怎么做 抖音短视频用什么软件剪辑

    不管是抖音短视频,还是其他影视网站的影视剧,字幕基本都是必不可少的,字幕本身就能加强观众对视频的理解,而且像一些滚动字幕,会更加吸引观众的注意力,那抖音字幕视频怎么做能滚动?抖音个性字幕怎么做?本文将详细说明。 一、抖音字幕视频怎么做能滚动 以

    2024年02月03日
    浏览(55)
  • 学习uniapp 在App端模仿抖音刷视频效果

    uniapp小白, 模仿抖音首页的刷视频功能, uniapp插件市场有很多,但是爱好摸鱼的我,也想试一试其他方法 上面是效果图(样式比较潦草,没有仔细写) 一开始想得比较简单,上下滑动的效果用uni内置的swiper组件即可实现,然后就开始干了如下 h5端浏览器上看,感觉自己以及

    2023年04月27日
    浏览(50)
  • uniapp 开发之仿抖音,上下滑动切换视频、点击小爱心效果

    效果图:   功能描述: 上下滑动视频,双击暂停,然后第一个视频再往上滑显示”已经滑到顶了“ 开始代码: 首先视频接口使用的公开的视频测试接口 开放API-2.0  官网展示                      Swagger UI  接口文档 一开始编写如下:  注解: autoplay=\\\"true\\\" :设置视频在

    2024年02月09日
    浏览(98)
  • 利用OpenGL图形库实现人物动画移动效果

    使用OpenGL库实现人物动画移动效果需要涉及到更复杂的图形编程和事件处理。以下是一个简单的例子,使用OpenGL和GLUT库实现人物的基本动画移动效果。 确保你已经安装了OpenGL和GLUT。你可以使用包管理器或者从官方网站下载并安装。 一、如果你已经安装过了OpenGL和GLUT可以直

    2024年01月21日
    浏览(40)
  • Android OpenGL ES 学习(九) – 坐标系统和实现3D效果

    OpenGL 学习教程 Android OpenGL ES 学习(一) – 基本概念 Android OpenGL ES 学习(二) – 图形渲染管线和GLSL Android OpenGL ES 学习(三) – 绘制平面图形 Android OpenGL ES 学习(四) – 正交投影 Android OpenGL ES 学习(五) – 渐变色 Android OpenGL ES 学习(六) – 使用 VBO、VAO 和 EBO/IBO 优化程序 Android OpenG

    2024年01月25日
    浏览(44)
  • 抖音上怎么挂小程序?制作小程序挂载抖音视频

    公司企业商家现在已经把抖音作为营销的渠道之一,目前抖音支持短视频挂载小程序,可方便做营销。以下给大家分享这一操作流程。 一、申请自主挂载能力 首先需要在抖音开放平台官网注册一个抖音小程序账号,然后申请短视频自主挂载能力。 二、搭建小程序 你需要有一

    2024年02月08日
    浏览(44)
  • Flutter 通过BottomSheetDialog实现抖音打开评论区,内容自动上推、缩放效果

    一、先来看下实现的效果 实现上面的效果需要解决俩个问题 当列表进行向下滑动到顶部的时候,继续滑动可以让弹窗向下收起来 弹出上下拖动的时候,视图内容跟着上下移动、缩放大小 二、实现弹窗上下滑动的时候,动态改变内容区的位置和大小 通过 showModalBottomSheet 显示

    2024年02月09日
    浏览(113)
  • Linux平台下基于OpenGL实现YUV视频渲染

    源码详见https://github.com/samxfb/linux-opengl-render

    2024年01月21日
    浏览(43)
  • 安卓OpenGL添加水印并录制(二)---抖音录制原理

    本文首发地址 https://h89.cn/archives/146.html 最新更新地址 https://gitee.com/chenjim/chenjimblog 源码地址: Gitee: OpenGLRecorder 通过 前文 我们知道了如何采集 Camera 视频,叠加水印、贴纸保存为MP4,但是录制视频并没有音频,本文进一步介绍添加音频录制实现。 前文介绍的视频处理流程及主

    2024年02月21日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包