イラレで図形の角を丸く調整する変形などをライブシェイプを使っておこなう方法

今回はIllustrator(2015)から飛躍的に強化されたライブシェイプを使って図形の角を丸く調整する変形などをおこなって様々な図形を簡単に作る方法をご紹介します。

Illustrator CC(2015)からより使いやすくなったライブシェイプはより直感的に変形させられるので、難しい理屈を理解していなくても誰でも簡単に扱える機能だと思いますので、この機会に使い方をマスターしてください。

ライブシェイプとは

これまではパスファインダやダイレクト選択ツールでおこなっていた図形の編集がライブシェイプを使えば直感的に簡単におこなうことが出来ます。

厳密に言うとアピアランス効果とは違いますが、例としてはライブシェイプを使って角を丸く(角丸)変形した後で、元の形に戻したい場合はコーナーの数値を0にすることで簡単に元に戻すことが出来ます。

イラレのライブシェイプで角を丸く(角丸)する方法

まずは適当な四角形を用意します。

すると、各角の内側に「コーナーウィジット」と呼ばれるポイントがあり、この「コーナーウィジット」を編集することによって角を丸くしたり、形を変えることが出来ます。

この「コーナーウィジット」を角の内側にドラッグしてみると、４つの角が均等に角丸になります。

先ほどは「コーナーウィジット」を角の内側にドラッグして直感的に角丸にしましたが、角の数値を入力してきっちりと角を数値管理することも出来ます。

角の数値を入力する場合はアートボードの上部にある「コントロールパネル」に入力することで角丸にすることが出来ます。

クライアントによっては角丸の数値を指定される場合もありますので、そのようなケースにはこちらの方法を試してみてください。

イラレのライブシェイプで一部の角だけを丸く(角丸)する方法

先ほどの方法だと４つの角が均等に角丸になりますが、任意の一部の角だけを角丸にすることも可能です。

任意の角だけを角丸にしたい場合は「ダイレクト選択ツール」で任意の角をクリックします。その状態で先ほどと同じように内側にドラッグすると、任意の角だけを角丸にすることが出来ます。

複数の角を同時に「ダイレクト選択ツール」で選択するにはShiftキーを押しながらクリックすると同時に複数選択することが出来ます。

ライブシェイプにはコーナーの形を１クリックで変形させる機能があります。

クリックするたびにコーナー形状を切り替えることが出来ますので、お好みなコーナー形状を選んでください。

イラレの円形におけるライブシェイプ

先ほどは四角形でのライブシェイプでしたが、円には角がないため、「コーナーウィジット」のような働きをするポイントが図形の外側にあります。

このポイントを下方向にドラッグすると、円の中心点を基準に円グラフのような図形を作ることが出来ます。

先ほどは下方向にドラッグしましたが、このポイントを逆方向にドラッグするとピザの１ピースのような図形を抽出することが出来ます。

イラレのライブシェイプで角を増減させて形を変形させる方法

ライブシェイプで多角形を扱う場合は先ほどの「コーナーウィジット」を使った変形の他にも角の数を増減させて形を変えることが出来ます。

例として６角形を用意しました。

最後に多角形の角などの詳細を設定するやり方もありますので、ご紹介します。

多角形の角などの詳細を設定するためには「変形パネル」内で調整することが出来ます。この変形パネル内での詳細設定は四角形や楕円でも使用出来ますので色々試してみてください。

イラレで図形の角を丸く調整する変形などをライブシェイプを使っておこなう方法まとめ

Illustrator CC(2015)から飛躍的に強化されたライブシェイプは直感的に簡単に図形を作ったり、変形したりが出来るようになりました。

この機能を使えば、ロゴなどの制作も時短が期待ができる上に、後で再編集する場合も簡単に元に戻すことも可能です。さらにパスファインダーなども併用すれば、複雑な図形も比較的簡単に作れると思いますので、色々と試してみてください。

パスファインダーの詳しい使い方はこちらの記事で解説していますので、参考にしてこちらも併用していくのがデザインの幅を広げることに繋がると思いますので是非活用してください。