Illustratorのスポイトで半透明の色を拾いたいとき。(PhotoshopやFigmaと違う。) / いがわ

.

Memo

Illustratorのスポイトで半透明の色を拾いたいとき。

スポイトで半透明の色を拾いたい。

Illustratorで作業中に、キーカラーを基に透明度を使ってデザインを組んでいくことがある。

そういったとき、不透明度が設定されていない場合はスポイトツールでサクッと色を拾える。が、不透明度が設定されているオブジェクトの場合はそうはいかない。

何年か前にできるようになった気がするが、忘れてしまったか、気のせいか、そもそもそんな方法は存在しない。

Photoshopではスポイトで拾うことができ、Figmaでも拾えるので、ちょっと不便に感じてしまう。


代替策としての、透明部分を分割・結合。

Illustrator使用時の代替案としては、一度オブジェクトを結合させてから、スポイトで拾うという方法がある。

手順は以下の通り。

「オブジェクト」 > 「透明部分を分割・結合」へ進む。

スポイトで拾いたい透明度が指定されたオブジェクトを選択し、上部の「オブジェクト」メニューから、「透明部分を分割・結合」へと進む。

Illustratorのスポイトで半透明の色を拾いたいとき。

「透明部分を分割・結合」のウィンドウは、そのままOKをクリック。

設定箇所があるが、これは印刷用のためのもの。色を拾いたいだけのときはそのままデフォルト状態でOKをクリックすれば良い。

Illustratorのスポイトで半透明の色を拾いたいとき。

これでオブジェクトの透明部分が結合され、不透明度が100%となり、スポイトツールで色を拾えるようになる。

Illustratorのスポイトで半透明の色を拾いたいとき。
Illustratorのスポイトで半透明の色を拾いたいとき。
petsスポイトのショートカットキー。

ちなみにスポイトツールのショートカットキーは「i」。

これはIllustratorとPhotoshop、Figmaで共通している。覚えておくとちょっと便利かも。


Illustrator 関連メモ。

以上、参考になれば幸いです。


Webデザインは実務数年、職業訓練校講師数年、フリーランス数年、計15年以上のキャリアがありますが、一気にがぁっと書いているので「です・ます調」ではありません。(元々はメモ書きでした。) 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。 写真は主にUnsplashPixabayのフリー素材を利用させていただいております。その他の写真や動画もフリー素材やパブリックドメイン、もしくは自前のものを使用しております。

井川 宜久 / Norihisa Igawa
デザイナー、ディレクター、講師、コーチ / 井川宜久

免責事項について

  • 記事ページ(Memosのページ)は当初は文字通りメモ書きでした。その後、修正や更新をしております。
  • 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ早急に対応いたします。
  • 一個人のポートフォリオサイトですので、万一損害・トラブル等が発生した場合でも、一切の責任を負いかねます。