鈴木メモ

Illustratorの練習メモとか、作ったものとかのブログです。

*

Illustratorで隙間が出来ないリアルタイム反転コピーの作り方

      2014/03/22

otHlwSWQgI.gif

好きな位置で思いどおりに反転できて、
片側を動かせばもう片方もリアルタイムに動く反転コピーのやり方。
パスファインダ切り抜きを使います。
   

効果でコピーするとコピー側もリアルタイムに動かせる

   
アピアランスの変形で反転コピーするには、イラレのグラフィックスタイルに元々入っているライブリフレクトXを使うのが手軽です(もちろん使わないで自分で設定してもいい、簡単だし。)。この効果をかけたものは片側を動かすと同時に反対側のコピーもリアルタイムに変化する様子を見ながら作業することが出来ます。
以前にハートの描き方のページでもやり方を紹介しています。
触ってない片方も動くのはかなり楽しい。

効果の反転コピーで隙間ができる欠点について

 
しかしこの方法は欠点があり、線やクリッピングマスクを使っていると隙間が出来てしまい正確に反転コピーすることが出来ませんでした。
どうも効果の変形ではパスちょうどでは無く、線幅の外側やクリッピングマスクの中身部分も含まれてひと回り大きく把握されているっぽい。
そのため線もマスクも使っていないパスでないといけないので、塗りのハートマーク程度の簡単なものしか反転できず、便利そうでいてちょっと惜しい機能だな~という感じでした。
(効果を使わずに直に反転ツールなどを使ってコピーすれば反転軸はぴったり合うけれど、今度はリアルタイムの変化はできなくなる)

パスファインダ切り抜きで改善

 
今回はこのイライラを効果のパスファインダ切り抜きを合わせて使うことで改善します。
隙間を無くすだけでなく、反転位置を近くや遠くでも自由に設定できるようになるので色々な用途に対応できます。
これを使うと、反転コピーの使い勝手は最上面にある塗りのエリア内のみがコピーされ、はみ出たものは自動的に見えなくなります。また、反転軸に向かってオブジェクトを動かすと反転軸位置で吸い込まれるように消えていきます。この説明文だと分かりにくいけど使えばすぐ分かるはず。(というか本来反転コピーってこう動くもののような気がする。)

BSo2YBRjaqh.gif

反転軸を自由に設定できるアピアランス

作り方の解説は省略。
データを見て下さい。
データ(cs5)。

パスファインダ切り抜きで出来ないこと

画像のクリッピングマスクなどには使えないようです。   

おまけ

応用すると万華鏡のような反転もリアルタイムで動かすことが出来るようになります。
------
おまけ:パスファインダを使うほどでもないものにはこちらのやり方で。
パスファインダを使わないでもっとシンプルにオブジェクトから遠い位置で回転する方法は以前の記事で考えたことがあります。
解決策は色無しのオブジェクをグループ化してそこを軸にするというもの。
・回転の比較の記事:楽してお花を描くためのIllustratorの回転の操作の比較
・透明の反転軸を利用したイラストの記事:イラレで女の子のイラスト(自己流) 2
(目と眉毛は効果の反転コピーで、中央の色無し線とグループ化している状態。)
  

 - Illustrator