塗りつぶしスタイル

塗りつぶしは、ベクターシェイプ(矩形、円、多角形、パス、その他 描画 ツールで描いたシェイプ)の内部を制御します。シェイプの見た目は、インスペクタに表示される スタイルコンポーネント(塗りつぶし、ストローク、エフェクト)のスタックから構成されます。

記法シンボルの場合、色は代わりにシンボルのカラースキームから得られます。

塗りつぶしの編集

  1. ベクターシェイプを選択
  2. インスペクタの スタイル タブを開く
  3. スタイル セクションで、スタイルコンポーネント リストの カラー塗りつぶし コンポーネントをクリック
  4. 下に塗りつぶしのコントロールが表示され、ソリッド、グラデーション、パターン の3つのタブがあります

ソリッド

カラーウェルをクリックして色を選びます。カラーピッカーの不透明度スライダーで、塗りつぶしの透明度を設定します。

グラデーション

グラデーション タブは線形グラデーションを作成します:

  • グラデーションバー — カラーストップをドラッグして各色の位置を変え、ストップをクリックして色を変更
  • 角度 — ダイヤルを回すか値を入力して、グラデーションの方向を設定
  • キャンバス上で編集 — シェイプ上でグラデーションのハンドルを直接ドラッグし、完了したら 完了 をクリック

放射状グラデーションはインスペクタから作成できません。すでに放射状グラデーションを持つシェイプ(テンプレートやAIアシスタントから作成されたものなど)は、それを維持します。

パターン

パターン タブは、タイル状の画像でシェイプを塗りつぶします:

  • パターン画像を貼り付け — クリップボードの画像を使う
  • ファイルから画像… — 画像ファイルを選ぶ

塗りつぶしを削除する

スタイルコンポーネント リストで カラー塗りつぶし コンポーネントのチェックを外すか、塗りつぶし色の不透明度を0に設定します。

塗りつぶしを追加する

+(スタイルコンポーネントを追加)をクリックし、塗りつぶし グループから選んで、追加の塗りつぶしを重ねます:カラー塗りつぶし、ジグザグ塗りつぶし、パターン塗りつぶし、ハッチング。

塗りつぶしのシャドウ

カラー塗りつぶしには、シャドウ と 内側の影 も設定できます。シャドウとエフェクトを参照してください。

カラーパレットチップ

フローティングのシェイプツールバーには、あなたのドキュメントカラーがクイックカラーチップとして表示されるため、ワンクリックでパレットの色をシェイプに塗りつぶせます。

ヒント

  • 控えめなグラデーション(近い明度の色)は、強いコントラストよりプロフェッショナルに見える
  • 上を明るく → 下を暗く すると、頭上からの光を連想させ、奥行きが出る
  • テキストとその背後の塗りつぶしの間の コントラストを確保する
  • 意味を伝えるのに 色だけに頼らない — テキストラベルも併用する

関連トピック