メインコンテンツへスキップ
見出し画像

Illustratorの色の置き換え機能が便利なので紹介します

    こんにちは。
    株式会社iCAREのデザイナーのMeijinです。

    今回は地味に便利で使えるIllustratorの「色の置き換え」を紹介します。

    会社のスライドマスターを作った際に、プレゼンや資料で使えるアイソメイラストを作ったのですが、ブランドカラーとの統一感を出すためにCarelyのメインカラーである#0091DAに色を統一する必要がありました。

    スクリーンショット 2020-07-08 11.37.06

    カンパニーケアのイラスト

    スクリーンショット 2020-07-08 11.37.42

    専門家による問診のイラスト

    スクリーンショット 2020-07-08 11.40.02

    ストレスチェックのイラスト

    今回のイラスト素材はMITライセンスで公開されているISOMETRICをもとに作成しています。

    使い方

    まず、色を編集したいイラストと置き換えたいカラーを設定したオブジェクトを一緒に選択します。

    スクリーンショット 2020-07-08 12.15.27

    編集>カラーを編集>オブジェクトを再配色を選びます。

    スクリーンショット 2020-07-08 12.17.03
    スクリーンショット 2020-07-08 12.21.20

    アイコンはこちら

    次に、設定パネルで対象のオブジェクトの置き換えたい色のところに置き換えたいカラーをドラッグ&ドロップします。

    スクリーンショット 2020-07-08 12.19.47
    スクリーンショット 2020-07-08 12.27.06
    スクリーンショット 2020-07-08 12.32.04

    こうすることで簡単に希望の色に変更することが可能です。いちいちダイレクト選択→スポイトなどで色を取ってこなくてもよくて簡単ですね!
    また、このツールを使えば、グラデーション内のカラーや明度などが違う色味にも反映できるので一気にカラーパターンを編集できてラクです。

    カラーの編集を使ってカラーパターンの量産

    また、カラーの編集タブを表示させて、色相環やカラーのスライドバーなどを調整すると、簡単にカラーパターンを量産することができます。

    スクリーンショット 2020-07-08 12.41.33
    スクリーンショット 2020-07-08 12.46.02

    複雑なイラストや、ロゴなどの比較検討の時には大変便利な機能なのでぜひ試してみてください!

     
     
    BtoB SaaS企業でデザインやデザインシステムやアクセシビリティなどをやっております。

    あなたへのおすすめ