Illustrator WEB関係

【Illustrator】イラレ画像のクリッピングマスクのショートカットや出来ない場合考えられること

投稿日:

今回はIllustrator(イラレ)のクリッピングマスクがさくっと出来るショートカットやうまく出来ない時の対処法なんかを勝手に綴っていきます。

Illustrator(イラレ)のクリッピングマスクのやりかた

さっそく始めましょう。
元画像と切り取りたい形のオブジェクトを準備します。
今回はお正月っぽく富士山を使用。この富士山画像(マスクをかけたい画像)を長方形(切り取りたい形)にしていきます。

illustrator_clipping-mask

※マスクをかけたいオブジェクトが下になるようにします。切り取りたい形が上。

富士山の画像の上に長方形オブジェクトを載せます。

illustrator_clipping-mask_2

あとは富士山・長方形を両方選択。両方を選択するには長方形オブジェクト・富士山をドラックすればOK

illustrator_clipping-mask_3

最後に

オブジェクトメニュー>クリッピングマスク>作成

長方形のオブジェクトが完成します。

illustrator_clipping-mask_4

Illustrator(イラレ)のクリッピングマスクのショートカット

次にささっとクリッピングマスクが出来るショートカット方法。
元画像と変形したい形のオブジェクトを準備して、元画像の上に長方形オブジェクトを乗せるまでは一緒ですが
マスクをかけたいオブジェクト(富士山)が上にいる場合「F7」を押してレイヤー順を手動で移動し、富士山の上に長方形オブジェクトがくるように移動。

illustrator_clipping-mask_5

もしくは、下にある長方形のオブジェクトのみ選択して ctrl Shift } キーを同時に押すとオブジェクトが最上部になる。

その後、長方形オブジェクトを富士山画像両方を選択して Ctrl+7 を押すとクリッピングマスクが完成。

Illustrator(イラレ)のクリッピングマスクがうまく出来ない場合

うまくクリッピングマスクが出来ない場合考えられる事を確認。

  • マスクをかけたい画像が上になっている
  • マスクをかけたい画像と切り取りたい形が別のグループになっており尚且マスクをかけたい画像が上になっている

illustrator_clipping-mask_6

まとめ

なんだかんだでめちゃくちゃ使う。慣れると楽しい

スポンサーリンク




スポンサーリンク




-Illustrator, WEB関係
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ffftp

さくらサーバーでFFFTPを使う方法【WordPress】

ホストの設定名(T)今回はFTPソフト「FFFTP」を使ってさくらサーバーにアクセスする方法の備忘録。FTPソフト使うとWordPressとかのファイル転送とかダウンロードとかが簡単に出来るから好き。 …

css_object-fit_2

【CSS】画像を親要素内からはみ出さずに合わせて表示する<object-fit>

サイト作っている時にHTMLでデザインした親要素から画像がはみ出してしまう問題を解決したので備忘録。 Contents1 サイトの親要素から画像がはみ出る2 親要素から画像がはみ出ないように色々試して …

thunderbird

サンダーバード(Thunderbird)自動振り分けの受信設定!備忘録

いつもとてもとてもお世話になっています。 無料のメーラー「Thunderbird」(サンダーバード) 今回はこのThunderbirdのフォルダの自動振り分け方法についての備忘録。 バージョンは、68 …

【Illustrator】イラレで蜘蛛の巣をさくっと簡単に作成する方法<備忘録>

今回はIllustrator(イラレ)でサクッと蜘蛛の巣を作成しましょ。 夏の季節・ハロウィンの季節に使えそうな予感。 Contents1 イラストレーター(イラレ)で作る蜘蛛の巣2 イラストレーター …

ads-txt_6

【グーグルアドセンス】ads.txtファイルとは?WordPressでの設置方法

サイトを作成してしばらくしてGoogle AdSenseを確認したところ、「要注意 – 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。」と表示されていまし …

背景画像

プロフィール画像

あさの まき

WEB関連の仕事をしている旅行と酒を愛してやまない女。 いい大人の雑記。

ツイッター

SPONSORED LINK