「iWeb」のアイコン

テキストに影を付ける

影を付けることで、テキストの外観に階調を持たせることができます。「iWeb」では、さまざまな影のエフェクトを作成できます。

テキストに影を付けるには:

  1. 影を付けたいテキストを選択するか(テキストボックスを選択するか、ドラッグして特定の単語を選択します)、新しいテキストを入力するテキストボックス内をクリックします。

  2. 「グラフィック」インスペクタが開いていない場合は、「iWeb」ウインドウの下部にあるツールバーの「インスペクタ」ボタンをクリックして(または「表示」>「インスペクタを表示」と選択して)、「グラフィック」ボタンをクリックします。

  3. 「グラフィックインスペクタ」ボタンのイメージ。
  4. 「影」チェックボックスを選択します。

  5. 以下の影コントロールを使って、必要とする効果を作成します。

  6. 「カラー」:影の色を変更します。色を選択するには、カラーウェルをクリックします。

    「角度」:影の角度を変更します。「角度」ホイールをドラッグするか、「角度」フィールドに新しい値を入力します。

    「オフセット」:オブジェクトからの影の距離を設定します。「オフセット」フィールドに新しい値を入力します。オフセット値を大きくすると、テキストの影が長くなり、テキストから離れます。

    「ぼかし」:影のエッジを滑らかに表示します。「ぼかし」フィールドに新しい値を入力します。ぼかしの値を大きくすると、影の拡散の度合いが上がります。

    「不透明度」:影の透明度を変更します。「不透明度」フィールドに新しい値を入力します。不透明度の値を大きくすると、影の透明度が低下します。

「フォント」ウインドウ内のコントロールを使ってテキストに影を付けることもできます。変更したいテキストを選択して、「iWeb」ウインドウの下部にあるツールバーの「フォント」ボタンをクリックします。「テキストのシャドウ」ボタンをクリックし、コントロールを使って不透明度、角度などを変更します。

注記:「iWeb」で作成したテキストの影は、ブラウザによって見え方が異なることがあります。サイトを公開する際、異なるコンピュータや Web ブラウザ上で表示してもテキストの外観が変わらないように、「iWeb」により影付きのテキストがグラフィックに変換されます。(グラフィックはテキストのように見えますが、通常のテキストのように選択することはできません。)


関連トピック

イメージ、テキスト、その他のオブジェクトの透明度を変更する