AE表达式学习笔记——Color Conversion(颜色转换)篇

用户头像
深圳/设计爱好者/243天前/760浏览
AE表达式学习笔记——Color Conversion(颜色转换)篇
用户头像
柴先森
Color Conversion (颜色转换)的主要作用是改变颜色的表示模型,把颜色从一种常见的格式(如 RGB)转换成另一种格式(如 HSL 或 Hex),从而可以独立地操控颜色的某个特定方面,比如色相、饱和度或亮度。
AE表达式学习笔记——Color Conversion(颜色转换)篇(图ZMzk3MjExODUy) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Color Conversion 菜单
收藏
rgbToHsl(rgbaArray)
作用:
用于颜色空间转换的函数,它将RGB(红、绿、蓝)颜色模型转换为HSL(色相、饱和度、亮度)颜色模型。
语法:
rgbToHsl(rgba数组)
示例:
// 根据图形位置设置不同颜色
pos = position;
baseColor = [1, 0, 0, 1];
hsl = rgbToHsl(baseColor);
hsl[0] = pos[0] / thisComp.width; // 横向位置决定色相
hslToRgb(hsl);
AE表达式学习笔记——Color Conversion(颜色转换)篇(图ZMzk3MjI5NzE2) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
收藏
AE表达式学习笔记——Color Conversion(颜色转换)篇(图ZMzk3MjI5NzI0) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
收藏
hslToRgb(hslaArray)
作用:
将颜色从HSL格式转换为RGB格式的函数,一般和rgbToHsl(rgbaArray)一起使用。
语法:
hslToRgb(hsla数组)
示例:
// HSL_color[0] 是色相,我们让它随时间增加(创建颜色循环效果)
var HSL_color = rgbToHsl(value);
HSL_color[0] = (time * 0.25) % 1; // % 1 确保色相在 0 到 1 之间循环
hslToRgb(HSL_color);
AE表达式学习笔记——Color Conversion(颜色转换)篇(图ZMzk3MjMzOTY0) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
收藏
AE表达式学习笔记——Color Conversion(颜色转换)篇(图ZMzk3MjMzOTY4) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
收藏
hexToRgb(hexString)
作用:
这个函数的作用是将一个十六进制颜色代码字符串转换成AE表达式可用的RGBA颜色数组。
语法:
hexToRgb(hex字符串)
示例:
// 输入十六进制字符串来改变物体颜色
hexString = thisComp.layer("Color Input").text.sourceText.toString();
hexToRgb(hexString);
一定要加上 t
oString()
,这是因为
text.sourceText
返回的是一个
TextDocument
对象,而不是单纯的字符串。要想传给
hexToRgb()
,必须先把它转成字符串。
AE表达式学习笔记——Color Conversion(颜色转换)篇(图ZMzk3MjM0Mjg4) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
收藏
AE表达式学习笔记——Color Conversion(颜色转换)篇(图ZMzk3MjM0Mjky) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
收藏
8
举报
|
29
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
你可能喜欢
相关收藏夹
大家都在看
登录注册