ShaderJoy —— 实现“羽化”【GLSL】

已于 2024-12-08 17:44:52 修改
阅读量1.1w 收藏 7
点赞数 2
CC 4.0 BY-SA版权
分类专栏： ShaderJoy —— Shader 实例详解【重制版】 文章标签： OpenGL glsl shader
于 2016-08-13 14:45:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/panda1234lee/article/details/52199296
本文介绍了如何利用ShaderJoy库，在OpenGL环境下通过GLSL语言实现图像的羽化效果。内容涉及羽化的概念，以及算法分析，包括通过调整RGB值和控制距离权重来创建朦胧边缘。还展示了原图和应用羽化效果后的图像，并提供了片元着色器的代码示例。

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

原理参考自 小熊不去实验室 的博客

在PHOTOSHOP里，羽化就是使你选定范围的图边缘达到朦胧的效果。

羽化值越大，朦胧范围越宽，羽化值越小，朦胧范围越窄。可根据你想留下图的大小来调节。

原图

效果图
了解本专栏 订阅专栏 解锁全文
ShaderJoy —— 漫画 sketch 效果【GLSL】
ShaderJoy 的兴趣技术杂货铺
08-14 1768
效果图 原图 核心算法思路 该效果的核心思路一共分为以下几步【参考 Photoshop 中的图层操作】 先根据图像的亮度，人为设定阈值，分为（6个）不同等级的灰度图； 然后构造（6个）不同旋转方向的 “木刻纹” 图像，如下图所示； 该核心的 “木刻纹” 是由以下正弦和取模函数搭配实现的 float dist = mod(rotuv.y - sin(rotuv.x * frecuencia) * amplitud, divisor); 函数示意图如下所示 等高线图如下所示 接着，将 “木刻
ShaderJoy —— “透视投影” 的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-15 2319
效果视频 Shader 特效——左右透视投影 Shader 特效——上下透视投影 更进一步可以实现 Shader 特效——立方体透视投影 代码和注释： float persp = 0.7; ///< 控制透视的角度 #define PI 3.141592653589 #define PI_HALF (PI/2.) //#define ANT...
Thinking in Shader(1)
GARDEN OF EVERYTHING
11-08 3772
开发环境 Window7           羽化的第十七篇博客，这周过得异常诡异，由于项目启动，预演计划接近工作开始慢慢变得繁忙，本来打算专心看Shader但发现能研究的时间越来越少，但自己还是要看下去，C++看了个基础，现在看起还是没那么容易，总之给自己加油吧~ ~ 这周印象最深的是看了一个叫《尸鬼》的动画和漫画，至于好不好看这还是要看个人欣赏水平来，整部作品给人的感觉十分压抑，封闭的村
Unity Shader - 羽化效果
新媒体互动
06-10 5619
原图效果图代码1：//ps的羽化shader // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "ShaderDemo/feather" { Properties { _MainTex ("Texture", 2D) = "white" {
实现 Qt 中的 OpenGL 雾化特效
最新发布
weixin_42612804的博客
05-16 645
雾化效果是图形渲染中常见的视觉技术，它模拟了自然界中远处物体因大气散射而呈现模糊的现象。在OpenGL中，可以通过设置雾化参数来调整渲染的场景，使之产生离观察者更远的物体逐渐被雾化的效果，增强场景的深度感和现实感。在现代应用开发中，图形界面的交互性和可视化效果变得越来越重要。OpenGL作为一个成熟的图形API，能够提供强大的图形处理能力，然而它本身不包含窗口系统管理，因此需要与一个图形用户界面（GUI）框架结合使用。Qt是一个跨平台的C++框架，它提供了GUI界面和应用程序开发能力。
WPF 羽化效果，使用shadereffect源码。
04-02
WPF使用shadereffect 和Dx的HLSL着色器实现对矩形边缘羽化效果，语言VB.net。
PS练习1——羽化
学点什么好呢
10-23 676
羽化步骤 因为记性不好，就写下来了 1.ctrl+n新建 2.把图片拖拽进界面，记得点击下图提交变换那个对勾 3.点击左边工具栏的矩形选框工具，把要羽化的部分圈出来 4.右键，选择栅格化智能对象 5.右键，对图层进行操作，不断羽化，改变羽化像素大小 6.右键，选择反向，按del键，就完成了，效果如下（其实还可以精细化一点，但是就不弄了吧 ...
PS小知识（五）——羽化（图片拼接后去缝、自然过渡渐变）
热门推荐
liukunrs的博客
08-16 3万+
对于拼接得到的两幅图片或者遥感影像，难免出现缝隙，这就需要进行羽化，使得变化更自然些，不至于明显的缝隙。 也可用于调节亮度后的过渡。 假设下面的两幅图需要拼接到一起（以右侧图为基础），则需要： 一、对左边图进行色彩调整： 选择该图层，然后编辑菜单栏的“图像”》“调整”》“色彩平衡” 由于左图发黄，发红，所以将其向相反方向调节。 二、经过调节，有些图像仍无法实现完全消除拼接缝，这时需...
GLSL实现Glow效果
杨德龙的专栏
08-09 2873
http://blog.youkuaiyun.com/a3070173/archive/2008/11/04/3220940.aspx  Glow即辉光效果现在已成为3D图形中一个引人注目的特效.本文主要介绍如何使用GLSL实现一个典型的GLow效果.  实现步骤:1.渲染整个场景到一个祯缓冲区中     2.将场景中需要进行GLow处理的物体绘制第二个FBO纹理A中     3.在FBO纹理A和B之
PS中的羽化操作
100days
04-02 4962
最近在自己使用ps做口红滤镜的时候，对于PS不太熟练，这里记录一下制作素材的过程。 羽化操作的原理： 羽化是ps及其其它版本中的重要处理图片的工具。羽化原理是令选区内外衔接的部分虚化。起到渐变的作用从而达到自然衔接的效果。 在羽化操作之前，需要先选中图像中的某一个部分，若选中就呈现为虚线。如下图中，虚线包围的部分为选中的部分。 点击PS菜单栏中：选择-&gt;修改-&gt;...
ShaderJoy —— 中国结特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
11-06 1513
效果图 原理/码参考自 活用 Shader，讓你的頁面更小，更炫，更快，我对代码进行了简化和性能优化，并对作者省略的部分进行了补充。 首先，效果可以拆解为两大部分：中间圆形区域的中国结部分，和外部烘托氛围的金黄色碎片，主要由梯度噪声来实现。而中国结部分又可以进一步分为直（射）线和方框（矩形）的绘制， 直线和射线的区别在于两边是否都到达了图像边缘 Talk is cheap, Show you the code ! 完整代码与注释 中国结部分： /// 源码...
边缘羽化.rar
09-16
canvas 不规则透明图像边缘羽化 看了一个哥们的文章写的。 看了这个帖子写的 https://www.cnblogs.com/luoeeyang/p/9337871.html 用在抠图之后，消除边缘毛边。 谁还有更好的算法求分享
HTML5/JavaScript 图像边缘羽化
03-02
对应博客：http://blog.youkuaiyun.com/u013347241/article/details/58727952
glsl图像处理，灰度化，高斯模糊，角点检测等算法，linux环境
05-07
需要usb摄像头，make后可直接运行，可以看到效果
PR cs6 边缘羽化滤镜
07-22
不是每个装了PR的人都会装AE 不是每个装了PR和AE的人都会为了一个边缘羽化打开AE设蒙版 至少我不会 所以还是有必要存在这么个滤镜 VS2012RP版本写的 没有在非win8的平台上测试过
ShaderJoy —— “酷炫的 ❤️ Beating” 的实现【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-09 4621
效果视频 优酷视频链接 Shader 特效——酷炫的HeartBeating 效果图 GIF压缩有画质损失 完整代码与注释 void mainImage( out vec4 fragColor, in vec2 fragCoord ) { vec2 uv = (2.*fragCoord - iResolution.xy) / iResolution.y;...
Unity渲染在所有层之上的shader
沈夕林的博客
02-01 1682
Shader "UI/Default_OverlayNoZTest" { Properties { [PerRendererData] _MainTex("Sprite Texture", 2D) = "white" {} _Color("Tint", Color) = (1,1,1,1) _StencilComp("Stencil Comparison", Float) =
制作羽化图
gislaozhang
12-04 1050
使用ArcGISPro制作羽化图，下面示例中是制作贵州省的羽化图 软件：ArcGISPro2.3 Beta 操作视频： 链接：https://pan.baidu.com/s/16tzM2TskHw4_mIdy2HHdQw  提取码：3jaj 效果图： 步骤： （1） 获取贵州省矢量图，空间参考是投影坐标系； （2）使用多环缓冲区工具（Multiple Ring Buffer）制作贵...
shader 渐变半透明效果
我知道你很急,但是路要一步步走
06-29 5332
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'Shader "Custom/zhengshuang" { Properties { _MainTex ("Texture", 2D) = "white" {} _AlphaLX("RangeAlphaLX",Float) = 0 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ShaderJoy

您的打赏是我继续写博客的动力

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

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

打赏作者

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

抵扣说明：

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

余额充值