シャドウとエフェクト

ドロップシャドウ、内側の影、不透明度、角のエフェクトで、ダイアグラムに奥行きと視覚的な面白さを加えます。

シャドウ

ドロップシャドウを追加する

1. シェイプを選択
2. インスペクタの スタイル タブで、スタイル セクションのシェイプの カラー塗りつぶし を選択
3. シャドウ をオンにする
4. 表示されるシャドウのコントロールを調整する

フローティングのシェイプツールバーの 図形スタイル ボタンから シャドウ を切り替えることもできます。

シャドウのコントロール

内側の影

内側の影は、シェイプの縁の内側に描かれ、押し込まれたような、あるいは浮き出たような見た目にします。

1. ベクターシェイプを選択
2. インスペクタの スタイル タブで、その カラー塗りつぶし（ソリッドまたはグラデーション）を選択
3. 内側の影 をオンにする

新しい内側の影は、「押し込み」プリセット — 黒、不透明度45%、下向き、距離3、ぼかし6 — から始まります。

フローティングのシェイプツールバーの 図形スタイル ボタンにも、距離・ぼかし・広がり・カラーのコントロールを備えた 内側の影 チェックボックスがあります。

シャドウのヒント

• ダイアグラム全体でシャドウの方向を一貫させる
• プロフェッショナルなドキュメントには控えめなシャドウを使う
• 柔らかいドロップシャドウと軽い内側の影を組み合わせると、光沢のある質感のある見た目になる
• 書き出し形式を考慮する（シャドウの表示が異なる場合がある）

不透明度

透明度の調整

不透明度 スライダー（パーセンテージ表示付き）で要素を半透明にします：

• 記法シンボルと画像 — インスペクタの スタイル タブ → エレメントカラーコンポーネント セクション
• ベクターシェイプ — インスペクタの スタイル タブ → スタイル セクションの下部

不透明度の活用例

• レイヤリング：重なり合う部分を表示する
• 背景：ウォーターマークや控えめな塗りつぶし
• フォーカス：重要でない要素をフェードさせる
• 注釈：半透明のコールアウト

塗りつぶしと要素の不透明度

• 要素の不透明度（不透明度スライダー）は、塗りつぶし、ストローク、テキストを含む要素全体を透明にします
• 塗りつぶしまたはストロークのみ — 代わりにカラーピッカーで塗りつぶしまたはストローク色のアルファ（不透明度）を下げます

角の丸み

角を丸くする

角丸四角形 ツールで描いたシェイプの場合：

1. シェイプを選択
2. インスペクタの スタイル タブで、スタイル セクションの 図形 グループを見つける
3. 角の丸み スライダー（0〜100%）をドラッグ — 値が高いほど角が丸くなります

コネクタには、折れ曲がりを丸めるための独自の 角の丸み（0〜60）があります — コネクタを参照。

エフェクトの組み合わせ

奥行きと視覚的な階層を作る：

1. 背景のシェイプ：低い不透明度、シャドウなし
2. メインの要素：完全な不透明度、控えめなシャドウ
3. フォーカスする要素：完全な不透明度、目立つシャドウ、角丸

パフォーマンスに関する考慮事項

エフェクトは、複雑なダイアグラムでパフォーマンスに影響することがあります：

• シャドウには追加のレンダリングが必要
• 透明なシェイプが多いとスクロールが遅くなることがある
• 書き出す前にエフェクトの簡略化を検討する

ヒント

• 控えめに：控えめなエフェクトのほうがプロフェッショナルに見える
• 一貫性：全体を通じて同じシャドウ設定を使う
• 書き出しをテストする：PDFとPNGでエフェクトの見え方が異なることがある
• アクセシビリティ：透明度を使う際は十分なコントラストを確保する