Cafi Netつながる情報技術
  1. トップ>
  2. フォトショップの使い方>
  3. ドロップシャドウと光彩

Adobe Photoshop CS5 のドロップシャドウと光彩の使い方

レイヤースタイルダイアログボックスの続きです。Adobe Photoshop CS5(アドビ フォトショップ CS5)の使い方を理解するために、メニューバー「レイヤー」のレイヤースタイルに収録された機能を見てみたいと思います。

Photoshop CS5 レイヤースタイルのドロップシャドウや光彩など

カスタムレイヤースタイルの適用または編集 - Photoshop CS5 ユーザーガイド

レイヤースタイルとは、レイヤー上のオブジェクトに視覚効果を適用する機能です。

レイヤースタイルの設定は、レイヤースタイルダイアログボックスから行います。

レイヤースタイルダイアログボックスのドロップシャドウ

「レイヤー」-「レイヤースタイル」-「ドロップシャドウ」を選択すると、レイヤースタイルダイアログボックスが表示されます。(レイヤーパネルから表示しても構いません)

ドロップシャドウにチェックが入り、レイヤーにドロップシャドウが適用されます。プレビューを確認しながら、構造と画質を調整します。

Photoshop CS5 ドロップシャドウを適用した花の画像

花の影の部分がドロップシャドウです。角度と距離は、ドキュメントウィンドウ内をマウスで直接調整できます。

シャドウのカラー・不透明度・角度・サイズ・輪郭など、さまざまな調整が可能です。

Photoshop CS5 シャドウ(内側)を適用した花の画像

レイヤースタイルのシャドウ(内側)とは、オブジェクトの内側に影を適用する機能です。上の画像では、花の内側に黒いシャドウが設定されています。

Photoshop CS5 シャドウ(内側)を適用したテキストレイヤー

Photoshop CS5 テキストレイヤーのシャドウ(内側)のダイアログボックス

テキストレイヤーにシャドウ(内側)を適用しました。黒のテキストに白のシャドウです。よろしければ設定画面を拡大してご覧ください。

Photoshop CS5 レイヤーパネルのシャドウ(内側)

適用した視覚効果は、レイヤーパネルからダブルクリックで選択することで簡単に編集できます。(レイヤースタイルダイアログボックスが表示されます)

Photoshop CS5 光彩(外側)を適用した花の画像

レイヤースタイルの光彩(外側)です。花の外側の、ピンクの部分が光彩です。

Photoshop CS5 光彩(外側)を適用したテキストレイヤー

Photoshop CS5 テキストレイヤーの光彩(外側)のダイアログボックス

テキストレイヤーに光彩(外側)を適用しました。黒のテキストに赤の光彩です。輪郭は、リング(二重)に設定しました。

光彩は、鮮やかで目立つ光といった意味ですが、レイヤースタイルで光彩を適用するだけでもテキストレイヤーの印象が大きく変わります。

Photoshop CS5 光彩(内側)を適用した花の画像

レイヤースタイルの光彩(内側)です。画像中央に、元のピンクの部分を少し残しました。まわりの黄色が光彩(内側)です。

中央まで光彩のサイズを広げ、花の色を変えることもできます。

Photoshop CS5 光彩(内側)を適用したテキストレイヤー

Photoshop CS5 テキストレイヤーの光彩(内側)のダイアログボックス

テキストレイヤーに光彩(内側)を適用しました。カラーやサイズを変更することで、様々なデザインの変更が可能です。

Photoshop CS5 光彩の外側と内側を適用したテキストレイヤー

Photoshop CS5 光彩の外側と内側の設定画面(外側)

Photoshop CS5 光彩の外側と内側の設定画面(内側)

上の画像(FLASH)は、光彩の外側と内側の両方を設定したテキストレイヤーです。両方の光彩を設定すると、さらに多くのバリエーションが得られます。

テキストレイヤーの色は黒です。光彩の外側は黄色で、サイズは設定画面の通りです。光彩の内側は緑色で、サイズは設定画面の通りです。