マニュアル キャンセル

ライブシェイプ

  1. Illustrator ユーザーガイド
  2. Illustrator とは
    1. Illustrator の概要
      1. Illustrator の新機能
      2. よくある質問
      3. Illustrator の必要システム構成
      4. Apple Silicon での Illustrator の使用
    2. ワークスペース
      1. ワークスペースの基本
      2. ドキュメントの作成
      3. ツールバー
      4. デフォルトのショートカットキー
      5. ショートカットキーのカスタマイズ
      6. アートボード入門
      7. アートボードの管理
      8. ワークスペースのカスタマイズ
      9. プロパティパネル
      10. 環境設定の指定
      11. タッチワークスペース
      12. Illustrator での Microsoft Surface Dial のサポート
      13. 復帰、取り消し、履歴、自動処理
      14. ビューを回転
      15. 定規、グリッド、ガイド
      16. Illustrator でのアクセシビリティ
      17. セーフモード
      18. アートワークの表示
      19. Illustrator での Touch Bar の使用
      20. ファイルとテンプレート
    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. はさみ
  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. Adobe Illustrator 用のクラウドストレージのアップグレード
      4. 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 効果と Adobe Substance マテリアル
      1. Illustrator の 3D 効果について
      2. 3D グラフィックの作成
      3. 3D オブジェクトへのアートワークのマッピング
      4. 3D オブジェクトの作成
      5. 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. オブジェクトの回転とリフレクト
    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 のパフォーマンスの改善

強力なシェイプツールを使用して、ベクターシェイプをすばやく作成します。ほとんどのシェイプはライブです。つまり、ツールを切り替えたり、オンシェイプコントロールウィジェットまたは変形パネルで利用できるコントロールを使用したりせずに、動的にシェイプを調整することができます。

ライブシェイプ

ライブシェイプの作成と変更

  1. 次のいずれかのツールを使用してライブシェイプを描画します。

    • 長方形ツール ()
    • 角丸長方形ツール ()
    • 楕円形ツール ()
    • 多角形ツール ()
    • Shaper ツール ()
    • 直線ツール ()
    注意:
    • オブジェクトを選択したときにバウンディングボックスを表示するには、バウンディングボックスを表示するように設定されていることを確認してください(表示バウンディングボックスを表示)。
    • シェイプを選択したときにオンスクリーンコントロールウィジェットを表示するには、ライブシェイプの描画ツールを選択し、コントロールパネルの「シェイプウィジェットを表示」()が設定されていることを確認してください。
  2. 次のオンシェイプコントロールウィジェットを使用して、ライブシェイプを変更します。

    ライブシェイプを拡大・縮小

    ライブシェイプを回転

    ライブシェイプを拡大・縮小するには、8 つのバウンディングボックスハンドルのいずれかをドラッグします。

    回転するには、回転アイコン()が表示されるまでカーソルを角から離してからドラッグします。

    ライブシェイプを移動

    円シェイプを作成

    ライブシェイプを移動するには、中心点ウィジェットを目的の領域にドラッグします。

    楕円の場合、いずれかの円ウィジェットをドラッグして円シェイプを作成します。

    多角形から辺を追加または削除

    ライブシェイプの角丸の半径の変更

    多角形の辺の数を変更するには、その辺ウィジェットをドラッグします。

    任意のコーナーウィジェットをドラッグして、ライブシェイプの角丸の半径を変更します。

    注意:
    • コーナーウィジェットを最大限にドラッグすると、角丸のプレビューが赤色で表示されます。
    • 角丸(外側)、角丸(内側)、面取りなどのコーナースタイルを切り替えるには、Alt キー(Windows)または Option キー(macOS)を押しながらコーナーウィジェットをクリックするか、ウィジェットをドラッグしながら上下矢印キーを押します。
    • コーナーメニューにアクセスして外観や丸み属性をカスタマイズするには、ダイレクト選択ツールを使用してウィジェットをダブルクリックします。詳しくは、ライブコーナーの操作を参照してください。
    • コーナーを個別に編集するには、ダイレクト選択ツールを使用して、コーナーのアンカーポイントをクリックして変更します。
  3. シェイプを変更するには、コントロールパネル、プロパティパネル、または変形パネル(ウィンドウ変形)を使用します。詳しくは、ライブシェイプのプロパティを参照してください。

    注意:
    • 変形パネルを開くには、任意のコーナーウィジェットをダブルクリックします。
    • ライブシェイプを作成したときに、変形パネルを表示するかどうかを指定するには、変形パネルメニューにある「シェイプの作成時に表示」オプションを使用します。
    • 選択されているツールにかかわらず、同じ種類のシェイプを選択しているときは、変形パネルでプロパティを編集すると選択したアートワークが変更されます。

ライブシェイプ指定オプション

ライブシェイプのプロパティを表示または編集するには、次のいずれかの操作をおこないます。

  • 変形パネルを開くには、任意のコーナーウィジェットをダブルクリックするか、ウィンドウ変形を選択します。
  • プロパティパネルの変形セクション(ウィンドウプロパティ)で、詳細設定()ボタンをクリックします。
ライブシェイプ指定オプション
ライブシェイプ指定オプション

A. 変形パネル B. プロパティパネル 

長方形 / 角丸長方形

ライブシェイプのプロパティ | 長方形と角丸長方形

  • 幅 / 高さ:長方形の高さまたは幅を指定します。角は維持され、半径は変更されません。
  • 長方形の角度:拡大・縮小 / 回転ウィジェットを使用して長方形を回転します。
  • 角の種類:長方形の角の種類を指定します。
  • 角丸の半径:長方形の角ごとに、段階的なコントロールを使用するか、変形パネルで絶対値を入力します。
  • 縦横比を固定:「角を拡大・縮小」チェックボックスを使用し、オブジェクトの変形に比例して角丸の半径を増加または減少させます。

楕円形

ライブシェイプのプロパティ | 楕円形

  • 幅 / 高さ:楕円形の幅または高さを指定します。等しい値にすると、楕円は正円になります。
  • 楕円形の角度:楕円形がキャンバス上に配置される角度を指定します。
  • 円グラフの開始角度 / 円グラフの終了角度:円ウィジェット(新規に描画した楕円形の右に表示される)を使って、シェイプを円グラフプレゼンテーションとして表します。
  • 円グラフの角度を制限:変形パネルを使用して値を修正するときに、円グラフの開始角度と円グラフの終了角度の差を維持する場合に使用します。
  • 円グラフを反転:円グラフの開始および円グラフの終了角度を交換する必要があるかを指定します。このオプションは、slice グラフィック表現を生成する場合に使用します。

多角形

ライブシェイプのプロパティ | 多角形

  • 多角形の辺の数:多角形の辺の数を指定します。
    • オンスクリーンウィジェット  を使用して 3 ~ 11 の値に設定できます。
    • スライダーでは、3 ~ 20 の値を選択できます。 
    • 3 ~ 1000 の値を設定するには、値を手動で入力します。
  • 多角形の角度:キャンバスに対する多角形の相対的な角度を指定します。
  • 角の種類:多角形の角の種類を指定します。角丸(外側)、角丸(内側)、面取りがあります。
  • 多角形の半径:多角形の描画の正確な半径を指定します。オンスクリーン ウィジェット  をクリックして、 使用して半径を変更できます。
  • 多角形の辺の長さ:多角形の各辺の長さを指定します。
  • 角丸の半径:多角形の角丸の半径を指定します。
  • 辺の長さを等しくする:多角形の変更中にライブシェイプの比率や対称性が崩れた場合、辺の長さを等しくするボタンを使用して多角形の辺のバランスを調整します。

ライン

ライブシェイプのプロパティ | ライン

  • 線の長さ:描かれる線の長さを指定します。
  • 線の角度:キャンバスに対する線の相対角度を指定します。

バウンディングボックスとコントロールウィジェットを隠す

シェイプツールを使用するときは、バウンディングボックスの表示と非表示を切り替えることができます。次のいずれかの操作を行います。

  • 2 つのオプションを切り替えるには、Shift + Ctrl + B(Windows)、または Shift + Command + B(macOS)を押します。
  • 表示バウンディングボックスを隠すを選択するか、表示バウンディングボックスを表示を選択します。

ライブシェイプの描画ツールを選択し、コントロールパネルのシェイプウィジェットを隠す / 表示ボタン()をクリックして、オンスクリーンコントロールウィジェットを非表示または表示することもできます。

このような場合は、 編集 機能を使用して、オブジェクトを操作するときにライブ外観が改善されるようにすることができます。 この機能を有効にするには:

[Windows の場合] 編集/環境設定/パフォーマンス/リアルタイムの描画と編集を選択します。

[macOS の場合] Illustrator/環境設定/パフォーマンス/リアルタイムの描画と編集を選択します。

ライブシェイプの選択

レイヤーパネル

ライブシェイプは、異なるオブジェクトタイプとしてレイヤーパネルに表示されます。例えば、ライブ長方形を描画すると、レイヤーがレイヤーパネルで <Rectangle> と表示されます。これは、選択や変更の目的で使用可能なライブシェイプを特定するのに便利です。

レイヤーパネルでのライブの矩形と楕円
例えば、レイヤーパネルでのライブ矩形と楕円の例を示します。 同様に、その他のライブシェイプもレイヤーパネルに表示されます。

メニューの選択

ドキュメント内の利用できるすべてのライブシェイプを選択するには、選択共通シェイプを選択します。

シェイプの変換

パスをライブシェイプに変換

  • 以前のバージョンの Illustrator で保存されたドキュメントを開く場合、そのドキュメントのシェイプは自動的にライブシェイプとして編集できるようにはなりません。パスをライブシェイプに変換するには、パスを選択し、オブジェクトシェイプシェイプに変換をクリックします。

ライブシェイプをパスに変換

  • ライブシェイプをパスに変換するには、ライブシェイプを選択してから、オブジェクトシェイプシェイプを拡張をクリックします。
アドビのロゴ

アカウントにログイン