Tom

O tom pode ser um atributo de um elemento de imagem ou vídeo, afetando esse elemento específico, ou pode ser um elemento em si, aplicando-se a toda a tela.

PropriedadeTipoNecessárioExemploFaixa de ValoresDescrição
gammanumbertrue0.56-1 to 1O valor de ajuste de gamma para o elemento de imagem ou vídeo. Valores negativos escurecem, valores positivos clareiam.
saturationnumbertrue0-1 to 1O valor de ajuste de saturação. Valores negativos desaturam, valores positivos aumentam a saturação.
contrastnumbertrue0-1 to 1O valor de ajuste de contraste. Valores negativos diminuem o contraste, valores positivos o aumentam.
brightnessnumbertrue0-1 to 1O valor de ajuste de brilho. Valores negativos escurecem, valores positivos clareiam.
rednumbertrue0-1 to 1O valor de ajuste do canal vermelho. Ajusta a intensidade da cor vermelha.
greennumbertrue0-1 to 1O valor de ajuste do canal verde. Ajusta a intensidade da cor verde.
bluenumbertrue0-1 to 1O valor de ajuste do canal azul. Ajusta a intensidade da cor azul.
imageElement.json
{
"type": "",
"width": 1920,
"height": 1080,
"fill": "#000000",
"view": [
  {
    "id": "6b91fbc5-a69c-4783-8216-395b8feac9b2",
    "type": "Image",
    "start": 0,
    "duration": 5,
    "trackIndex": 1,
    "x": 0,
    "y": 0,
    "blendMode": "normal",
    "anchorX": 1310.5,
    "anchorY": 1965.5,
    "rotation": 0,
    "scaleX": 0.27473925209870265,
    "scaleY": 0.27473925209870265,
    "alpha": 1,
    "skewX": 0,
    "skewY": 0,
    "keyframes": [],
    "externalUrl": "https://images.pexels.com/photos/30473423/pexels-photo-30473423.jpeg",
    "ext": "jpeg",
    "tone": {
      "gamma": 0.77,
      "saturation": 0,
      "contrast": 0,
      "brightness": 0,
      "red": 0,
      "green": 0,
      "blue": 0
    }
  }
],
"audio": [],
"effect": [
  {
    "id": "08d52449-641b-41cd-a086-5805b5d5a73b",
    "start": 0,
    "duration": 5,
    "trackIndex": 0,
    "tone": {
      "gamma": 0.68,
      "saturation": 0,
      "brightness": 0,
      "contrast": 0,
      "red": 0,
      "green": 0,
      "blue": 0
    },
    "type": "Tone"
  }
],
"transition": [],
"version": 0,
"duration": 5
}

Ordem de Processamento de Efeitos

Quando múltiplos ajustes de cor são aplicados a um elemento, eles são processados nesta ordem:

  1. Ajustes de tom (gamma, saturação, contraste, brilho, canais de cor)
  2. Gradação de cor LUT (Tabela de Consulta)
  3. Filtros (de filterAgent)

Esta ordem garante resultados previsíveis ao combinar diferentes técnicas de correção de cor.