JSFL自动绘画_6_颜色运用_jsfl 色彩效果

1.调色板

除了线条样式之外，填充色也是很重要的部分。颜色搭配在一定程度上也会也会影响美观程度

2.样式

将一些常用色整理成对照表，再将对照表中的颜色进行随机搭配，在RGB的选取上加入一些限制条件，这样选择出来的颜色搭配不会那么突兀。

3.Flash中的颜色填充

自动生成一些样式，在自动生成图形的时候，采用样式中的色彩进行填充描线。

淡然除了纯色填充之外，还有梯度值上色，也就是RGB数值上的等差数列，如上图

当然还有非线性的，可以如上图。

随机的成分居多，颜色样式是否美观仍需要人工筛选。筛选的过程做监督式学习，没准可以训练处很好的AI取色器。

//----------------------------------------------------
var _lineFill = base.doc.getCustomFill();
_lineFill.linearGradient = true;
_lineFill.colorArray = [
    draw.setHexAlpha(
        draw.getHexByColorName("Yellow"),
        0.5
    ),
    draw.setHexAlpha(
        draw.getHexByColorName("Coral"),
        0.5
    )
];
var _stroke = base.doc.getCustomStroke();
_stroke.thickness = 20;
_stroke.shapeFill = _lineFill;
base.doc.setCustomStroke(_stroke);
 
var _fill = base.doc.getCustomFill();
_fill.style = 'radialGradient';
_fill.colorArray =[
    draw.setHexAlpha(
        draw.getHexByColorName("Blueviolet"),
        0.5
    ),
    draw.setHexAlpha(
        draw.getHexByColorName("Crimson"),
        0.8
    )
];
_fill.posArray = [0, 255];
_fill.focalPoint = 0; //[-255,255]，0标示中点
_fill.linearRGB = false;
_fill.overflow = 'repeat';
var mat = base.doc.selection[0].matrix;
mat.a = 0.0167083740234375;
mat.b = -0.0096435546875;
mat.c = 0.0312957763671875;
mat.d = 0.05419921875;
mat.tx = 288.65;
mat.ty = 193.05;
base.doc.setCustomFill(_fill);

附上部分代码

4.通过填充数值的变化制作逐帧动画

待做实例

 

下一篇:JSFL自动绘画_7_滤镜效果

https://blog.csdn.net/u010816580/article/details/99625446