向安宇知识库 向安宇知识库
  • 读书向
  • 学习向
    • AI工具
    • AI研究
    • 笔记
    • AIP:克丽丝AI日志
  • 创作向
    • 写作
      • 非虚构
      • 剧本
      • 小说
      • 文言
      • 随笔
      • 日记
    • 视听
      • 纪录片
      • 设计
      • 视频
      • 摄影
    • 课程
  • 影视向
    • 创意策划
    • 前期拍摄
    • 后期制作
    • 影像实验
    • 影像设备
    • 大师镜头
    • 电影赏析
    • 视频论文
    • 项目复盘
  • 折腾向
    • 穿越机
    • 户外
    • 代码
    • 手工
    • 书法
    • 篆刻
    • 绘画
首页 › 创作向 › 课程 › AE表达式|22、如何用滑块控制明度?@hslToRgb @rgbToHsl
  • 0
  • 0

AE表达式|22、如何用滑块控制明度?@hslToRgb @rgbToHsl

向安宇
2018-09-18 9:53:59

rgbToHsl(rgbaArray)

返回类型:数组 [4]。

参数类型:rgbaArray 是数组 [4]。

将 RGBA 空间中的颜色转换为 HSLA 空间。输入是标准化的红色、绿色、蓝色和 Alpha 通道值数组,全部介于 0.0 到 1.0 范围内。生成的值是色相、饱和度、亮度以及 Alpha 通道值数组,同样介于 0.0 到 1.0 范围内。

上面是官方的说明。这里我们希望单独用一个滑块控制色彩的明度,如果是单一形状对象当然没必要这样做,但是如果是有很多对象需要同时控制明度,这个方法就很有用了。

这里我们以一个对象为例子:
AE表达式|22、如何用滑块控制明度?@hslToRgb @rgbToHsl-向安宇知识库
给这个形状层添加一个slider control,给fill下的color添加表达式:

moreLight = effect("Slider Control")("Slider")/100;
hsl = rgbToHsl(value);
colorHSL = [hsl[0], hsl[1], hsl[2] + moreLight, hsl[3]];
hslToRgb(colorHSL)

rgba模式下的颜色,没有单独的明度/亮度的控制,所以我们是先将颜色转换成hsla。然后给其中的亮度添加控制,最后将颜色转换回来。

另外,这个小案例里,即使没有最后一行“hslToRgb(colorHSL)”,效果是一样的。但是后期如果想要修改颜色,就会有问题,所以还是必须转换回来。

< 返回目录

AE表达式
0
AE表达式|21、如何玩转字符串?@substr @parseInt @replace
上一篇
AE表达式|23、如何用颜色取样制造隐身效果?@sampleImage
下一篇

评论 (0)

登录后可发布~
立即登录
暂无评论

向安宇

痴迷文字,醉心影像
447
文章
5
评论
325
喜欢

近期评论

不同意知识过时这么快,数学公式几百年都没变啊
—— Baron von Laughsalot 10 月前 1.我将深入研究如何提升学习力,以及如何用AI提升学习效率
这学习方法太适合我这种记性差的了,必须追更!
—— 狂血战士 11 月前 AIP克丽丝的构想
数字人做语言教学太香了,求Anni快出实操指南!
—— 贪吃小熊 11 月前 Anni搞钱系列:普通人用AI,到底能做起来什么副业?
想问作者会开线下课吗?想带孩子去听听
—— 秋分桂落 11 月前 1.我将深入研究如何提升学习力,以及如何用AI提升学习效率
想问下这个AI工具对服务器配置要求高吗?
—— 狂喜的烟花 11 月前 wordpress也要拥抱AI

猜你喜欢

AE表达式|30、如何制作打字光标效果?

AE表达式|30、如何制作打字光标效果?

2018-10-19 15:19:29
4,041 1 3
AE表达式|06、如何做一个Q弹的圆球?@ speed @toFixed(n) @valueAtTime

AE表达式|06、如何做一个Q弹的圆球?@ speed @toFixed(n) @valueAtTime

2018-08-03 16:50:46
4,229 2 1
AE表达式|29、如何做一个自适应大小的文本框? @ sourceRectAtTime

AE表达式|29、如何做一个自适应大小的文本框? @ sourceRectAtTime

2018-10-19 14:17:51
3,676 1 4
AE表达式|wiggle()函数5参数详解

AE表达式|wiggle()函数5参数详解

2018-02-01 10:07:43
6,308 0 10

关于我:

想要读万卷书,行万里路,看万部电影。

推荐栏目:

视频论文 课程 后期制作 非虚构 照片 视频

特色专题:

专题汇总 宜看一侃 帧影帧画 重读文学史 青玉记
Copyright © 2016-2026 向安宇知识库. Designed by nicetheme. 鄂ICP备16005400号-1 鄂公网安备42050602000017号
  • 读书向
  • 学习向
    • AI工具
    • AI研究
    • 笔记
    • AIP:克丽丝AI日志
  • 创作向
    • 写作
    • 视听
    • 课程
  • 影视向
    • 创意策划
    • 前期拍摄
    • 后期制作
    • 影像实验
    • 影像设备
    • 大师镜头
    • 电影赏析
    • 视频论文
    • 项目复盘
  • 折腾向
    • 穿越机
    • 户外
    • 代码
    • 手工
    • 书法
    • 篆刻
    • 绘画
  • 剪辑
  • 转场
  • 纪录片

向安宇

痴迷文字,醉心影像
447
文章
5
评论
325
喜欢