『オブジェクトの再配色』を使って一瞬でカラフルなイラレ猫大集合

おや、灰色のイラレ猫ちゃんが一匹でさみしそうですね。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/7eeb3c9c-809c-d788-1077-26460694fe14.jpeg" width=50%>
そんな時はIllustratorの超便利機能、__オブジェクトの再配色__でお友達を手早く増やしてあげましょう。

# オブジェクトの再配色の基本
カラーを編集したいオブジェクトを選択して、編集→カラーの編集→オブジェクトの再配色...を開きます（または上の色相環アイコンでも開けます）。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/8e8d3eec-5c34-e0fb-5cb2-a46bf31eefb1.jpeg" width=70%>
「指定」のタブでは現在の色を個別で選択して色を変更することができます。新規の列の色をダブルクリックするとカラーピッカー、クリックすると下のカラーパレットで任意の色に変更することができます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/26cf9503-bbf7-8165-0d18-4815937ac01d.jpeg" width=70%>
 「指定」で個別に変更以外にも、「編集」では、ハーモニーカラーのリンクを有効にした状態でカラーホイール上で色の編集が行えます。リンクを有効にしていることで他の色も連動して動いてくれるので、元の配色のバランスを保ちつつ良い感じに色が変わってくれるので、明確にこういう色にしたい、がまだ決まってない状態で動かしてみても良い色が見つかるかもしれません。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/0ad40ea9-1c3a-c83d-ac69-2f610e67bf9e.jpeg" width=70%>
「編集」でざっくりメインの色を決めてから、「指定」で再度個別に調整することももちろん可能です。今回は耳や口の色は元の色のままが良かったので、現在のカラーからドラッグ&ドロップして元の色にしました。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/f108cf1d-3ff1-6b0f-1efb-479f5fd9d374.jpeg" width=70%>
納得いく配色ができたらOKで再配色完了、あっという間にカラーバリエーションが作れました。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/351aa9ec-79e0-a785-9782-a62bf966b7c0.jpeg" width=70%>

## カラーを一列に結合
この、青3色は瞳の色です。瞳はグラデーションになっているので個別ではなくまとめて配色し直せると楽ですね。
その場合はshiftを押しながらまとめたい色を選択して、右クリック→カラーを一列に結合します。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/30f77348-755b-6e72-5cfc-e084dea81ea1.jpeg" width=70%>
カラーが一列に統合されました。この状態で新規をクリックし、色を選ぶと、グラデーションは保ったまま色味が変わりました。
新規のカラーの横の▼を押して、「変更しない」にすれば、まとめて選んだ色1色に変更することもできるので目的によって切り替えましょう。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/0948c6d2-7d29-0e9a-e8f3-4ef219aad9e5.jpeg" width=70%>

## プリセット-単色　など
プリセットで単色を選択するとモノトーンの配色も簡単にできます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/084ecd7e-4917-8ac5-78ba-be163ddee93c.jpeg" width=70%>
2色
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/c610a50f-968c-c5c5-a248-ede39ccba30d.jpeg" width=70%>
3色
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/214def0a-38cf-db21-fa80-83d50dc53692.jpeg" width=70%>

## その他便利なもの
カラー配列や、彩度・明度をランダムに変更できるボタンもあります。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/60d5d833-36b6-fa8f-f447-4129fa6aba8a.jpeg" width=70%>
また、この色はどこの色なんだ？という確認をしたい場合は、虫眼鏡のアイコンを押して、確認したい現在のカラーを押すと、どの部分にその色が使われているかわかるので便利です。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/e042a428-1dd2-61d5-20a0-00e27a32967f.jpeg" width=70%>

# おわりに
オブジェクトの再配色を使ってイラレ猫の友達を一瞬で集めることができました！😸
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/889741/7199058c-587b-ae19-a852-9b4c5344b02c.png" width=70%>
イラレ使いの方にとってはかなり基本的かつ必須な機能かと思いますが、イラレを年に一、二回触るか触らないか程度だった頃にこの機能を知らずに配色に無駄に時間がかかってしまっていたので、改めてまとめてみました。今回のようにカラバリを効率的に作る以外にも、「CMYKで作ってたのに気づいたらRGBモードになっていて色が全部微妙に変わってしまった！」（私はこの状況になった時に初めてこの機能を知りました…）とか、想定してない色が混ざってないかの確認など、色に関するいろいろなシーンで使えます。

今回は基本的なところということで割愛してしまいましたが、今のバージョンではAdobe Senseiの技術を用いた再配色※もできたりと、進化している機能なので、どんどん活用していきたいですね！
[※アートワークの再配色](https://helpx.adobe.com/jp/illustrator/using/recolor-artwork.html "アートワークの再配色")