【Illustrator】自由変形ツールの使い方：自分の思い通りのオブジェクトを作る方法

自由変形ツールを使うことで・・・より自由度が高く直感的にオブジェクトを変形することができる初心者なほど使い勝手のいいツールになります。

そんな自由変形ツールの使い方やできることなど世界一わかりやすく図解で説明していきます。

【Illustrator】ツールバーの使い方まとめ：名称と機能、ショートカットまで全て解説

自由変形ツールとは？

自由変形ツールは全部で3つの機能

を1つのツールで操作することができます。

自由変形

オブジェクトの全8つのアンカーポイント部分をつまんで変形ができます。

遠近変形

オブジェクトの全4つのアンカーポイント部分(4つの角)をつまんで変形ができます。

パスの自由変形

オブジェクトの全4つのアンカーポイント部分(4つの角)をつまんで変形ができます。

MEMO

縦横比固定を選択した状態で2つの機能(自由変形、パスの自由変形)を使うことで全体のオブジェクトの縦横比を固定した状態で変形できます。

自由変形ツールの使い方

それでは3つの機能の使い方を見ていきましょう。 次の3つの機能を活用した完成図を一緒に作成していきましょう。

自由変形

STEP.1

車と平坦な道を用意

STEP.2

道を選択した状態で自由変形ツール＞自由変形を選択

選択したもの全てを変形するのでこのとき真ん中の黄色の車線も一緒に変形しましょう。

STEP.3

オブジェクト真ん中上のアンカーポイントを右にずらす

選択した道路オブジェクトの真ん中上のアンカーポイントをつまんで右にずらすことで全体的に斜めに移動します。

STEP.4

車を道路上に移動させる

STEP.5

車オブジェクトも自由変形で位置や角度を調節する

道路オブジェクトと同じように自由変形を使って車の角度を変えて自然に車が走っているような感じにします。

MEMO

自由変形で真ん中右のアンカーポイントをつまんで反時計回りに動かすことで反対向きにすることも可能です。

完成

遠近変形

STEP.1

車と平坦な道を用意

STEP.2

道を選択した状態で自由変形ツール＞遠近変形を選択

選択したもの全てを変形するのでこのとき真ん中の黄色の車線も一緒に変形しましょう。

STEP.3

上2つのどちらかのアンカーをつまんで左右に動かす

道オブジェクトの上2つどちらかのアンカーポイントをつまんで左右に動かすことで車線も含めて直線での遠近感覚を表現することができます。

完成

最後に車を道に持ってくるだけで道路を走る車の遠近感のある表現ができました。

パスの自由変形

STEP.1

車と平坦な道を用意

STEP.2

道を選択した状態で自由変形ツール＞パスの自由変形を選択

選択したもの全てを変形するのでこのとき真ん中の黄色の車線も一緒に変形しましょう。

STEP.3

右上のアンカーをつまんで左右に動かす

道オブジェクトの右上のアンカーポイントをつまんで左右に動かすことで車線も含めて直線での遠近感覚を表現することができます。 コツとしては右から左にアンカーポイントを移動させて少し下にずらすことで簡単に斜め上に登っていく道路を再現できます。

STEP.4

立体感を出すためにラインを追加

より立体的な表現をするために左車線の左側にラインをペンツールを使って表現します。これはあってもなくても大丈夫です。

完成

最後に車を持ってきて完成です。車ももう少し立体的に表現できれば最高ですね。

自由変形ツールでよくあるQ&A

自由変形を使わないと遠近感覚を表現できないの？

遠近グリッドツールを使えばできるけど、使い慣れるまで慣れが必要になる

遠近グリッドツールを使うことで立体的なイラストや図形やテキストに遠近感覚をつけることができます。

【IllustratorCC/CS6/CS5】遠近グリッドツールの正しい使い方：初心者でも分かるように優しく解説

図形だけじゃなくて文字には使えないの？

使えるけど遠近変形とパスの自由変形は使えない

  テキストボックス全体を変形できる自由変形を使って立体的なものにテキストを埋め込むことは可能ですが、遠近変形とパスの自由変形は使えません。

【IllustratorCC/CS6/CS5】遠近グリッドツールで写真・文字を配置する方法

関連記事

【Illustrator】ツールバーの使い方まとめ：名称と機能、ショートカットまで全て解説

【Illustrator】世界一わかりやすいグラデーションの使い方まとめ

【Illustrator】複雑なグラデーションを作ってより立体感のあるイラストを作る方法