ペンツールによる描画

ペンツールによる直線セグメントの描画

ペンツールを使用して作成できる最も単純なパスは直線です。ペンツールをクリックして 2 つのアンカーポイントを作成すると、それらのアンカーポイントを結ぶ直線が作成されます。クリックを続けると、コーナーポイントで連結された直線セグメントから成るパスが作成されます。

ペンツール
ペンツールをクリックして直線セグメントを作成

  1. ペンツール()を選択します。

  2. ペンツールのポインターを直線セグメントの描画を開始する地点に移動し、クリックして最初のアンカーポイントを定義します(ドラッグはしません)。

    注意:

    • 最初のセグメントは、2 番目のアンカーポイントをクリックするまで表示されません。
    • また、方向線が表示される場合は、ペンツールを誤ってドラッグしています。編集取り消しを選択して、クリックし直してください。
  3. 次に、書き始めのセグメントを終了させる地点でクリックします(セグメントの角度を 45° 単位に固定するには、Shift キーを押しながらクリックします)。

  4. ペンツールのクリックを続けて、残りの直線セグメントのアンカーポイントを設定します。

    直前に追加したアンカーポイントは常に塗りつぶしの四角いポイントで表示され、このポイントが選択されていることを表します。新しいアンカーポイントを追加すると、それまでに定義したアンカーポイントは白抜きの四角いポイントで表示され、選択が解除されます。

  5. 次のいずれかの操作を行って、パスを完成させます。
    • クローズパスにする場合は、最初に作成した(白抜きの)アンカーポイントの上にペンツールを置きます。ペンツールを正しい位置に置くと、ペンツールポインターの横に小さい円 が表示されます。クリックするか、ドラッグしてパスを閉じます。
    • オープンパスにする場合は、Ctrl キー(Windows)または command キー(macOS)を押しながら、すべてのオブジェクトから離れた任意の場所をクリックします。
    • 別のツールを選択するか、選択選択を解除を選択しても、オープンパスにすることができます。また、単に Enter キー(Windows)または Return キー(macOS)を押すとパスがオープンパスのままになります。

ペンツールによる曲線の描画

曲線が方向を変える位置にアンカーポイントを追加し、曲線を形成する方向線をドラッグすることで、曲線を作成することができます。方向線の長さと弧により、曲線の形状が決定されます。

アンカーポイントの数を少なくすると、曲線を編集しやすくなり、曲線の表示やプリントがより快適になります。ポイント数が多すぎると、曲線がでこぼこになることがあります。アンカーポイントの間隔を広く取り、方向線の長さと角度を調整して曲線を描くようにします。

  1. ペンツールを選択します。
  2. ペンツールを曲線の開始点に移動し、マウスボタンを押したままにしてドラッグします。始点のアンカーポイントが表示され、ペンツールのポインターが矢印に変わります。

  3. 次にドラッグして、作成中の曲線セグメントの弧を設定し、マウスボタンを放します。

    一般に、次に作成するアンカーポイントに向けて約 1/3 の距離まで方向線を引きます (方向線の一辺または二辺を後で調整できます)。

    Shift キーを押しながらドラッグすると、ペンツールの動きを 45°単位に固定できます。

    最初のポイントの描画
    最初のポイントの描画

    A. ペンツールを置く B. ドラッグを開始(マウスボタンを押したまま) C. ドラッグして方向線を伸ばす 
  4. 曲線セグメントの終点にペンツールを置いてから、次のいずれかの操作を行います。
    • C 字曲線を作成する場合は、前の方向線とは逆の方向にドラッグします。その後マウスボタンを放します。

    2 番目のポイントの描画
    2 番目のポイントの描画

    • S 字曲線を作成する場合は、前の方向線と同じ方向にドラッグします。その後マウスボタンを放します。

    S 字曲線の作成
    S 字曲線の作成

    注意:

    command または Ctrl を押しながらスムーズポイントのハンドルをドラッグすると、曲線の描画時にハンドルの長さを別々に指定できます。

    Drag-inequal-handles
    曲線の描画時にドラッグして長さが等しくないハンドルを作成

    A. 向かい合ったハンドルが同じ長さのペアになっている B. command/Ctrl を押しながらドラッグして向かい合ったハンドルを別々の長さでペアリング 
  5. 引き続き、別の場所からペンツールをドラッグして、一連の滑らかな曲線を作成します。アンカーポイントは、各曲線の頂点ではなく開始点と終点に配置されます。

    注意:

    アンカーポイントの方向線を分割するには、Alt キー(Windows)または Option キー(macOS)を押しながら方向線をドラッグします。

  6. 次のいずれかの操作を行って、パスを完成させます。

     

    • クローズパスにする場合は、最初に作成した(白抜きの)アンカーポイントの上にペンツールを置きます。ペンツールを正しい位置に置くと、ペンツールポインターの横に小さい円 が表示されます。クリックするか、ドラッグしてパスを閉じます。
    • オープンパスにする場合は、Ctrl キー(Windows)または command キー(macOS)を押しながら、すべてのオブジェクトから離れた任意の場所をクリックします。
    • 別のツールを選択するか、選択選択を解除を選択しても、オープンパスにすることができます。

     

    注意:

    終了曲線をより細かく調整できます。

    • パスを閉じる際にスペースバーを押すと、終了アンカーポイントの位置を変更できます。
    • Option(macOS)または Alt(Windows)を押すと、終了アンカーポイントのハンドルのペアが解除されます。

    Control-closing-paths
    パスのクローズの制御

    A. 終了アンカーポイントの位置変更 B. ハンドルのペアを解除して、終了アンカーポイントを調整 

描画中のアンカーポイントの移動

  1. クリックしてアンカーポイントを作成した後に、マウスボタンを押したままでスペースバーを押しながらドラッグすると、アンカーポイントを別の場所に移動させることができます。

パスの描画の終了

  1. 次のいずれかの方法でパスを完成します。
    • クローズパスにする場合は、最初に作成した(白抜きの)アンカーポイントの上にペンツールを置きます。ペンツールを正しい位置に置くと、ペンツールポインターの横に小さい円 が表示されます。クリックするか、ドラッグしてパスを閉じます。
    • オープンパスにする場合は、Ctrl キー(Windows)または command キー(macOS)を押しながら、すべてのオブジェクトから離れた任意の場所をクリックします。

別のツールを選択するか、選択選択を解除を選択しても、オープンパスにすることができます。

直線に続く曲線の描画

  1. ペンツールで 2 つの場所をクリックしてコーナーポイントを設定し、直線セグメントを作成します。
  2. 選択されている端点上にペンツールを置きます。Illustrator でペンツールを正しい位置に置くと、ペンツールの横にアンカーポイントの変換アイコンが表示されます。次に作成する曲線セグメントの弧を設定するには、アンカーポイントをドラッグして方向線を作成し、その後マウスボタンを放します。

    セグメントの描画
    直線セグメントに続く曲線セグメントの描画(その 1)

    A. 完成した直線セグメント B. 端点上にペンツールを合わせる C. 方向点をドラッグ 
  3. 次のアンカーポイントを追加する位置にペンツールを置き、新しいアンカーポイントをクリック(必要に応じてドラッグ)して、曲線を完成させます。
    セグメントの描画
    直線セグメントに続く曲線セグメントの描画(その 2)

    A. ペンツールを置く B. 方向線をドラッグ C. 新しい曲線セグメントが完成 

曲線に続く直線の描画

  1. ペンツールをドラッグして曲線セグメントの最初のスムーズポイントを作成し、マウスボタンを放します。
  2. 曲線セグメントの終点となる位置にペンツールを移動し、ドラッグして曲線を完成させ、マウスボタンを放します。
    セグメントの描画
    曲線セグメントに続く直線セグメントの描画(その 1)

    A. 曲線セグメントの最初のスムーズポイントと、終点となる点にペンツールを置いた状態 B. ドラッグして曲線を作成 
  3. 選択されている端点上にペンツールを置きます。ペンツールを正しい位置に置くと、ペンツールの横にアンカーポイントの変換アイコンが表示されます。アンカーポイントをクリックして、スムーズポイントをコーナーポイントに変換します。
  4. 直線セグメントの終点となる位置にペンツールを移動し、クリックして直線を完成させます。
    セグメントの描画
    曲線セグメントに続く直線セグメントの描画(その 2)

    A. 既存の端点上にペンツールを合わせる B. 端点をクリック C. 次のコーナーポイントをクリック 

コーナーで連結された 2 つの曲線セグメントの描画

  1. ペンツールを使用して、曲線セグメントの最初のスムーズポイントをドラッグして作成します。
  2. ペンツールの位置を変えて、2 番目のスムーズポイントを追加して曲線を作成します。次に、Alt キー(Windows)または Option キー(macOS)を押しながら、方向線を反対方向にドラッグして、次の曲線の弧を設定します。Alt キーまたは Option キーとマウスボタンを放します。

    この操作によって方向線が分割され、スムーズポイントがコーナーポイントに変換されます。

  3. 2 番目の曲線セグメントを終了する位置にペンツールを置き、新しいスムーズポイントをドラッグして 2 番目の曲線セグメントが完成します。
2 つの曲線の描画
2 つの曲線の描画

A. 新しいスムーズポイントのドラッグを開始 B. Alt キーまたは Option キーを押しながらドラッグして方向線を分割し、方向線を上方にドラッグ C. ペンツールの位置を変えながらドラッグを 3 回行った後の状態 

曲線ツールを使用した描画

曲線ツールを使用すると、パスの作成と描画を簡単かつ直感的に行うことができます。このツールでは、スムーズポイントまたはコーナーポイントの作成、切り替え、編集、追加または削除を行うことができます。別のツールに切り替える必要がないので、パスをすばやく正確に操作できます。

  1. 曲線ツール()を選択します。

  2. アートボードに 2 つのポイントをドロップしてから、マウスで指す位置に応じて生じるパスのシェイプがラバーバンドプレビューに表示されるのを確認します。

    注意:ラバーバンド表示は、ツールのデフォルトでオンになっています。オフにするには、環境設定を使用します(環境設定選択範囲・アンカー表示ペンツールのラバーバンドを有効にする)。

  3. マウスを使用してポイントをドロップしたり、タップしてスムーズポイントを作成したりします。コーナーポイントを作成するには、ダブルクリックするか、クリックまたはタップするときに Alt キーを押します。

    curvature-tool
    A. デフォルトでは、曲線のためのスムーズポイントが作成されます B. コーナーポイントを作成するには、ダブルクリックするか、ポイントをドロップするときに Alt キーを押します。 
  4. 次のようないくつかの操作を実行できます。

    • 既存のパスまたはシェイプにさらにポイントを追加するには、Option(macOS)または Alt(Windows)キーを押しながらクリックします。
    • スムーズポイントとコーナーポイントを切り替えるには、ポイントをダブルクリックまたはダブルタップします。
    • ポイントを移動するには、ポイントをクリックまたはタップしてからドラッグします。
    • ポイントを削除するには、ポイントをクリックまたはタップしてから Delete キーを押します。曲線は保持されます。
    • 描画をやめるには、Esc キーを押します。

ラバーバンドプレビュー

ペンツールと曲線ツールで、前のアンカーポイントから、ポインターの現在位置まで描画されるパスをプレビュー表示できます。

  1. ペンツールと曲線ツールを使用して、アートボードを一度クリックしてスムーズポイントを描画し、必要に応じてマウスをドラッグしてハンドルを作成します。

    注意:スムーズポイントを作成すると、向かい合ったハンドルは常に同じ長さのペアになります。スムーズポイントのハンドルをドラッグする際に command キー(Mac OS)または Ctrl キー(Windows)キーを押して、長さが等しくないハンドルを作成します(ペアは変更されません)。

  2. マウスボタンを放します。マウスのポインターをアートボードにかざすと、マウスポインターの位置にアンカーポイントをドロップした場合に描画されるパスが表示されます。 

    RubberBand
    A. 最初のアンカーポイントとハンドル B. 最初のアンカーポイントとマウスポインター間のパスのラバーバンドのプレビュー 
  3. 表示されるプレビューが描画したいパスであれば、その場所をクリックします。Illustrator はプレビューのとおりにパスを描画します。

注意:

プレビューがオンの状態で Esc キーを押すと、プレビュー表示が停止し、パスが終了します。ペンツールの操作中に(プレビュー機能をオフにした状態で)キーボードショートカット P を押しても同じ操作を行えます。

ラバーバンドプレビューをオンまたはオフにする:

  1. 環境設定ダイアログを開きます(Ctrl + K キー)。

  2. 選択範囲とアンカー表示」タブを表示します。

  3. 目的のオプションをオンまたはオフにします。

    • ペンツールのラバーバンドを有効にする
    • 曲線ツールのラバーバンドを有効にする
    RubberBand_Preferences_2

鉛筆ツールを使用した描画

鉛筆ツールを使用すると、用紙の上に鉛筆で描くように、自由な形のオープンパスやクローズパスを作成できます。鉛筆ツールは、すばやくスケッチしたり、素描効果を出したりする場合に便利です。作成したパスは、必要に応じて変更することができます。

鉛筆ツールでパスを作成すると、アンカーポイントが自動的に設定されます。ただし、アンカーポイントの場所を指定することはできません。これらのアンカーポイントは、パスを作成した後で調整できます。設定されるアンカーポイントの数は、パスの長さや複雑さ、鉛筆ツールの環境設定ダイアログボックスで設定した許容値で決まります。鉛筆ツールの環境設定では、マウスの動きやグラフィックタブレットの筆圧に対する鉛筆ツールの感度を設定します。

鉛筆ツールによる自由なパスの描画

  1. Shaper ツール()をクリックしたままにします。鉛筆ツール を選択します。

    Pencil-tool_tools-panel
  2. 鉛筆ツールをパスの始点となる位置に置き、ドラッグしてパスを作成します。自由なパスの作成中は、鉛筆ツール()のポインターの横に小さい x 印が表示されます。

    ツールをドラッグすると、ツールの軌跡が点線で表示されます。マウスボタンを放すと、パスの両端とパス上にアンカーポイントが表示され、 現在の線および塗りの属性が適用されます。初期設定では、書き終えてもパスは選択されたままになります。

鉛筆ツールを使用した、固定または自由な直線セグメントの描画

鉛筆ツールを使用して、固定または自由な直線セグメントを描画できます。

  • 固定の直線セグメント:Shift キーを押しながら鉛筆ツールで直線セグメントを描画すると、0°、45°、90° に固定できます。直線セグメントの描画中は、直線セグメントカーソル()が表示されます。
  • 自由な直線セグメント:自由な直線セグメントは Option または Alt キーを押しながら描画します。多角形の線のパスは次のように描画します。
    1. 線セグメントを描画します。 
    2. 次のいずれかの操作を行います。
    • Shift または Option キー(Mac)か Alt キー(Windows)を押しながら、線の終点にカーソルを置きます。パスを続けるカーソル()が表示されたら、マウスボタンをクリックして別の線を描画します。
    • マウスボタンを押しながら、Shift または OptionAlt キーを離して押し、次のセグメントを描画します。

鉛筆ツールによるクローズパスの描画

  1. 鉛筆ツール()を選択します。

  2. 鉛筆ツールをパスの始点となる位置に置き、ドラッグしてパスを作成します。

  3. ドラッグを開始してから、Alt キー(Windows)または Option キー(macOS)を押したままにします。鉛筆ツールに、クローズパスの作成を示す小さな丸()が表示されます。

  4. パスを終了する位置で、Alt キー(Windows)または Option キー(Mac OS)を押したままマウスボタンを放します。マウスを放した位置とパスの始点が接続されてクローズパスが作成されます。Alt キー(Windows)または Option キー(macOS)を放します。

    クローズパスを作成するときに、パスの始点にカーソルを置く必要はありません。別の場所でマウスボタンを放すと、鉛筆ツールはその場所からパスの始点までの最短の線を作成してパスを閉じます。

鉛筆ツールによるパスの編集

鉛筆ツールを使用すると、あらゆる種類のパスを編集したり、あらゆる種類の形状に自由な線や形状を追加したりできます。

鉛筆ツールによるパスの追加

  1. 既存のパスを選択します。
  2. 鉛筆ツール()を選択します。

  3. パスの端点に鉛筆ツールのポインターを置きます。

    端点に近づくと、鉛筆ツールのポインターの横の小さい x 印が消えます。

  4. ドラッグして、パスを追加します。

鉛筆ツールによる 2 つのパスの連結

  1. 両方のパスを選択します(選択ツールを使用して、Shift キーを押しながらパスをクリックするか、2 つのパスを囲むようにドラッグします)。

  2. 鉛筆ツール()を選択します。

  3. 鉛筆ツールのポインターを一方のパスの始点となる位置に置き、もう一方のパスに向かってドラッグします。鉛筆ツールに、既存のパスへの結合を示す小さいアイコン()が表示されます。

  4. もう一方のパスの端点までドラッグしたらマウスボタンを放します。

    注意:

    パスを、パスが作成された方向に延長するようにして、一方のパスからもう一方のパスまでドラッグすると、パスをうまく連結できます。

鉛筆ツールによるパスのリシェイプ

  1. 変更するパスを選択します。
  2. 変更するパスの上または近くに鉛筆ツールを置きます。

    パスに近づくと小さい x 印が消えます。

  3. パスが目的の形状になるまで、ツールをドラッグします。
    鉛筆ツールの使用
    鉛筆ツールによるクローズパスの編集

    注意:

    鉛筆ツールでパスを編集する場合、クリックする位置とドラッグする方向によっては思いどおりのパスが作成できないことがあります。例えば、クローズパスがオープンパスに変更されたり、オープンパスがクローズパスに変更されたり、パスの一部が失われたりすることがあります。

鉛筆ツールのオプション

鉛筆ツール()をダブルクリックして、次のオプションを設定します。

Pencil-tool-options_1

精度

マウスまたはペンを移動するときに、どれだけの距離を移動すると新しいアンカーポイントがパスに追加されるかを指定します。精度スライダーでは 5 つのプリセットから選択できます。スライダーの一番左のプリセット(精細)は、最も精細なパスを描画します。スライダーの一番右のプリセット(滑らか)は、最も滑らかなパスを作成します。描画の用途に適したプリセットを選択します。

鉛筆の線に塗りを適用

このオプションの選択後に、鉛筆ツールを使って作成した線に対し塗りを適用します。ただし、オプション選択前に存在していた線には適用されません。鉛筆ツールで線を作成する前に、必ず塗りを選択してください。

Alt/Option キーでスムーズツールオプションに切り替え

このチェックボックスにオンにした場合、鉛筆ツールまたはブラシツールを使用している際に Alt キー(Windows)または Option キー(macOS)を押すと、スムーズツールに切り替わります。

両端が次の範囲内のときにパスを閉じる

描画中のパスが終点に近づき、他のパスとの距離が定義されたピクセル数の範囲内になると、パスを閉じるカーソル()が表示されます。マウスボタンを放すと、そのパスが自動的に閉じます。このオプションを使用すると、定義済みのピクセル数を設定できます。 

選択したパスを編集

選択したパスに一定の距離(次のオプションで指定)まで近づいたときにそのパスを変更したり結合したりできるかどうかを指定します。

範囲:_ pixel

既存のパスにマウスまたはペンをどの程度近づけると鉛筆ツールでパスを編集できるかを指定します。このオプションは、「選択したパスを編集」オプションを選択した場合のみ有効です。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー