ノベルティメディア
media効率的に色を操ろう!「オブジェクトを再配色」の使い方
![効率的に色を操ろう!「オブジェクトを再配色」の使い方](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F806a9cf3faa34477a12eaa88601b1d05%2F2756d046159a4044b7aac2a15dc5c4dd%2Fmember_nishida.jpg&w=64&q=75)
![効率的に色を操ろう!「オブジェクトを再配色」の使い方](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F806a9cf3faa34477a12eaa88601b1d05%2F3c43ba5447f348b0b00e2518cd49e45f%2F%25E3%2582%25AA%25E3%2583%2595%25E3%2582%2599%25E3%2582%25B7%25E3%2582%2599%25E3%2582%25A7%25E3%2582%25AF%25E3%2583%2588%25E3%2582%2592%25E5%2586%258D%25E9%2585%258D%25E8%2589%25B2%25E3%2581%25AB%25E3%2581%25A4%25E3%2581%2584%25E3%2581%25A6.jpg&w=1920&q=75)
はじめまして!
2024年2月にノベルティに入社したデザイナーのにしだです。ノベルティメンバーにあたたかく迎えられ、毎日楽しく制作を行っています。
現在私はデザインツールの中で「Illustrator」を使用する機会が多いのですが、毎回使用しているお気に入りの機能があります。それがオブジェクトを再配色です。
ぜひとも色味調整の場面でつかっていただきたい機能ですので、さっそく解説していきます。
オブジェクトを再配色とは?
「オブジェクトを再配色」とは、複数のオブジェクトをまとめて色変更できる機能です。
( オブジェクトとは…パス、画像、テキストなどIllustratorで配置した要素すべてのことを指します)
オブジェクトのパーツが細かい場合など、ひとつずつ色変更しようとすると工数がかかりますが、この機能を使えば色味を一瞬で変更できます。
オブジェクトを再配色の開き方
「オブジェクトを再配色」を使用するには2種類の方法があります。
どちらの場合も、色味を調整したいオブジェクトを選択しなければ表示されないので注意です。
①画面上部のコントロールパネル
オブジェクトを選択すると画面上部のコントロールパネルに出現する、カラーホイールのアイコンをクリックします。
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F806a9cf3faa34477a12eaa88601b1d05%2Fd76560109ac942859b42b34aad3a24e2%2F01.png&w=828&q=75)
②画面上部のメニューバー
オブジェクトを選択後、
編集>カラーを編集>オブジェクトを再配色 をクリックします。
オブジェクトを再配色でできること
彩度・明度・色相を感覚的に調整できる
「オブジェクトを再配色」を開くと、色味を感覚的に調整することが可能です。
下のスライダーを左右に動かすことで、色の濃淡が簡単に変更できます。
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F806a9cf3faa34477a12eaa88601b1d05%2Fe6a1930430bb4a8cae8816fa26a5fe73%2F%25E3%2582%25A2%25E3%2582%25BB%25E3%2583%2583%25E3%2583%2588%25207.png%3Fw%3D650%26h%3D274&w=1920&q=75)
スライダーの左側に丸いグラデーションのアイコンがあり、左を選択すると明度、右を選択すると彩度の調整ができます。
色相は中央のカラーホイールのハンドルをドラッグすることで調整が可能です。
色数をまとめることができる
色数を絞り込み、色相をまとめることができます。「カラー」の右側に数を指定することで、色数を変更されます。
手作業で統一しようとするとかなり工数がかかりますが、この方法だと一瞬で変更できます。
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F806a9cf3faa34477a12eaa88601b1d05%2F29858568718b4f028bcba3fed28795fb%2F%25E8%2589%25B2%25E6%2595%25B0%25E3%2582%2592%25E3%2581%25BE%25E3%2581%25A8%25E3%2582%2581%25E3%2582%258B.gif%3Fw%3D660%26h%3D473&w=1920&q=75)
カラーテーマピッカーで再配色できる
「カラーテーマピッカー」は色味を抽出できる機能です。
ドラッグして範囲選択したエリアを基準として色を抽出できるため、あっという間に色味に変更することができます。ベクターデータだけではなく、写真からも色を抽出できるのが便利ですね。
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F806a9cf3faa34477a12eaa88601b1d05%2F6a5267ddfb314c8dbd0e32551457b192%2F%25E3%2582%25AB%25E3%2583%25A9%25E3%2583%25BC%25E3%2583%2586%25E3%2583%25BC%25E3%2583%259E%25E3%2583%2592%25E3%2582%259A%25E3%2583%2583%25E3%2582%25AB%25E3%2583%25BC%25E3%2581%25A6%25E3%2582%2599%25E5%2586%258D%25E9%2585%258D%25E8%2589%25B2%25E3%2581%25A6%25E3%2582%2599%25E3%2581%258D%25E3%2582%258B-100.jpg%3Fw%3D660%26h%3D295&w=1920&q=75)
色の置き換えが簡単にできる
ピンポイントで変更したい色がある場合、右下の「詳細オプション」から細かい調整ができます。置き換えたい色の右側の小さな四角をダブルクリックするとお好みの色に変更されます。
同じ色を一括で置き換えることができるので、(参考動画だとフクロウ・きつね・うさぎの色)全体のバランスを見ながら色味の調整がしやすいです。
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F806a9cf3faa34477a12eaa88601b1d05%2Fac425807fcd04790a913cba40242645d%2F%25E8%2589%25B2%25E3%2581%25AE%25E7%25BD%25AE%25E3%2581%258D%25E6%258F%259B%25E3%2581%2588.gif&w=1920&q=75)
AIを使って指示した色に変更できる
Adobe FireflyのAIを活用した「生成再配色」を使うと、カラーバリエーションを提案してくれます。
プロンプトを入力して生成ボタンを押すと4パターン生成されます。イメージにあうものがなければ、もう一度「生成」を押すと追加で色パターンを提案してくれます。
色づかいに悩んだときはイメージを言語化して投げてみると、配色のインスピレーションに繋がりそうですね。
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F806a9cf3faa34477a12eaa88601b1d05%2F3e9d11b92ea2411cb9f8d1425b01281e%2FAI%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%2586.gif&w=1920&q=75)
まとめ
いかがでしたか?
様々な方面から配色を調整できるので、業務の効率化に繋がるのではないでしょうか。
「オブジェクトを再配色」、ぜひ使ってみてくださいね!
最後までお読みいただきありがとうございました。
Webプロモーション・業務改善は
ノベルティひとつで完結
はじめての依頼にも
全力でサポートさせていただきます
おすすめ記事/ PICKUP
記事カテゴリー/ CATEGORY
企業の課題はノベルティひとつで完結
ホームページ制作などのWeb制作をはじめ、
システム開発やマーケティング支援などワンストップで対応
まずはお気軽にお問い合わせください
お電話またはメールでお気軽にお問い合わせください。