背景フィルタ

背景ツールを使用すると、背景要素を描画し、要素の背後の領域に CSS フィルタのエフェクトを適用できます。

背景ツールは、動画広告とイメージ広告でのみ使用できます。

背景フィルタのエフェクトが背景に表示されるようにするには、背景要素を少なくとも部分的に透明にする必要があります。デフォルトでは、新しい背景要素は不透明度レベル 0.5 で作成されます。このレベルを変更することにより、背景フィルタのエフェクトの強度を調整できます。

背景要素を追加するには:

1. ツールバーの背景ツール を長押ししてポップアップ メニューを表示し、背景要素のシェイプを次の中から選択します。
   • 長方形
   • 楕円
   • ポリゴン
2. 背景シェイプの追加オプションを設定します。
   • 長方形のみ: 角を丸くするには、上部のツール オプション バーで角の半径を設定します。四隅の角すべてに同じ半径を適用するには、一定に保つボタン を使用します。
   • ポリゴンのみ: 上部のツール オプション バーからシェイプを選択します。[自由形式] オプションを使用すると、独自のシェイプを描画できます。[標準ポリゴン] オプションを選択した場合は、ポリゴンの辺の数を入力します。
3. 背景要素を描画します。
   • Shift キーを押しながら描画すると、要素の幅と高さが同じになります。Shift キーは、自由形式の要素または特定のプリセット シェイプ（各辺が常に同じ長さに描画される三角形、菱形、五角形、六角形、星）では機能しません。
   • Alt キーを押したままにすると、描画の開始位置が要素の中心点になります。
   • ポリゴンの背景を描画した後で、個々の頂点をドラッグして背景シェイプを変更することはできますが、辺の数を変更することはできません。
4. [CSS 効果] パネルで、適用する背景フィルタを設定します。デフォルトでは、新しい背景要素にはぼかしフィルタが追加されます。次のフィルタを使用できます。
   • ぼかし
   • 明るさ
   • コントラスト
   • ドロップ シャドウ
   • グレースケール
   • 色調の回転
   • 反転
   • 不透明度
   • 彩度
   • セピア

背景フィルタのリスト

ぼかし 明るさ コントラスト ドロップ シャドウ グレースケール 色調の回転 反転 不透明度 彩度 セピア

別のフィルタの追加

背景要素には複数のフィルタを設定できます。フィルタを追加するには:

1. 背景要素を選択します。
2. [CSS 効果] パネルで [背景フィルターを追加] をクリックします。
3. 適用するフィルタを選択します。

フィルタの並べ替え

同じ背景要素に複数のフィルタを適用すると、それらは [CSS 効果] パネルに表示されている順序で適用されます。

フィルタを並べ替えるには:

1. 並べ替えるフィルタの名前にカーソルを合わせます。3 つのドット が表示されます。
2. ドットをハンドルのように使用し、フィルタをパネル内の目的の場所にドラッグ&ドロップします。

フィルタの非表示

フィルタを非表示にすると、ステージ ファイル、プレビュー ファイル、公開ファイルにエフェクトが表示されなくなります。

フィルタを非表示にするには:

1. フィルタ名にカーソルを合わせます。
2. 非表示 アイコンをクリックします。
3. フィルタを再度表示するには、表示 アイコンをクリックします。

非表示フィルタのコントロールは編集できません。

フィルタの削除

フィルタを削除するには:

1. フィルタ名にカーソルを合わせます。
2. 削除 アイコンをクリックします。

背景要素の編集

背景要素は、ステージ上で直接編集することも、[プロパティ] パネルを使用して編集することもできます。

背景要素のサイズを変更する

サイズを変更する背景要素を選択して、次の手順を実施します。

• [プロパティ] パネルで幅と高さのプロパティを編集します。
• 上部にあるツール オプション バーで、[変形コントロール] オプションをオンにして選択ツール を使用します。
  • Shift キーを押しながらドラッグすると、元のアスペクト比を維持できます。
  • Alt キー（Windows）または option キー（Mac）を押しながらドラッグすると、中心点を変更せずに背景要素のサイズを変更できます。

長方形背景要素の角の曲率を変更する

長方形背景要素の角は、直角または角丸に変更できます。角丸にした場合は、曲率半径を調整できます。

1. 背景要素を選択します。
2. [プロパティ] パネルで、角の半径をピクセルまたはパーセンテージで調整します。半径を 0 に設定すると、角が直角になります。
3. 一定に保つボタン が有効な場合、四隅の角すべてに同じ値が適用されます。それぞれの角を個別に設定するには、このボタン を無効にします。

ポリゴン背景要素のシェイプを変更する

ステージ上でポリゴン背景要素のシェイプを調整できます。

1. ポリゴン背景要素を選択します。
2. ツールバーからポリゴン背景シェイプ ツールを選択します。各頂点にハンドルが表示されます。
3. 各頂点を任意の場所にドラッグします。
   • Shift キーを押しながらドラッグすると、1 つの軸（垂直または水平）のみに沿って頂点を動かすことができます。

注: 既存のポリゴン背景シェイプの辺の数は変更できません。

背景要素をアニメーション化する

背景要素のサイズ、位置、フィルタのプロパティをアニメーション化できます。

長方形背景要素では、角丸をアニメーション化できます。ポリゴン背景要素では、キーフレームで頂点の位置を変更することにより、要素のシェイプをアニメーション化することもできます（ただし、辺の数は変更できません）。

マルチサイズ レイアウト内の背景要素

マルチサイズ レイアウトを使用すると、特定のサイズとサイズ範囲について背景要素のプロパティ（フィルタ プロパティなど）をオーバーライドできます。ポリゴン背景要素のシェイプを変更することもできます。

背景フィルタがオーバーライドされている場合、[レスポンシブ] パネルの [背景フィルタ] ラベルが黄色になります。

他の要素と同様、背景要素を追加または削除できるのはベース ドキュメントの編集時のみです。