Adobe Color サービスは、プロジェクトに合わせて、調和の取れた魅力的なカラーの組み合わせを選択するお手伝いをします。Adobe Color は Illustrator 内に統合されており、カラーテーマを作成、保存、アクセスできます。また、Adobe Color で使用できる公開されているカラーテーマを探索し、人気の高い順、使用回数の多い順、ランダム、自分が公開したテーマ、過去に高く評価したテーマなど、複数の方法でフィルタリングできます。気に入ったテーマが見つかったら、編集して自分のテーマに保存したり、Illustrator のスウォッチに追加できます。

Illustrator 以外に、Adobe Color テーマパネルは現在、他の 3 つの Creative Cloud デスクトップアプリケーション(Adobe Photoshop、Adobe InDesign、Adobe After Effects)で使用できます。テーマは、これらのデスクトップアプリや Capture などのモバイルアプリから Creative Cloud ライブラリに保存されます。または、Illustrator でシームレスにアクセスできる Adobe Color Web サイトを使って保存されます。

また、Adobe Color テーマパネルは、デザイナーのオンラインコミュニティで作成されたカラーやテーマのグループへの入り口です。Adobe Color テーマパネルを使用すると、数千のテーマを作成または編集して、それらをプロジェクトに使用できます。また、自分で作成したテーマをアップロードすることで、このパネルを使用してコミュニティでテーマを共有することもできます。

Adobe Color テーマパネルへのアクセス

  • Illustrator で、ウィンドウ Color テーマを選択します。

カラーテーマの探索

  1. Adobe Color テーマパネルの「検索」タブをクリックします。デフォルトでは、「探索」タブに最も一般的な公開カラーテーマが表示されます。

  2. カラーテーマをフィルターするには、次のいずれかの操作をおこないます。

    • カテゴリーと期間を選択します。
    • 特定のテーマを探す場合は、検索バーを使用します。
    final_3_explore-tab-options
    カラーテーマの探索

カラーテーマの使用

気に入ったテーマが見つかったら、 アイコンをクリックして、Adobe Color テーマパネルを使用して、カラーテーマのフライアウトメニューから目的のオプションを選択できます。

Screen Shot 2017-04-11 at 11.39.56 AM
「探索」タブのカラーテーマに使用できるオプション

このテーマを編集

Adobe Color テーマパネルの「作成」タブで選択したカラーテーマを開きます。必要に応じて、テーマ内の既存のカラーを選択して変更し、Creative Cloud ライブラリに保存することができます。

注意:また、カラーテーマの名前をクリックして編集することもできます。

final_2_edit-color-themes

お気に入りに追加

選択したカラーテーマを自分の評価カテゴリーに保存します。

スウォッチに追加

スウォッチパネルで選択したカラーテーマを保存します。

オンラインで表示

カラーテーマと関連情報(カラーテーマの作成者、カラーテーマの共有日、レーティングやレビューなど)をブラウザーに表示します。また、そのテーマをブラウザーから評価、保存、共有および編集することもできます。

final_view-online
カラーテーマをオンラインで表示

カラーテーマの作成および保存

review_final_color-themes-panel
カラーテーマの作成

A. アクティブなカラーの設定 B. 選択中のカラーから選択したカラーを設定 C. スライダーの調整 D. カラーテーマの名前を入力 E. 使用可能なカラーシステムでのカラーの調整 F. カラーの選択 G. カラールールの選択 H. カラーテーマのスウォッチパネルへの追加 I. カラーホイール J. カラーテーマの保存 
  1. Adobe Color テーマパネルの「作成」タブをクリックします。

  2.  アイコンをクリックして、テーマのベースになるカラールールを選択します。類似色モノクロマティックトライアド補色コンパウンドシェード、またはカスタムがあります。詳しくは、カラールールを参照してください。

  3. 編集しているカラーに対応する小さな三角形をクリックして、ベースカラーを選択します。選択したカラールールに基づいて、ベースカラー周囲のカラーによって、カラーテーマが自動的に構築されます。

    注意:

    カラーが選択されている間、カラーホイールを使うか、「スライダー」タブに備わったカラーシステムの値(CMYK、RGB、LAB、HSB、HEX)を変更することで、カラーを調整できます。詳しくは、カラーについてを参照してください。

    final_3_sliders
    使用可能なカラーシステムでのカラーの調整

  4. オプション)カラーテーマの作成時には、次のいずれかのオプションを選択できます。

    • 選択中のカラーから選択したカラーを設定アイコン()をクリックして、Illustrator ワークスペースからアクティブなカラーをカラーテーマに追加します。
    • クリックして選択中のカラーを設定アイコン()をクリックして、Illustrator ワークスペースでカラーテーマからアクティブなカラーを設定します。
    • スウォッチに追加アイコン()をクリックして、カラーテーマをスウォッチパネルに追加します。
  5. パネル下部で新しいカラーテーマの名前をクリックします。「保存」をクリックします。

  6. テーマを保存する Creative Cloud ライブラリを選択します。

  7. 保存」をクリックします。

注意:

自分の Adobe ID と会社の認証情報のどちらを使用しているかによって、テーマの保存に使用できるライブラリのセットは異なります。ログインしている認証情報を確認するには、ヘルプマイアカウントを管理を選択します。このオプションを選択したときに会社の認証画面が表示された場合は、会社の認証情報を使ってログインしています。

Adobe ID と Enterprise ID に同じ電子メール ID が関連付けられている場合があります。

カラールール

類似色

カラーホイールで、隣接するカラーを選択します。通常、類似色はブレンドに適し、調和が取れていて、目に心地よく映ります。

カラーホイールで、隣接するカラーを選択します。通常、類似色はブレンドに適し、調和が取れていて、目に心地よく映ります。
カラーホイールで、隣接するカラーを選択します。通常、類似色はブレンドに適し、調和が取れていて、目に心地よく映ります。
カラーホイールで、隣接するカラーを選択します。通常、類似色はブレンドに適し、調和が取れていて、目に心地よく映ります。

analogouscolor-themes-1024x874
例:類似色カラールール

モノクロマティック

1 つのカラーの彩度と明るさのバリエーションを使用します。このカラールールを使用すると、同じ色相(例:H:182)を共有するが彩度と輝度が異なる 5 つの色が表示されます。モノクロマティックカラーは相性がよく、滑らかな効果を生み出します。

monochromatic-color-themes-1024x874
例:モノクロマティックカラールール

トライアド

カラーホイール上の 3 つの等間隔に配置されたカラーを使用します。このカラールールを使用すると、カラーホイール上の 1 つ目の点から、色相が同じだが彩度と輝度が異なる 2 つの色が示され(例:HSB: 182、90、45 および HSB: 182、100、75)、カラーホイール上の 2 つ目の点から同様に 2 つの色が示され(HSB: 51、90、55 および HSB: 51、95、45)、3 つ目の点から 1 つの色が示されます(HSB: 321、90、79)。トライアドカラーは、コントラストが強いものの補色ほどではなく、組み合わせて使っても調和が保たれます。

triadcolor-themes-1024x874
例:トライアドカラールール

補色

カラーホイールの反対のカラーを使用します。このカラールールを使用すると、ベースカラーと同じ色相を持つ 2 つの色(例:HSB: 182、100、45 および HSB: 182、90、100)、ベースカラーそのもの(HSB: 182、100、75)、カラーホイール上の反対側の点から同じ色相を持つ 2 つの色(HSB: 23、100、45 および HSB: 23、100、75)が示されます。補色は、強いコントラストを生み出し、組み合わせると目立ちます。

complementary-color-themes-1024x874
例:補色カラールール

コンパウンド

補色と類似色を混ぜて使用します。このカラールールを使用すると、ベースカラーに隣接した(類似色)同じ色相を持つ 2 つの色(例:HSB: 214、90、95 および HSB: 214、60、35)、ベースカラーそのもの(HSB: 182、100、75)、ベースカラーと反対側(補色)の隣り合った 2 つの色(HSB: 15、75、78 および HSB: 6、90、95)が示されます。コンパウンドカラーテーマは、補色テーマと同じ強いコントラストを生み出しますが、プレッシャーが少なくなります。

compound-color-themes-1024x874
例:コンパウンドカラールール

シェード

同じ色相(例:H: 182)と彩度(S: 100)を共有するが輝度が異なる 5 つの色を使用します。

shadescolor-themes-1024x874
シェードカラールール

カスタム

カラーを制御するルールを使用せずに、パレットでカラーホイールのカラーを手動で選択できます。

カラーを制御するルールを使用せずに、パレットでカラーホイールのカラーを手動で選択できます。

custom-color-themes-update-1024x874
カスタムカラールール

ライブラリに保存したテーマへのアクセス

  1. Adobe Color テーマパネルの「マイテーマ」タブをクリックします。

  2. カラーテーマにアクセスする Creative Cloud ライブラリを選択します。

  3. 必要に応じて、日付順名前順、または数量順を、昇順または降順で並べ替えることができます。

    my-themes_color-themes-panel
    テーマへのアクセス

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー