クリッピングマスク時に便利なスライス方法【Illustrator】

こんばんは。管理人のかわうそ29です!久しぶりの更新です。

今日は初心者webデザイナーに役立つ、『イラレでのクリッピングマスク時の
便利なスライス方法』
を動画で解説したいと思います。

記事を読めばすぐに実践できる内容です!

結論を言うと、なんと『ダイレクト選択ツール』を使うだけ!

無駄な動きを省き、効率的にスライスするための方法、ぜひ習得してみてください!(本当に簡単な内容なので、軽い気持ちで読んでくださいね!)

※この記事では、『選択範囲からスライス』をショートカットキーで使用しています。

ショートカットでクリッピングマスク

まずはクリッピングマスクの作成方法をおさらいしましょう。

クリッピングマスクはショートカットで作成できますので、ぜひ覚えてください。

手順は簡単!

  1. 切り抜きたいオブジェクトを下層に配置
  2. 切り抜きに使うオブジェクトを上層に配置
  3. 上記の両方を選択
  4. 『CTRL+7』でクリッピングマスク

動画にしたので、こちらを参照ください。

クリッピングマスクの方法をGIFアニメーションで解説

簡単ですよね!でも問題はここから!このクリッピングマスクされたオブジェクト、スライスする時みなさんどのようにされてますか?

クリッピングマスクのスライス問題

クリッピングマスクを選択範囲からスライスしようとすると、『下層にある切り抜きたいオブジェクト』でスライスが作成されてしまいます。

クリッピングマスクで選択範囲からスライスを作成すると、上手くいかないことをGIF動画で説明
クリッピングマスクは望むスライスがしにくい

まさに動画のようにスライス範囲がずれてしまうのです。

これでは再度スライス範囲を設定し直したりと、余計に手間がかかってしまいますね。

便利なクリッピングマスクなのに、このままではもったいない!

この問題を解決する方法を次の項目で説明します。

グループの中でクリッピングマスクのパスを選択

クリッピングマスクを作成するとグループ化されます。クリッピングマスクとなった上層オブジェクトと切り抜かれた下層オブジェクトのグループですね。

結論は、『ダブルクリックでグループを選択し、その状態でクリッピングマスクのパスを選択してスライスを作成』です。

分かりにくいですよね~!こちらの動画を参照ください!

クリッピングマスクでスライスを作成する方法をGIF動画で紹介

どうでしょうか!これでクリッピングマスクでのスライスが作成できましたね!

しかしこの方法には欠点があります。それはグループ化の階層が浅い場合のみ使用できることです。

今回はグループ化の階層が浅かったからいいものの、何層にもグループ化されていた場合、それはそれは手間になると想像できないでしょうか。

そのような場合でも、一撃で鵜リッピングマスクでスライスが作成できる、スマートで生産性の高い、時短なテクニックを次の項目で紹介します!

ダイレクト選択ツールで直接クリッピングマスクを選択

ダイレクト選択ツールでグループ化の階層を無視し、直接クリッピングマスクのパスを選択することができます。

これでカチカチカチカチカチカチカチカチとダブルクリックする面倒な手間を省かれるのです!!

おおなんと素晴らし!

ダイレクト選択ツールでクリッピングマスクを直接選択し、スライス

いかかでしょうか!めちゃくちゃ簡単ですよね!

さらにダイレクト選択ツールも、『A』だけで変更可能なんです!

これは覚えてて損なし!

まとめ

いかがでしたでしょうか。

『A』を駆使するだけの話でした。

本当に簡単な内容でしたが、1作業につき5秒でも短縮することができれば、塵も積もれば山となります。

みなさんもぜひ一度試してみてください!

フォローする