2013.04.02 Photoshop

レイヤーカンプ機能を使ってボタンのon/offを素早く切り替え

こんにちは、小林です。
昨日はエイプリルフールで、いろんなサイトがジョーク・コンテンツを繰り広げていましたね！
個人的には映画ライジング・ドラゴンとジャッキー・コーガンの公式サイトで、ジャッキー・チェンとブラッド・ピットの主役が入れ替わる！？というのが面白かったです。

下記公式サイト（ジョーク・コンテンツは終了している模様です）
ライジング・ドラゴン公式サイト
ジャキー・コーガン公式サイト

今回は、Photoshopのレイヤーカンプ機能について試してみました。

photoshop上でボタンのon/offを切り替えする時、どのように処理していますか？
onとoffで別々のレイヤー（フォルダ）を作成して、onのレイヤー（フォルダ）には色をつけて区別する、という方法が多いのではないかと思います。

ひとつのボタンならまだしも、何個もボタンがあって、ひとつひとつレイヤーを表示/非表示で操作してボタンのon/offを切り替えするのは面倒だと感じた時、Photoshopのレイヤーカンプ機能を使えば1発で全部のボタンのon/offが切り替えられるので、簡単にご紹介したいと思います。

レイヤーカンプとは？

Adobeの公式サイトでは下記のように説明されていました。

レイヤーカンプについて

デザイナーは、クライアントに見せるためによく複数のデザイン案（カンプ）を作成します。レイヤーカンプを使用すると、1 つの Photoshop ファイルで、複数のレイアウトバリエーションを作成、管理および表示することができます。

レイヤーカンプとは、レイヤーパネルの各レイヤーの状態を記録したスナップショットのことです。レイヤーカンプには、次の 3 種類のオプションが記録されます。

レイヤーパネル内のレイヤーの表示と非表示

ドキュメント内のレイヤーの位置

レイヤースタイルや描画モードの適用によるレイヤーの外観

注意：レイヤー効果とは異なり、スマートフィルターの設定はレイヤーカンプごとに変更することはできません。スマートフィルターをレイヤーに適用すると、画像のすべてのレイヤーカンプに表示されます。

読んだだけではなかなか理解しにくいと思うので、実際に試してみます。