unity Shader模拟ps渐变映射效果

最新推荐文章于 2025-04-08 00:30:14 发布
最新推荐文章于 2025-04-08 00:30:14 发布
阅读量897 收藏 2
点赞数 2
CC 4.0 BY-SA版权
文章标签： unity shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39247181/article/details/109374961
本文记录了如何使用Unity的Shader模拟Photoshop中的渐变映射效果。通过将图片转换为灰度，然后根据明度将图像分为暗部、中间调和高光，利用颜色渐变条进行颜色替换。简单来说，包括将图像变灰和用RGB进行线性插值。最终，通过调整颜色值在片元着色器中实现了这一效果。

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

美术要求程序实现一个类似photo中“渐变映射”的效果。
记录一下用unity完成的shader。
原图
放一张路易斯

那么渐变映射的原理是什么？以下是百度的结果：

在使用时，渐变映射首先会将照片去色变成黑白，然后从明度的角度分为：暗部、中间调和高光。在渐变映射中有一个颜色渐变条，这个颜色渐变条从左到右对应的就是照片暗部、中间调和高光区域。

也就是说如果我们把这个渐变条填充上两个颜色，越靠近左边的颜色将是照片暗部的颜色，越靠近右边的颜色将是照片高光的颜色，而中间过渡区域则是中间调的颜色。

简单来说就是
1.变灰
2.用rgb来对两个颜色进行线性插值。

代码也很简单

    Properties
    {
   
   
        _MainTex ("Texture", 2D) = "white" {
最低0.47元/天 解锁文章

200万优质内容无限畅学
Uu_Orangry
关注
【UnityShader】渐变纹理
小蜗牛
06-13 438
基础知识 使用漫反射浮点值来映射到渐变图上的某一个颜色值，最终根据灯光计算后的方向来映射整个渐变纹理到物体表面。 纹理其实可以用于存储任何表面属性。一种常见的用法就是使用渐变纹理来控制漫反射光照的结果。在之前计算漫反射光照时，使用的是表面法线和光照方向的点积结果与材质漫反射率来得到表面的漫反射光照。 这种技术，可以保证物体的轮廓线相比于之前使用的传统漫反射更加明显，而且能够提供多种色调变化。 注意： 需要把渐变纹理的 Wrap Mode 设置为 Clamp 模式，以防止对纹理进行采样时由于浮
UnityShader学习——渐变纹理
方寸想法，编码宇宙
04-13 327
简介 渐变纹理的原理简单来说，就是使用diffuse的系数构建一套纹理坐标，从渐变纹理采样颜色。 代码实现 Shader "ShaderBook/Chapter7/RampMap" { Properties { //物体颜色属性 _Color ("Color Tint", Color) = (1, 1, 1, 1) _RampTex ("Ramp Tex", 2D) = "white...
【Shader】实验05——渐变映射实现镭射材质
热门推荐
糕二不二的博客
01-22 1万+
去年还蛮流行镭射包的，特别是夏天，blingbling的特别好看 仔细观察这种材质，大概就是彩虹色渐变+反光+透明，光的原理涉及到光的干涉。 猜想是这种材质反射不同波长的光反射程度不同，导致叠加呈现彩虹色？改天去查一查…… 用一个彩虹渐变的纹理对漫反射进行渐变映射，光最强处为红色，光最暗处为紫色。使用法线与光线的点积对渐变纹理进行采样即可。为了防止紫色（暗处）过多，使用半兰伯特模型，把NdotL...
OpenCV——PS滤镜，渐变映射
weixin_30609331的博客
12-15 184
// define head function #ifndef PS_ALGORITHM_H_INCLUDED #define PS_ALGORITHM_H_INCLUDED #include <iostream> #include <string> #include "cv.h" #include "highgui.h" #inc...
unity 模型颜色渐变shader
沈夕林的博客
08-12 2768
Shader "Law/Car" { Properties{ _MainColor("MainColor",color) = (1,1,1,1) _Color("Color",color) = (1,1,1,1) _Center("Center",range(-4.1,2.1)) = 0 _R("R",range(0,1)) = 0.2 _Glossiness("Smoothness", Range(0,1)) = 0.
UnityShader 实现3D模型颜色渐变效果
05-11
使用Unity Shader使模型的颜色产生简单的两种颜色过渡的渐变效果。
Unity Shader渐变纹理、不使用渐变纹理实现渐变效果、遮罩纹理
qq_44800780的博客
11-12 982
渐变纹理 之前我们计算漫反射光照时，都是使用表面法线和光照方向的点击结果与材质的反射率相乘来得到表面的漫反射光照，有时，我们需要更加灵活地控制光照结果，就可以使用渐变纹理来控制漫反射光照的结果. Shader "RampTexture" { Properties { _Color("Color Tint",Color) = (1, 1, 1, 1) _RampTex("Ramp...
unity shader渐变纹理卡通化着色效果
o83290102o5的博客
02-18 785
有时纹理贴图的作用不仅仅是给模型贴上一层“外衣”，一些其他的效果也可以使用贴图来完成，比如使用渐变纹理来使物体有一定的卡通化效果。 回想一下看过的一些动画就可以知道，动画里人物的绘制的明暗区域的过渡非常直接，如下图，可以看到几乎不是纯黑就是纯白。 那么我们也可以在unity shader中实现大致的效果，主要思路就是制作一张渐变纹理。 然后使用phong光照模型中的漫反射公式，即法线点乘光照方向，来得到一点的亮度信息。此时如果直接使用此亮度信息，就会得到一个过渡十分均匀的效果，那么为了得到动画中几乎没有明
unity shader 颜色混合渐变
873149745
02-02 1147
原理 两色渐变 如图，在uv坐标系中像素（x，y）的取值范围是（0，0） - （1，1） 设置_pos1的值作为区域限制，取值范围（0，1），然后判断当前像素的y值是否处于0-_pos1的区间，如果是就替换为_color1 - color2的过度色，否则就直接使用_color2的颜色 _color1 - color2中的过度色，由0 -_pos1的比值定位，注意uv坐标系中左下角是...
【Shader】色调映射、视差贴图与实时阴影
weixin_42619871的博客
01-17 1419
一、色调映射（Tone - Mapping） 为什么需要色调映射？ 高动态范围图像（HDR）能够达到甚至更高数量级的亮度，而一般显示器只能表示的亮度值，因此往往会因为光照强度过大而造成的过暗/过曝光问题。 色调映射在做什么？ 色调映射能够将原本大幅度的亮度与对比度衰减至显示器可以显示的范围内，同时仍然保存有原本图像细节与颜色等重要信息。 色调映射的一种函数 使用小技巧（我不理解，但我先记） //对Diffuse接收的color做线性空间的转换 b...
Unity的text从左到右的字体渐变色（参考
qq_38451259的博客
05-10 1402
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
Unity Shader渐变纹理（3D动漫风格纹理）
weixin_50617270的博客
04-17 3792
一开始，我们在渲染中使用纹理是为了定义一个物体的颜色，但后来人们发现，纹理其实可以用于存储任何表面属性。一种常见的用法就是使用渐变纹理来控制漫反射光照的结果。在之前计算漫反射光照是，我们都是使用表面法线和光照方向的点积结果与材质的反射率相乘来得到表面漫反射效果。 ...
10.Unity ShaderGraph实例（LWRP+UnitMaster节点制作渐变色效果的精灵）
Unity3d 攻城师一枚
11-29 2872
Node：Position Node：Rotate Node：Split Node：Add ShaderGraph：基于自身UV的旋转 ShaderGraph：基于已有贴图的颜色叠加 效果展示 Node：Position 功能定义 提供对网格顶点或片段位置的访问，具体取决于节点所属图形部分的有效着色器阶段； 输出值的坐标空间可以通过空间下拉参数选择。 端口介绍 控制类型 Node：...
unity Image图片颜色渐变
LiPing122335的博客
02-01 2162
void BlackFade() { black.color = Color.Lerp(black.color, Color.clear, Time.deltaTime * speed); //black.color = Color.Lerp(black.color, Color.clear, Time.deltaTime * speed); } void WhiteFade() { white.color = Colo...
Unity Shader 实现PS图层混合效果
weixin_39404292的博客
03-22 2463
Unity Shader 实现PS中图层样式效果
Shader自学笔记 3.4.1 shader实现photoshop 中颜色混合模式
WarrenMondeville的博客
01-21 5330
photoshop中的功能其实是封装了图形学算法，所以理论上其中的功能都可以用unity shader实现，下面模拟一下photoshop颜色混合模式中著名的加色模式和减色模式，也就是模拟自发光物体显像原理和反射光显像原理。 下面是一些常见混合模式计算公式： 上面的计算Unity已经封装，但是看看计算方法更有助于理解。Shader "Unity Shaders Book/Chapter 8/
Unity&Shader案例篇—屏幕渐暗效果
Just do IT
11-28 7987
一、前言 本文使用版本为Unity5.3.3，两种实现方法得到的效果是一样的，侧重点不一样，择其良者而用之。 二、第一种方案 1、效果图如图所示 2、制作步骤 首先是C#脚本部分，前面的几章基础篇里面已经提到过这个脚本了，代码如下： using UnityEngine; using System.Collections; public class OVRScreenFade2
使用Shader中的自定义渐变效果
最新发布
欢迎来到《技术探索》，这是一个专注于游戏开发技术的博客。在这里，我们将深入探讨游戏引擎、图形渲染、人工智能、物理模拟等领域的最新技术和最佳实践。无论您是初学者还是经验丰富的开发者，我们都希望为您提供有价值的见解和实用的技巧。
04-08 703
Properties_Color1 ("Color 1", Color) = (1, 0, 0, 1) // 默认红色_Color2 ("Color 2", Color) = (0, 0, 1, 1) // 默认蓝色SubShaderLOD 200PassCGPROGRAM// 渐变起始颜色// 渐变结束颜色// 顶点位置// UV坐标struct v2f// UV坐标// 裁剪空间中的顶点位置v2f o;// 将顶点位置转换到裁剪空间// 传递UV坐标。
【内置渲染管线】Unity标准Shader解析（渲染模式，贴图类型）
纯技术流日常开发商业开发记录总结等
05-31 5674
438312501
Unity Shader颜色混合渐变实现教程
通过上述知识点的介绍，我们可以了解到，一个名为“ColorChange.zip”的Unity Shader渐变示例文件，主要关注于如何在Unity环境中通过ShaderLab和HLSL编写和应用颜色渐变效果的着色器，实现动态和丰富的视觉效果。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值