塗りつぶしスタイル
塗りつぶしは、ベクターシェイプ(矩形、円、多角形、パス、その他 描画 ツールで描いたシェイプ)の内部を制御します。シェイプの見た目は、インスペクタに表示される スタイルコンポーネント(塗りつぶし、ストローク、エフェクト)のスタックから構成されます。
記法シンボルの場合、色は代わりにシンボルのカラースキームから得られます。
塗りつぶしの編集
- ベクターシェイプを選択
- インスペクタの スタイル タブを開く
- スタイル セクションで、スタイルコンポーネント リストの カラー塗りつぶし コンポーネントをクリック
- 下に塗りつぶしのコントロールが表示され、ソリッド、グラデーション、パターン の3つのタブがあります
ソリッド
カラーウェルをクリックして色を選びます。カラーピッカーの不透明度スライダーで、塗りつぶしの透明度を設定します。
グラデーション
グラデーション タブは線形グラデーションを作成します:
- グラデーションバー — カラーストップをドラッグして各色の位置を変え、ストップをクリックして色を変更
- 角度 — ダイヤルを回すか値を入力して、グラデーションの方向を設定
- キャンバス上で編集 — シェイプ上でグラデーションのハンドルを直接ドラッグし、完了したら 完了 をクリック
放射状グラデーションはインスペクタから作成できません。すでに放射状グラデーションを持つシェイプ(テンプレートやAIアシスタントから作成されたものなど)は、それを維持します。
パターン
パターン タブは、タイル状の画像でシェイプを塗りつぶします:
- パターン画像を貼り付け — クリップボードの画像を使う
- ファイルから画像… — 画像ファイルを選ぶ
塗りつぶしを削除する
スタイルコンポーネント リストで カラー塗りつぶし コンポーネントのチェックを外すか、塗りつぶし色の不透明度を0に設定します。
塗りつぶしを追加する
+(スタイルコンポーネントを追加)をクリックし、塗りつぶし グループから選んで、追加の塗りつぶしを重ねます:カラー塗りつぶし、ジグザグ塗りつぶし、パターン塗りつぶし、ハッチング。
塗りつぶしのシャドウ
カラー塗りつぶしには、シャドウ と 内側の影 も設定できます。シャドウとエフェクトを参照してください。
カラーパレットチップ
フローティングのシェイプツールバーには、あなたのドキュメントカラーがクイックカラーチップとして表示されるため、ワンクリックでパレットの色をシェイプに塗りつぶせます。
ヒント
- 控えめなグラデーション(近い明度の色)は、強いコントラストよりプロフェッショナルに見える
- 上を明るく → 下を暗く すると、頭上からの光を連想させ、奥行きが出る
- テキストとその背後の塗りつぶしの間の コントラストを確保する
- 意味を伝えるのに 色だけに頼らない — テキストラベルも併用する
関連トピック
- ストロークスタイル — アウトラインの見た目
- カラースキームとドキュメントカラー — 調和の取れた色
- シャドウとエフェクト — ドロップシャドウ、内側の影、不透明度
- インスペクタパネル — スタイルセクションの詳細
- スタイルのコピーと適用 — シェイプ間でのスタイルの転送