マニュアル キャンセル

Shaper ツールやシェイプ形成ツールを使ったシェイプの新規作成

  1. Illustrator ユーザーガイド
  2. Illustrator とは
    1. Illustrator の概要
      1. Illustrator の新機能
      2. よくある質問
      3. Illustrator の必要システム構成
      4. Apple Silicon での Illustrator の使用
    2. ワークスペース
      1. ワークスペースの基本
      2. Illustrator のもっと知るパネルで学習を高速化
      3. ドキュメントの作成
      4. ツールバー
      5. デフォルトのショートカットキー
      6. ショートカットキーのカスタマイズ
      7. アートボード入門
      8. アートボードの管理
      9. ワークスペースのカスタマイズ
      10. プロパティパネル
      11. 環境設定の指定
      12. タッチワークスペース
      13. Illustrator での Microsoft Surface Dial のサポート
      14. 編集の取り消しとデザインヒストリーの管理
      15. ビューを回転
      16. 定規、グリッド、ガイド
      17. Illustrator でのアクセシビリティ
      18. セーフモード
      19. アートワークの表示
      20. Illustrator での Touch Bar の使用
      21. ファイルとテンプレート
    3. Illustrator のツール
      1. ツール一覧
      2. 選択ツール
        1. 選択
        2. ダイレクト選択
        3. グループ選択
        4. 自動選択
        5. 投げ縄
        6. アートボード
      3. ナビゲートツール
        1. 手のひら
        2. ビューを回転
        3. ズーム
      4. ペイントツール
        1. グラデーション
        2. メッシュ
        3. シェイプ形成
      5. テキストツール
        1. 文字
        2. パス上文字
        3. 縦書き文字
      6. 描画ツール
        1. ペン
        2. アンカーポイントの追加
        3. アンカーポイントの削除
        4. アンカーポイント
        5. カーブ
        6. 直線セグメント
        7. 長方形
        8. 角丸長方形
        9. 楕円形ツール
        10. 多角形
        11. スター
        12. ペイントブラシ
        13. 塗りブラシ
        14. 鉛筆
        15. Shaper
        16. スライス
      7. ツールを変更
        1. 回転
        2. リフレクト
        3. 拡大/縮小
        4. シアー
        5. 自由変形
        6. スポイト
        7. ブレンド
        8. 消しゴム
        9. はさみ
    4. クイックアクション
      1. レトロテキスト
      2. ネオン光彩テキスト
      3. オールドスクール テキスト
      4. アートワークを再配色
      5. スケッチをベクターに変換
  3. Illustrator iPad 版
    1. Illustrator iPad 版のご紹介
      1. Illustrator iPad 版の概要
      2. Illustrator iPad 版についてのよくある質問
      3. 必要システム構成 | Illustrator iPad 版
      4. Illustrator iPad 版で実行できる操作とできない操作
    2. ワークスペース
      1. Illustrator iPad 版のワークスペース
      2. タッチショートカットとジェスチャー
      3. Illustrator iPad 版のキーボードショートカット
      4. アプリ設定を管理
    3. ドキュメント
      1. Illustrator iPad 版でのドキュメントの操作
      2. Photoshop および Fresco ドキュメントの読み込み
    4. オブジェクトの選択と配置
      1. リピートオブジェクトの作成
      2. オブジェクトのブレンド
    5. 描画
      1. パスの描画と編集
      2. シェイプの描画と編集
    6. 文字
      1. テキスト編集とフォントの操作
      2. パス上のテキストデザインの作成
      3. カスタムフォントを追加
    7. 画像を操作
      1. ラスタライズ画像のベクター化
    8. カラー
      1. カラーとグラデーションの適用
  4. クラウドドキュメント
    1. 基礎知識
      1. Illustrator クラウドドキュメントの操作
      2. Illustrator クラウドドキュメントの共有と共同作業
      3. ドキュメントをレビュー用に共有
      4. Adobe Illustrator 用のクラウドストレージのアップグレード
      5. Illustrator クラウドドキュメント | よくある質問
    2. トラブルシューティング
      1. Illustrator クラウドドキュメントの作成または保存時のトラブルシューティング
      2. トラブルシューティング:Illustrator クラウドドキュメントで発生する問題
  5. コンテンツの追加と編集
    1. 描画
      1. 描画の基本
      2. パスの編集
      3. ピクセルパーフェクトなアートの描画
      4. ペンツール、曲線ツール、または鉛筆ツールを使用した描画
      5. 単純な線とシェイプの描画
      6. 画像トレース
      7. パスの単純化
      8. 遠近グリッドの定義
      9. シンボルツールとシンボルセット
      10. パスセグメントの調整
      11. 5 つの簡単なステップで花をデザイン
      12. 遠近描画
      13. シンボル
      14. Web ワークフローのピクセル整合パスの描画
    2. 3D オブジェクトおよびマテリアル
      1. Illustrator の 3D 効果について
      2. 3D グラフィックの作成
      3. 3D オブジェクトへのアートワークのマッピング
      4. 3D テキストの作成
    3. カラー
      1. カラーについて
      2. カラーの選択
      3. スウォッチの使用と作成
      4. カラー調整
      5. Adobe Color テーマパネルの使用
      6. カラーグループ(カラーハーモニー)
      7. Color テーマパネル
      8. アートワークの再配色
    4. ペイント
      1. ペイントについて
      2. 塗りと線を使用したペイント
      3. ライブペイントグループ
      4. グラデーション
      5. ブラシ
      6. 透明と描画モード
      7. オブジェクトにストロークを適用する
      8. パターンの作成と編集
      9. メッシュ
      10. パターン
    5. オブジェクトの選択と配置
      1. オブジェクトの選択
      2. レイヤー
      3. オブジェクトのグループ化と分割・拡張
      4. オブジェクトの移動、整列、分布
      5. オブジェクトの重ね合わせ    
      6. オブジェクトのロック、非表示、および削除
      7. オブジェクトのコピーと複製
      8. オブジェクトの回転とリフレクト
      9. オブジェクトのクロスと重なり
    6. オブジェクトのリシェイプ
      1. 画像の切り抜き
      2. オブジェクトの変形
      3. オブジェクトの組み合わせ
      4. オブジェクトのカット、分割、トリミング
      5. パペットワープ
      6. オブジェクトの拡大・縮小、傾斜、および変形
      7. オブジェクトのブレンド
      8. エンベロープを使用した変形
      9. 効果を使用したオブジェクトの変形
      10. Shaper ツールやシェイプ形成ツールを使ったシェイプの新規作成
      11. ライブコーナーの操作
      12. リシェイプワークフローの強化とタッチ操作のサポート
      13. クリッピングマスクの編集
      14. ライブシェイプ
      15. シェイプ形成ツールを使用したシェイプの作成
      16. オブジェクトを一括選択
    7. 文字
      1. テキストの追加とテキストオブジェクトの操作
      2. ブレットリストおよび番号リストの作成
      3. テキストエリアの管理
      4. フォントとタイポグラフィ
      5. 書式設定の種類
      6. テキストの読み込みと書き出し
      7. 段落の書式設定
      8. 特殊文字
      9. パステキストの作成
      10. 文字スタイルと段落スタイル
      11. タブ
      12. テキストと文字
      13. 環境に無いフォントの検索(Typekit のワークフロー)
      14. Illustrator 10 からのテキストの更新
      15. アラビア語およびヘブライ語のテキスト
      16. フォント | FAQ とトラブルシューティングのヒント
      17. 3D テキスト効果を作成
      18. クリエイティブなタイポグラフィデザイン
      19. 文字の拡大・縮小と回転
      20. 行間と字間
      21. ハイフネーションと改行
      22. テキストの機能強化
      23. スペルチェックと言語の辞書
      24. 日本語の書式設定
      25. アジア言語スクリプト用コンポーザー
      26. ブレンドオブジェクトを使用したテキストデザインの作成
      27. 画像トレースを使用したテキストポスターの作成
    8. 特殊効果の作成
      1. 効果の操作
      2. グラフィックスタイル
      3. ドロップシャドウの作成
      4. アピアランス属性
      5. スケッチとモザイクの作成
      6. ドロップシャドウ、光彩、ぼかし
      7. 効果のまとめ
    9. Web グラフィック
      1. Web グラフィック作成に対する最善の取り組み
      2. グラフ
      3. SVG
      4. アニメーションの作成
      5. スライスと画像マップ
  6. 読み込み、書き出し、保存
    1. インポート
      1. 複数ファイルの配置
      2. リンクされたファイルと埋め込みファイルの管理
      3. リンク情報
      4. 画像の埋め込み解除
      5. Photoshop からのアートワークの読み込み
      6. ビットマップ画像の読み込み
      7. Adobe PDF ファイルの読み込み
      8. EPS ファイル、DCS ファイルおよび AutoCAD ファイルの読み込み
    2. Illustrator の Creative Cloud ライブラリ 
      1. Illustrator の Creative Cloud ライブラリ
    3. 保存
      1. アートワークの保存
    4. 書き出し
      1. Photoshop での Illustrator アートワークの使用
      2. アートワークの書き出し
      3. アセットの収集と一括書き出し
      4. ファイルのパッケージ
      5. Adobe PDF ファイルの作成
      6. CSS の抽出 | Illustrator CC
      7. Adobe PDF オプション
      8. ファイル情報とメタデータ
  7. プリント
    1. プリントの準備
      1. プリントするドキュメントの設定
      2. 用紙のサイズと方向の変更
      3. 切り抜きまたは整列用のトリムマークの指定
      4. 大きなカンバスサイズの使用
    2. プリント
      1. オーバープリント
      2. カラーマネジメントを使用したプリント
      3. PostScript によるプリント
      4. プリントプリセット
      5. トンボと裁ち落とし
      6. 透明が使用されているアートワークのプリントおよび保存
      7. トラッピング
      8. 色分解のプリント
      9. グラデーション、メッシュ、カラーブレンドのプリント
      10. 白のオーバープリント
  8. 自動処理
    1. 変数パネルを使用したデータ結合
    2. スクリプトによる自動処理
    3. アクションによる自動処理
  9. トラブルシューティング 
    1. クラッシュの問題
    2. クラッシュ後のファイルの回復
    3. ファイルの問題
    4. サポートされるファイル形式
    5. GPU デバイスドライバーの問題
    6. Wacom デバイスの問題
    7. DLL ファイルの問題
    8. メモリの問題
    9. 環境設定ファイルの問題
    10. フォントに関する問題
    11. プリンターの問題
    12. クラッシュレポートをアドビと共有
    13. Illustrator のパフォーマンスの改善

Illustrator で Shaper ツールやシェイプ形成ツールを使ってシェイプを新規作成する方法を説明します。

Shaper ツールについて

Shaper ツール を使うと、シェイプをまとめて描画、スタック、配置して、単に結合、結合、削除、移動することで複雑かつ美しいデザインを作成できます。以前は複数の操作を必要としていた操作を、シンプルで直感的なビジュアルジェスチャーを使って実行できます。

Shaper ツールを使用して、自然なジェスチャーをベクターシェイプに変換できます。マウスまたは操作の簡単なタッチデバイスを使って、多角形、長方形、円を作成します。描画されるシェイプは、ライブシェイプです。この機能は、従来のワークスペース、特殊なタッチワークスペース、Adobe Fresco を備えたモバイルで利用できます。

Shaper ツールの使用(シェイプの描画)

  1. Illustrator のツールボックスで、Shaper ツール (Shift+N)をクリックします。

  2. ドキュメントでシェイプを描画します。例えば、長方形、円、楕円、三角形、その他の多角形を大まかに描画します。

  3. 描画したシェイプは洗練された幾何学図形に変換されます。作成したシェイプはライブになり、ライブシェイプ同様、完全に編集可能です。

    自由なジェスチャーを洗練されたベクターシェイプに変換する
    自由なジェスチャーを洗練されたベクターシェイプに変換する

Shaper ツールの使用(シェイプの作成)

  1. 次のいずれかの操作を行います。

    • ドキュメント内の重なり合ったいくつかのシェイプを選択します。
    • ツールを使用して重なり合うシェイプを描画します
    • Shaper ツール(Shift+N)を使用して、長方形、円形、多角形を簡単に描画します。
  2. 選択されていない場合は、Shaper ツール(Shift+N)を選択します。

  3. 結合、削除、または抜き抜く領域にマウス(ダッチデバイスを使用しない場合)または指で手書き描画します。

    次のルールにより、シェイプの部分がどのように切り抜かれるか、または結合されるか、また、結合されたシェイプのカラーが指定されます。

    • 手書きが 1 つのシェイプ内にある場合、その領域を切り抜きます。
    • 手書きが 2 つ以上のシェイプが重なる領域内にある場合、その重なった領域を切り抜きます。
    • 手書きが前面のシェイプのものである場合
      • 重ならない領域から重なり合った領域までの、前面のシェイプが切り抜かれます。
      • 重なった領域から重なっていない領域まで、シェイプが結合され、結合された領域の色が手書きの起点の色になります。
    • 手書きが背面のシェイプのものである場合
      • 重なっていない領域から重なった領域まで、シェイプが結合され、結合された領域の色が手書きの起点の色になります。
      Shaper ツールを使用した手描きアクションの例
      手書きアクション(左)と、を結果の Shaper Group(右)

    Shaper Group でのシェイプの選択

    Shaper Group のすべてのシェイプは、シェイプの部分が切り抜かれた、または結合された後でも編集できます。個々のシェイプまたはグループを選択するには次の操作を実行します。

    面の選択モード

    1. Shaper ツールを選択します。

    2. Shaper Group をタップまたはクリックします。Shaper Group が選択され、バウンディングボックスが矢印ウィジェット で表示されます。

    3. シェイプ(または、存在する場合は個別のシェイプ)を再タップします。面の選択モードに入ります。

    4. Shaper Group に結合されたシェイプが含まれている場合は、シェイプの面はマットに表示されます。シェイプの塗りの色を変更できます。

      面の選択モード
      面の選択モード

    設計モード

    1. Shaper Group を選択した状態で、次のいずれかの操作を行います。

      • 上方向 を指すように矢印ウィジェットをタップまたはクリックします。
      • シェイプをダブルクリックします。
      • シェイプの線をクリックします。
    2. 基本となる 1 つのオブジェクトを選択した状態で、オブジェクトのプロパティまたは外観を変更することができます。

      Illustrator での設計モード
      設計モード

    Shaper Group からシェイプを削除する

    1. 設計モードに入るのに必要な手順を実行します。
    2. バウンディングボックスからシェイプをドラッグ&ドロップします。

    シェイプ形成ツールについて

    シェイプ形成ツール は、単純なシェイプを結合および消去することで、複雑なシェイプを作成するインタラクティブなツールです。単純パスおよび複合パスで利用できます。

    選択したアートの境界および領域を直感的に強調表示し、結合して新しいシェイプを作成します。境界は、選択したオブジェクトの他のパスに交差しないようにパスのセクションとして定義されます。領域は境界によって囲まれた閉ざされた部分です。

    このツールは、パスまたは領域を結合できる場合にデフォルトで結合モードになります。必要のない境界または領域を削除するには、Alt キー(Windows)または Option キー(Mac OS)を押すと消去モードに切り替えることができます。

    シェイプ形成ツールオプションの設定

    必要な結合機能を使用して、より効果的なフィードバックを視覚的に行えるように、隙間の検出、カラーソースの選択、強調表示などの各種オプションを設定およびカスタマイズできます。

    ツールパネルのシェイプ形成ツールアイコンをダブルクリックし、シェイプ形成ツールオプションダイアログボックスでオプションを設定します。

    シェイプ形成ツールオプションダイアログボックス
    シェイプ形成ツールオプションダイアログボックス

    隙間の検出

    隙間の長さドロップダウンリストから間隔の長さを選択します。値には、「狭い」(3 ポイント)、「中程度」(6 ポイント)および「広い」(12 ポイント)があります。

    間隔の長さを正確に設定する場合は、「カスタム」チェックボックスを選択します。

    間隔の長さを選択すると、Illustrator により指定した間隔の長さに近い値が検索されます。間隔の長さの値がアートの実際の間隔の長さに(ほぼ)近い値であるか、確認してください。アートの間隔が検知されるまで、間隔の長さに異なる値を設定してみることで、間隔の値が正しく検出されているかどうかを確認できます。

    例えば間隔の長さを 12 ポイントに設定した場合に、結合する必要があるシェイプに 3 ポイントの間隔があると、Illustrator はその間隔を検出しません。

    強調表示された領域は、間隔が検出され領域であることを示しています
    強調表示された領域は、間隔が検出され領域であることを示しています

    塗りつぶされたオープンパスをクローズパスとして処理

    このオプションを選択すると、オープンパスを領域にするために見えない境界が作成されます。領域内をクリックすると、シェイプが作成されます。

    結合モードで線をクリックしてパスを分割

    「結合モードで線をクリックしてパスを分割」チェックボックスを選択します。このオプションは親パスを 2 つに分割できます。最初のパスはクリックした境界に作成され、次のパスは最初のパスを除く親パスの一部として残ります。このオプションを選択すると、パスを分割する間、ポインターは に変化します。

    次のカラーを利用

    カラースウォッチまたは既存のアートワークに使用されているカラーを使用してオブジェクトを彩色できます。次のカラーを利用ドロップダウンリストを使用して「スウォッチ」オプションまたは「オブジェクト」オプションを選択します。

    「スウォッチ」オプションを選択すると「カーソルスウォッチプレビュー」オプションが選択できるようになります。「カーソルスウォッチプレビュー」チェックボックスを選択するとカラーをプレビューおよび選択することができます。また、ライブペイントスタイルのカーソルスウォッチを利用できます。(矢印キーを使用して)繰り返しスウォッチパネルからカラーを選択することができます。

    注意:カーソルスウォッチプレビューが無効でも矢印キーを使用すると繰り返し選択できます。

    線のカラーを変更するには、ポインターをオブジェクトの境界上に移動して、線を強調表示しカラーを変更します。このオプションは、「結合モードで線をクリックしてパスを分割」オプションを選択しているときにのみ利用できます。

    領域の塗りのカラーはドキュメントの任意の場所をポイントすると選択できます。

    注意:シェイプが明確に表示されるように、カーソルスウォッチプレビューは結合中には表示されません。

    「アートワーク」オプションを選択した場合、Illustrator は結合オブジェクトの他のグラフィックスタイルと同じルールを使用します。詳しくは、シェイプ形成ツールを使用したシェイプの作成の手順 6 を参照してください。

    塗り

    「塗り」チェックボックスは初期設定で選択されています。このオプションを選択した場合、結合できるパスまたは領域は、選択したパスにカーソルを合わせたときにグレーに強調表示されます。このオプションを選択しない場合、選択した領域またはパスは通常の表示になります。

    編集可能な線を強調表示

    このオプションを選択した場合、編集できる線が強調表示されます。編集できる線はカラードロップダウンリストから選択したカラーで表示されます。


    関連リソース

    アドビへのお問い合わせ

    コミュニティで質問(英語)

    ご意見をお待ちしております。 Adobe Illustrator コミュニティまでお知らせください。

    アドビのロゴ

    アカウントにログイン