スタイルおよび変形の適用



ボタンまたはレイヤーセットへのスタイルの適用

  1. メニュービューアまたはレイヤーパネルのボタンを選択します。

  2. スタイルパネルでスタイルを選択して、スタイルを適用ボタン をクリックします。

    気に入ったデザインのレイヤーがメニューにある場合は、そのレイヤーを直接スタイルパネルにドラッグして、簡単に新しいスタイルを作成できます。 新しいスタイルには、そのレイヤーに適用されている効果がすべて含まれています (スタイルの作成についてを参照してください)。

ドロップシャドウの追加

ドロップシャドウを利用すると、メニューに奥行きを与えることができます。 ドロップシャドウ効果は、テキスト、ボタン、その他のグラフィック要素など、メニュー内のどのオブジェクトにも適用できます。

Encore では、シャドウのカラー、不透明度、角度、距離、サイズおよびスプレッドを指定して、シャドウの様々な側面を制御できます。 個別の要素またはレイヤーセットにドロップシャドウを適用します。 この効果は要素に適用されるので、要素の移動やサイズ変更、またはテキストの編集を行うと、それに合わせてドロップシャドウも移動、サイズ変更または変形されます。 ドロップシャドウをボタンまたはレイヤーセットに適用すると、ドロップシャドウは最背面レイヤーに適用されます。

スタイルパネルには、ドロップシャドウをはじめとする、あらかじめデザインされた多数の Photoshop レイヤー効果があり、ボタンやその他の要素のアピアランスをすばやく変更できます。 あらかじめ定義されたスタイルについてを参照してください。
  1. 変更するボタンがあるメニューを開きます。

  2. レイヤーパネルで、ドロップシャドウを追加する要素のレイヤーをクリックします。 要素がレイヤーセット内にある場合は、レイヤーセットを展開してレイヤーを選択します。

  3. オブジェクト/ドロップシャドウを選択し、ドロップシャドウダイアログボックスでドロップシャドウを選択します。

  4. カラーを変更するには、カラーサンプルをクリックします。

  5. カラーピッカーダイアログボックスで、次のいずれかの方法を使用してカラーを調整します(右側にあるカラーサンプルの上半分は選択したカラーで、下半分はオリジナルのカラーです)。

    • カラースライダの三角形スライダをドラッグしてカラーの範囲を指定し、カラーフィールドでカラーをクリックします。

    • 色相(H)、彩度(S)、明度(B)、または赤(R)、緑(G)、青(B)のボタンをクリックし(ボタンをクリックするたびにカラーフィールドが変化します)、次にカラーフィールドをクリックして新しいカラーを選択します。

    • 数値を変更するには、数値をクリックしてから新しい値を入力するか、双方向矢印ポインタを数値の上で左右にドラッグして値を増減します。

    • 新しいカラーの 16 進数値を「#」テキストボックスに入力します。

  6. 「OK」をクリックして、カラーピッカーを閉じます。

    ドロップシャドウのカラーサンプルに新しいカラーが置き換えられます。

  7. ドロップシャドウのその他のプロパティを変更するには、双方向矢印ポインタを値の上で左右にドラッグして値を増減します。 「プレビュー」オプションをクリックしてオフとオンを切り替えると、各プロパティの効果を確認できます。

    不透明度
    影の不透明度を設定します。

    角度
    影の照明の角度を指定します。

    距離
    オブジェクトからの影のオフセット距離を指定します。

    サイズ
    影のサイズを指定します。

    スプレッド
    影の境界を拡大します。

  8. ドロップシャドウを適用するには、「OK」をクリックします。

オブジェクト/ドロップシャドウを使用して適用されたドロップシャドウは、あらかじめ定義されたスタイルを適用すると、置き換えられたり削除されたりすることがあります。

メニューを編集しているときに、Photoshop でドロップシャドウを編集することができます。

メニューオブジェクトの回転

  1. メニュービューアでオブジェクトを選択します。

  2. 次のいずれかの操作を行います。

    • 90 度ずつ回転するには、オブジェクト/回転/180°、90°(時計回り)または 90°(反時計回り)を選択します。

    • 任意の角度に回転するには、ツールパネルの回転ツール をクリックして、オブジェクトの 8 つの選択ハンドルのいずれかを外側からドラッグします(ポインタはカーブした両方向矢印に変化します)。 左にドラッグして反時計回りまたは右にドラッグして時計回りに回転します。 Shift キーを押すと、回転が 45 度ずつに制限されます。 オブジェクトは、中心点を軸にして回転します。

メニューオブジェクトのサイズの変更(スケール)

メニューを微調整するときは、多くの場合、要素のサイズを調整する必要があります。 マウスを使用して、メニュー上のオブジェクトを手動でスケールすることができます。 複数のオブジェクトまたはレイヤーセットをまとめてグループとしてスケールすることができます。

  1. 変更するメニューを開きます。

  2. メニュービューアまたはレイヤーパネルで、サイズを変更するオブジェクトを選択します。

  3. 次のいずれかの操作を行います。

    • ハンドルをドラッグします。

    • オブジェクトの縦横比を維持してサイズを変更するには、Shift キーを押しながらハンドルをドラッグします。

    • オブジェクトの中心点からサイズを変更するには、Alt キー(Windows)または Option キー(Macintosh)を押しながらハンドルをドラッグします (中心点の位置はメニュー上で維持されます)。

    • オブジェクトの中心点から縦横比を維持してサイズを変更するには、Shift+Alt キー(Windows)または Shift+Option キー(Macintosh)を押しながらハンドルをドラッグします (中心点の位置はメニュー上で維持されます)。

      注意: 複数のオブジェクトを選択している場合は、1 つのオブジェクトハンドルをドラッグすると、同時にすべてのオブジェクトのサイズが変更されます。

メニューオブジェクトの反転

メニュー内のオブジェクトは、水平または垂直に反転することができます。

フルサイズのグラフィックを表示
オブジェクトを水平に反転した場合と垂直に反転した場合の比較

A.
最初に配置されたときのオブジェクト

B.
水平に反転した場合

C.
垂直に反転した場合

  1. 反転するオブジェクトがあるメニューを開きます。

  2. メニュービューアまたはレイヤーパネルで、反転するオブジェクトを選択します。

  3. オブジェクト/水平方向に反転、またはオブジェクト/垂直方向に反転を選択します。