Adobe Illustratorでライブシェイプと直線を作成します。作成後、コントロールウィジェットを使用して、幅、高さ、角丸の半径のプロパティを動的に変更し、自分が望む正確な形状にします。
live-shapes_900x506

長方形を描画する

ツールバーから長方形ツールを選択し、アートボード上をドラッグします。角丸の半径を変更するには、4つのコーナーウィジェットのいずれかをドラッグします。半径が最大値に達すると、赤い弧が表示されます。

半径を個別に変更することもできます。そのためには、ダイレクト選択ツールで、変更するアンカーポイントをクリックして選択します。コーナーウィジェットをドラッグすれば編集できます。

8つあるバウンディングボックスのハンドルのいずれかをドラッグすることで、長方形のサイズを変更できます。回転させるには、ポインターをコーナーハンドルの外側に離していき、回転アイコンが表示されてからドラッグします。

シェイプの位置を変更するには、シェイプツールを選択して、中心点ウィジェットを使用します。

live-shapes-step1_900x506

シェイプを正確に編集する

プロパティパネルの「変形」セクションでは、シェイプのサイズ、回転角度、およびその他の属性を変更できます。詳細オプション(...)をクリックして、角の種類など、シェイプのその他のプロパティを表示します。

ヒント:回転したシェイプやパスを元の角度にリセットするには、「回転」フィールドで「0°」を選択します。

5288-live-shapes_fig2

多角形を描画する

ツールパネルで長方形ツールを長押して、他のシェイプツールを表示します。多角形ツールを選択し、アートボード上でドラッグしてシェイプを描画します。

多角形は、デフォルト設定では6角形です。辺ウィジェットをドラッグすると、辺の数を動的に変更することができます。または、プロパティパネルの「変形」セクションで「詳細オプション」をクリックして、スライダーを使用するか、「多角形の辺の数」を入力することもできます。

ライブ特性を維持したまま、縦横比を変更して多角形を拡大・縮小することができます。シェイプを等辺の多角形に戻すには、「辺の長さを等しくする」をクリックします。

5288-live-shapes_fig3a

多角形の角を丸める

いずれかの角丸ウィジェットをドラッグすれば、多角形のすべての角を丸くすることができます。角を個別に編集するには、ダイレクト選択ツールを使用して、変更するコーナーウィジェットのみクリックして選択します。

ヒント:Altキー(Windows)またはOptionキー(macOS)を押しながらウィジェットをクリックすれば、角丸(外側)、角丸(内側)、面取りなど、「角の種類」が順に切り替わります。

5288-live-shapes_fig3b

楕円形を描画する

ツールバーで多角形ツールを長押しして、楕円形ツールを選択します。ドラッグして楕円を作成します。楕円形のサイズを動的に変更するには、バウンディングボックスのハンドルをドラッグします。

縦横比を保持したままシェイプのサイズを変更するには、バウンディングボックスのハンドルをShiftキーを押しながらドラッグします。Alt+Shiftキー(Windows)またはOption+Shiftキー(macOS)を押しながらドラッグすれば、縦横比を保持したまま中心点を基準にしてサイズを変更できます。

楕円を回転するには、バウンディングボックスのハンドルからポインターを離していき、回転アイコンが表示されたらドラッグして回転させます。回転角度を示すツールチップが表示されます。 

ヒント:Shiftキーを押しながら回転すると、45°単位の角度でスナップします。

live-shapes-step5_900x506

扇型を作成する

楕円を選択し、扇型ウィジェットをドラッグして、扇形を作成します。プロパティパネルの「変形」セクションで詳細オプション(...)をクリックします。扇形を切り取った形状を作成するには、「扇形を反転」(双方向矢印)ボタンをクリックします。

ヒント:扇形をリセットして楕円形に戻すには、いずれかの扇形ウィジェットをダブルクリックします。

5288-live-shapes_fig4b

直線を描画する

ツールバーで楕円形ツールを長押しし、直線ツールを選択します。ドラッグして直線を描画すると、ツールチップに角度と長さが表示されます。 

直線を回転させるには、ポインターを端のウィジェットから離していきます。回転アイコンが表示されたら、ドラッグして、回転します。直線はその中心点を基準に回転します。

live-shapes-step7_900x506

サイズ変更と整列

ウィジェットをドラッグして、線のサイズを変更します。あるいは、「変形」セクションの「詳細オプション」をクリックし、好みの長さと角度を入力します。 

中心点ウィジェットを使用すると直線の中心を簡単に特定できるため、その中心を基準にオブジェクトを正確に配置、整列できます。

5288-live-shapes_fig5b

常に正確で最適化されたシェイプを描画する

スマートガイドを表示すれば(表示/スマートガイド)、描画時にヒントとなる色の付いたガイドラインが表示されます。例えば以下のようなものがあります。

  • 線の端をドラッグして伸ばすと、その軌道に沿ってヒントガイドが表示されます。
  • 長方形の描画が正方形になると、四角形の内側に対角線ガイドが表示されます。
  • 楕円の描画中に真円になる位置にくると、円の内側に十字線ガイドが表示されます。
live-shapes-step9_900x506

隣接するオブジェクトを正確に整列させる

スマートガイドを表示すれば(表示/スマートガイド)、アートボード上でオブジェクトを移動したり、配置するときに、他のオブジェクトに揃えたり、あるいはオブジェクト同士の間隔を均等にするのに役立ちます。

5288-live-shapes_fig6b

今回ご紹介したような基本的なシェイプの描画を練習してみてください。それが複雑なイラストを作成する際の基礎となります。作成した後であっても、何度でも編集、修正できるので、まずは作成してみましょう。

09/02/2020

Adobe Stock提供元:New Africasoftulka

このページは役に立ちましたか。