みーのぺーじ

みーが趣味でやっているPCやソフトウェアについて.Python, Javascript, Processing, Unityなど.

Illustratorで動的左右対称な図形を描く

Illustratorで左右対称な図形を描く方法を紹介します。動的というのは、片側を編集したらもう片方もリアルタイムで変更されるという意味です。例としてハートマークを描きます。以下の画像はクリックすると拡大され、細かいところまで見れるようになっています。

使用しているのはAdobe CS5です。

まず、ハートマークの片側を、Pen Tool (P) で描きます。

f:id:atsuhiro-me:20151103003525p:plain:w300

Selection Tool (V) で選択し、 Effect > Distort & Transform > Transform で、以下のように、1 copies、Reflect X、基準点を右側、に設定します。

f:id:atsuhiro-me:20151103003528p:plain:w300

この状態で、左側を編集すると、右側もリアルタイムで更新されます。例えば、下の左の画像のような状態で、左側のPathを少しいじると、右の画像のように両側が変更されるわけです。

f:id:atsuhiro-me:20151103003530p:plain:w300

f:id:atsuhiro-me:20151103003534p:plain:w300

左右対称な編集を終了するには、Object > Expand Appearance します。ただ、この状態だと2つの開いたPathなので、ハートの中身を塗りつぶしたりすることは不可能です。1つの閉じたPathにするには、以下の手順を踏みます。

まず、2つのPathをそれぞれ同じLayerの層に移動させます。下の図のようになったら大丈夫です。

f:id:atsuhiro-me:20151103003536p:plain:w300

閉じたい部分の頂点を2つ選択して、右クリック > Join します。2箇所をJoinで閉じます。以上で完了です。1つの閉じたPathで描かれた左右対称なハートマークが完成しました。

f:id:atsuhiro-me:20151103003538p:plain:w300

(2012.12.31)