Overview

Element

Effect

トーン

トーンは画像や動画要素の属性であり、その特定の要素に影響を与えることができます。また、キャンバス全体に適用される要素自体であることもあります。

プロパティタイプ必須例値の範囲説明
gammanumbertrue0.56-1 to 1画像または動画要素のためのガンマ調整値。負の値は暗くし、正の値は明るくします。
saturationnumbertrue0-1 to 1彩度調整値。負の値は脱彩色し、正の値は彩度を増加させます。
contrastnumbertrue0-1 to 1コントラスト調整値。負の値はコントラストを減少させ、正の値は増加させます。
brightnessnumbertrue0-1 to 1明るさ調整値。負の値は暗くし、正の値は明るくします。
rednumbertrue0-1 to 1赤チャネル調整値。赤の色強度を調整します。
greennumbertrue0-1 to 1緑チャネル調整値。緑の色強度を調整します。
bluenumbertrue0-1 to 1青チャネル調整値。青の色強度を調整します。
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
}

効果処理の順序

複数のカラー調整が要素に適用される場合、それらは以下の順序で処理されます：

  1. トーン調整（ガンマ、彩度、コントラスト、明るさ、カラーチャネル）
  2. LUT（ルックアップテーブル） カラーグレーディング
  3. フィルター（filterAgent から）

この順序は、異なるカラー補正技術を組み合わせた際に予測可能な結果を保証します。