Photoshopを使う際、煩雑なカラースウォッチで作業している方向けの記事です。
今までスウォッチを特に意識していなかった方にもおすすめです。

案外面倒で放置しがちなスウォッチですが、
整然と管理することで確実に生産性は上がります！

スウォッチを使いこなせば、同じ色と思って使った色が微妙に変わってしまったり、
無駄に色数を増やしてしまいデザインが崩壊するのを防ぐことができると思います。

スウォッチで出来ること

細かく言えば色々ありますが、今回は特に重要な部分を紹介します。

• カラーの追加
• カラーの削除
• スウォッチの保存（カラーリストの保存）
• スウォッチの読み込み（カラーリストの読み込み）
• スウォッチの置き換え（カラーリストの置き換え）

簡単に言うと、カラーセットを保存できるし、読み込めるのです。

デザイン（プロジェクト）毎にカラーセットを作る

カラーセットは凄く重要です。
これを整理するためにスウォッチは存在しています。

私はウェブデザイナーなので、ウェブデザインをする上での考えがメインになりますが、
グラフィクやイラストを作るときにも同様だと思います。

複数人が関わるプロジェクトなどで、
カラーセットを共有すれば色がブレるリスクも減りますね。

• メインカラー
• サブカラー１
• サブカラー２
• テキストカラー
• テキストサブカラー１
• テキストサブカラー２
• リンクカラー
• 背景カラー

私の場合はウェブサイト毎に、こんな感じで色を定義しています。

色数を減らす事が全てではありませんが、
特にウェブデザインに於いては多くの場合、色を使いすぎないほうが
一貫性があり使い易いデザインになると思います。

スウォッチの管理方法

1.まずはスウォッチパネルを表示

メニュー「ウィンドウ」→「スウォッチ」でスウォッチパネルを表示できます。
これまでスウォッチを特に触っていなければ「スウォッチの初期化」を選んだ状態だと思います。

ちなみに初期化状態を含め、Photoshopデフォルトのカラーセットは、
スウォッチパネルの右上のオプションメニューから選択することができます。

オプションメニューでは、以下４つから表示形式の選択も可能です。

• サムネール（小）を表示
• サムネール（大）を表示
• リスト（小）を表示
• リスト（大）を表示

状況にもよりますが、画面スペースは貴重なので、
私は基本的に「サムネール（小）を表示」の状態にしています。

2.スウォッチを空にする

使用しないカラーパレットが存在するままでは、デザイン毎の管理は難しいですよね。
そこでまずは、スウォッチの中に色が無い状態を準備します。

「オプションメニュー」から、「レンズフィルターカバー」を選択します。
そして空にするために、登録されている色を消して行きます。

色の上にカーソルをもっていき、「altかoption」を押すと、
カーソルがハサミのマークになるはずです。

そのままクリックするとすべての色を削除できます。
※レンズフィルターカバーを選択したのは、削除する色数が少なくて済むからです。

3.スウォッチ管理用のデフォルトカラーセットを作る

空にしたスウォッチにデフォルトとなる色を定義します。
私の場合は、白（#ffffff）と黒（#000000）の色のみを登録しています。

カラーピッカーで追加登録したい色を選択している状態で、
下のスウォッチ追加ボタンを押すと任意の名前で登録できます。

任意のデフォルト状態を登録したら、
「オプションメニュー」から「スウォッチを保存」を選択します。
私はこの管理用のカラーセットを「default.aco」という名前で保存しています。

4.デザインプロジェクト毎にカラーセットを作る

「オプションメニュー」から「スウォッチの置き換え」を選択し、
（３）で作成した「default.aco」を読み込みます。
※「スウォッチの読み込み」だと、色が追加されデフォルトだけでは無くなります。

読み込んだあとは、デザイン制作に使う色を追加して、
「オプションメニュー」から「スウォッチを保存」を行います。

「オプションメニュー」から「リスト（小）を表示」にすると、
任意スウォッチ名を表示した状態にすることも可能です。

ちなみに、上の１行の色は最近使った色が表示されています。

5.カラーセットを共同作業者で共有する

「.aco」ファイルを共有すてば、同じプロジェクトにアサインしている、
他のデザイナーとも共通のカラーセットで制作を進められます。

「.aco」ファイルはデフォルトでは、
「ライブラリ/Application Support/Adobe/Adobe Photoshop CC/Presets/Color Swatches/」の中に格納されています。

まとめ

作業効率を上げるにはショートカットを覚えろって話が多いですが、
他の部分にも目を向けるともっと早くなります。
※ショートカットの記事→【随時更新】Photoshopのオリジナルショートカット

カラーセットが綺麗に整理されていると、本当に色を選択し易いです。
一度、試して頂けると幸いです！