マニュアル キャンセル

ペンツールによる描画

  1. Photoshop ユーザーガイド
  2. Photoshop の概要
    1. 夢をカタチに
    2. Photoshop の新機能
    3. 初めての写真編集
    4. ドキュメントの作成
    5. Photoshop | よくある質問
    6. Photoshop の必要システム構成
    7. Photoshop とは
    8. Photoshop を最新の状態にする
  3. Photoshop とその他の Adobe 製品およびサービス
    1. Photoshop で Illustrator アートワークを作業する
    2. InDesign での Photoshop ファイルの操作
    3. Photoshop 用 Substance 3D マテリアル
    4. Photoshop の Capture アプリ内拡張機能の使用
  4. Photoshop iPad 版(中国本土ではご利用いただけません)
    1. Photoshop iPad 版 | よくある質問
    2. ワークスペースについて
    3. システム要件 | Photoshop iPad 版
    4. ドキュメントの作成、表示、書き出し
    5. 写真の追加
    6. レイヤーの操作
    7. ブラシを使用した描画とペイント
    8. 範囲の選択とマスクの追加
    9. 合成を修正する
    10. 調整レイヤーを使用する
    11. トーンカーブで合成の色調を調整する
    12. 変形操作を適用する
    13. 合成画像の切り抜きと回転
    14. カンバスの回転、パン、ズーム、リセット
    15. テキストレイヤーを使用する
    16. Photoshop と Lightroom の連携
    17. Photoshop iPad 版で環境にないフォントを取得する
    18. Photoshop iPad 版での日本語テキスト
    19. アプリの設定を管理する
    20. タッチショートカットとジェスチャー
    21. ショートカットキー
    22. 画像サイズを編集する
    23. Photoshop iPad 版での制作過程をライブストリームで配信
    24. 修復ブラシで不具合を修正する
    25. Capture でブラシを作成して Photoshop iPad 版で使用する
    26. Camera Raw ファイルの操作
    27. スマートオブジェクトの作成と操作
    28. 覆い焼きと焼き込みを使用した画像の露出調整
    29. Photoshop iPad 版の自動調整コマンド
    30. Photoshop iPad 版で画像内の領域を指先で操作する
    31. スポンジツールを使用した画像の彩度の調整
    32. iPad のコンテンツに応じた塗りつぶし
  5. Photoshop web 版(中国本土ではご利用いただけません)
    1. 一般的な質問
    2. 必要システム構成
    3. ショートカットキー
    4. サポートされているファイルタイプ
    5. ワークスペースの概要
    6. クラウドドキュメントを開いて操作する
    7. 生成 AI 機能
    8. 基本的な編集コンセプト
    9. クイックアクション
    10. レイヤーの操作
    11. 画像のレタッチと不具合箇所の除去
    12. クイック選択の実行
    13. 調整レイヤーによる画像の向上
    14. 塗りつぶしレイヤーの追加
    15. 画像の移動、変形、切り抜き
    16. 描画とペイント
    17. シェイプの描画と編集
    18. テキストレイヤーを使用する
    19. Web 上での他のユーザーとの共同作業
    20. アプリの設定を管理する
    21. 画像を生成
    22. 背景を生成
    23. 参照画像
  6. Photoshop(Beta)(中国本土ではご利用いただけません)
    1. Creative Cloud(Beta)アプリの基本を学ぶ
    2. Photoshop(Beta)デスクトップ版
    3. 参照画像
  7. 生成 AI(中国本土ではご利用いただけません)
    1. Photoshop の生成 AI に関するよくある質問
    2. Photoshop デスクトップ版の生成塗りつぶし
    3. 説明テキストプロンプトで画像を生成
    4. Photoshop デスクトップ版の生成拡張
    5. 背景を生成を使用した背景の置換
    6. 類似を生成を使用して新しいバリエーションを取得
    7. Photoshop iPad 版の生成塗りつぶし
    8. Photoshop iPad 版の生成拡張
    9. Photoshop web 版の生成 AI 機能
  8. コンテンツ認証(中国本土ではご利用いただけません)
    1. Photoshop の Content credentials
    2. NFT の ID と来歴
    3. クリエイティブ属性のアカウントの接続
  9. クラウドドキュメント(中国本土ではご利用いただけません)
    1. Photoshop クラウドドキュメント | よくある質問
    2. Photoshop クラウドドキュメント | ワークフローに関する質問
    3. Photoshop でのクラウドドキュメントの管理と使用
    4. Photoshop 用クラウドストレージのアップグレード
    5. クラウドドキュメントを作成または保存できない
    6. Photoshop クラウドドキュメントのエラーを解決する
    7. クラウドドキュメントの同期ログの収集
    8. クラウドドキュメントの編集に他のユーザーを招待
    9. アプリ内でファイルとコメントを共有する
  10. ワークスペース
    1. ワークスペースの基本
    2. 環境設定
    3. Photoshop のもっと知るパネルで簡単に知る
    4. ドキュメントの作成
    5. ファイルの配置
    6. 初期設定のショートカットキー
    7. ショートカットキーのカスタマイズ
    8. ツールギャラリー
    9. パフォーマンス環境設定
    10. ツールの使用
    11. プリセット
    12. グリッドとガイド
    13. タッチジェスチャー
    14. Photoshop での Touch Bar の使用
    15. タッチ機能とカスタマイズ可能なワークスペース
    16. テクノロジープレビュー
    17. メタデータと注釈
    18. 他のアプリケーションへの Photoshop 画像の配置
    19. 定規
    20. プリントしないエクストラの表示または非表示
    21. 画像のコラムの指定
    22. 取り消しおよびヒストリー
    23. パネルとメニュー
    24. スナップを使用した要素の配置
    25. ものさしツールを使用した配置
  11. Web、画面、アプリデザイン
    1. デザインに最適な Photoshop
    2. アートボード
    3. デバイスプレビュー
    4. レイヤーから CSS をコピー
    5. Web ページのスライス
    6. スライスの HTML オプション
    7. スライスのレイアウトの変更
    8. Web グラフィックの使用
    9. Web フォトギャラリーの作成
  12. 画像とカラーの基本
    1. 画像のサイズを変更する方法
    2. ラスター画像とベクトル画像の操作
    3. 画像サイズと解像度
    4. カメラやスキャナーからの画像の取り込み
    5. 画像を作成、開く、読み込み
    6. 画像の表示
    7. 無効な JPEG マーカーエラー | 画像を開く
    8. 複数の画像の表示
    9. カラーピッカーとスウォッチのカスタマイズ
    10. ハイダイナミックレンジ(HDR)画像
    11. 画像のカラーの適用
    12. カラーモードの変換
    13. カラーモード
    14. 画像の一部の消去
    15. 描画モード
    16. カラーの選択
    17. インデックスカラーのカラーテーブルのカスタマイズ
    18. 画像情報
    19. ゆがみフィルターが使用できない
    20. カラーについて
    21. チャンネルを使用したカラーおよびモノクロの補正
    22. カラーパネルとスウォッチパネルでのカラーの選択
    23. サンプル
    24. カラーモードまたは画像モード
    25. 色かぶり
    26. アクションへの条件付きモード変更の追加
    27. HTML CSS と SVG からスウォッチを追加
    28. ビット数と環境設定
  13. レイヤー
    1. レイヤーの基本
    2. 非破壊編集
    3. レイヤーとグループの作成および管理
    4. レイヤーの選択、グループ化、リンク
    5. 画像をフレームに配置する
    6. レイヤーの不透明度と描画
    7. レイヤーのマスク
    8. スマートフィルターの適用
    9. レイヤーカンプ
    10. レイヤーの移動、重なり順の変更およびロック
    11. ベクトルマスクによるレイヤーのマスク
    12. レイヤーとグループの管理
    13. レイヤー効果とレイヤースタイル
    14. レイヤーマスクの編集
    15. アセットを抽出
    16. クリッピングマスクを使用したレイヤーの表示
    17. レイヤーからの画像アセットの生成
    18. スマートオブジェクトの操作
    19. 描画モード
    20. 複数の画像のグループ写真への合成
    21. レイヤーを自動合成を使用して画像を結合
    22. レイヤーの整列と分布
    23. レイヤーから CSS をコピー
    24. レイヤーまたはレイヤーマスクの境界線からの選択範囲の読み込み
    25. ノックアウトして他のレイヤーからコンテンツを表示
  14. 選択範囲
    1. 選択の基本を学ぶ
    2. 合成での選択範囲の作成
    3. 選択とマスクワークスペース
    4. 選択ツールによる選択
    5. なげなわツールによる選択
    6. ピクセル選択範囲の補正
    7. 選択したピクセルの移動、コピー、削除
    8. 一時的なクイックマスクの作成
    9. 画像内の色域指定の選択
    10. パスと選択範囲の境界線の変換
    11. チャンネルの基本
    12. 選択範囲とアルファチャンネルマスクの保存
    13. 画像の焦点領域の選択
    14. チャンネルの複製、分割および統合
    15. チャンネルの演算
  15. 画像補正
    1. オブジェクトのカラーの置換
    2. 遠近法ワープ
    3. カメラの振動によるぶれの軽減
    4. 修復ブラシの使用例
    5. カラールックアップテーブルの書き出し
    6. 画像のシャープとぼかしの調整
    7. カラー補正について
    8. 「明るさ・コントラスト」補正の適用
    9. シャドウとハイライトのディテールの調整
    10. レベル補正
    11. 色相と彩度の調整
    12. 自然な彩度の調整
    13. 画像領域内のカラーの彩度の調整
    14. 色調のクイック補正
    15. 画像への特殊なカラー効果の適用
    16. カラーバランスの補正による画像の向上
    17. ハイダイナミックレンジ(HDR)画像
    18. ヒストグラムとピクセル値の表示
    19. 画像のカラーの適用
    20. 写真の切り抜きと角度補正
    21. カラー画像の白黒画像への変換
    22. 調整レイヤーと塗りつぶしレイヤー
    23. トーンカーブの補正
    24. 描画モード
    25. 出力用画像のターゲット指定
    26. レベル補正およびトーンカーブスポイトツールを使用したカラーと色調の補正
    27. HDR の露光量とトーンの調整
    28. 画像領域の覆い焼きまたは焼き込み
    29. 特定色域の色調の補正
  16. Adobe Camera Raw
    1. Camera Raw の必要システム構成
    2. Adobe Camera Raw の新機能
    3. Camera Raw の紹介
    4. パノラマの作成
    5. サポート対象レンズ
    6. Camera Raw の周辺光量補正、粒状、かすみの除去の効果
    7. 初期設定のショートカットキー
    8. Camera Raw の自動的な遠近法の補正
    9. Camera Raw の円形フィルター
    10. Camera Raw 設定の管理
    11. Camera Raw での画像のオープン、処理および保存
    12. Camera Raw の強化されたスポット除去ツールで画像を修復
    13. 画像の回転、切り抜きおよび調整
    14. Camera Raw でのカラーレンダリングの調整
    15. Camera Raw のプロセスバージョン
    16. Camera Raw での部分補正
  17. 画像の修復および復元
    1. 削除ツール
    2. コンテンツに応じた塗りつぶしを使用して写真からオブジェクトを削除
    3. コンテンツに応じたパッチと移動
    4. 写真のレタッチと修復
    5. 画像のゆがみとノイズの修正
    6. 多くの問題を解決するための基本的なトラブルシューティング手順
  18. 画像の補正と変形
    1. 画像の空の置換
    2. オブジェクトの変形
    3. 切り抜き、回転およびカンバスサイズを調整
    4. 写真を切り抜きおよび角度補正する方法
    5. パノラマ画像の作成と編集
    6. 画像、シェイプ、パスのワープ
    7. Vanishing Point
    8. コンテンツに応じた拡大・縮小
    9. 画像、シェイプ、パスの変形
  19. 描画とペイント
    1. 対称パターンのペイント
    2. 長方形の描画とストロークオプションの変更
    3. 描画の概要
    4. シェイプの描画と編集
    5. ペイントツール
    6. ブラシの作成と修正
    7. 描画モード
    8. パスへのカラーの追加
    9. パスの編集
    10. 混合ブラシによるペイント
    11. ブラシプリセット
    12. グラデーション
    13. グラデーション補間
    14. 選択範囲、レイヤーおよびパスの塗りつぶしおよび境界線の描画
    15. ペンツールによる描画
    16. パターンの作成
    17. パターンメーカーを使用したパターンの生成
    18. パスの管理
    19. パターンライブラリとプリセットの管理
    20. グラフィックタブレットによる描画またはペイント
    21. テクスチャブラシの作成
    22. ブラシへの動的な要素の追加
    23. グラデーション
    24. アートヒストリーブラシによる、スタイル化されたストロークのペイント
    25. パターンによるペイント
    26. 複数のデバイスでのプリセットの同期
    27. プリセット、アクションおよび設定の移行
  20. テキスト
    1. テキストの追加と編集
    2. 統合テキストエンジン
    3. OpenType SVG フォントの操作
    4. 文字の書式設定
    5. 段落の書式設定
    6. テキスト効果の作成方法
    7. テキストの編集
    8. 行と文字の間隔
    9. アラビア語およびヘブライ語のテキスト
    10. フォント
    11. フォントのトラブルシューティング
    12. 日本語、中国語、韓国語のテキスト
    13. テキストの入力
  21. フィルターと効果
    1. ぼかしギャラリーの使用
    2. フィルターの基本
    3. フィルター効果リファレンス
    4. 照明効果の追加
    5. 広角補正フィルターの使用
    6. 油彩フィルターの使用
    7. ゆがみフィルターの使用
    8. レイヤー効果とレイヤースタイル
    9. 特定フィルターの適用
    10. 画像領域をこする
  22. 保存と書き出し
    1. Photoshop でのファイルの保存
    2. Photoshop でのファイルの書き出し
    3. サポートされているファイル形式
    4. グラフィック形式でのファイルの保存
    5. Photoshop と Illustrator 間でのデザインの移動
    6. ビデオとアニメーションの保存と書き出し
    7. PDF ファイルを保存
    8. Digimarc 著作権保護
  23. カラーマネジメント
    1. カラーマネジメントの設定
    2. 一貫した色の保持
    3. カラー設定
    4. ダブルトーン
    5. カラープロファイルの操作
    6. オンライン表示用ドキュメントのカラーマネジメント
    7. 印刷時におけるドキュメントのカラーマネジメント
    8. 読み込んだ画像のカラーマネジメント
    9. 色の校正
  24. Web、画面、アプリデザイン
    1. デザインに最適な Photoshop
    2. アートボード
    3. デバイスプレビュー
    4. レイヤーから CSS をコピー
    5. Web ページのスライス
    6. スライスの HTML オプション
    7. スライスのレイアウトの変更
    8. Web グラフィックの使用
    9. Web フォトギャラリーの作成
  25. ビデオとアニメーション
    1. Photoshop でのビデオの編集
    2. ビデオおよびアニメーションレイヤーの編集
    3. ビデオとアニメーションの概要
    4. ビデオとアニメーションのプレビュー
    5. ビデオレイヤーのフレームのペイント
    6. ビデオファイルと画像シーケンスの読み込み
    7. フレームアニメーションの作成
    8. Creative Cloud 3D アニメーション(プレビュー)
    9. タイムラインアニメーションの作成
    10. ビデオ用の画像の作成
  26. プリント
    1. 3D オブジェクトのプリント
    2. Photoshop を使用したプリント
    3. カラーマネジメントを使用したプリント
    4. コンタクトシートと PDF プレゼンテーション
    5. ピクチャパッケージレイアウトでの写真のプリント
    6. スポットカラーのプリント
    7. 業務用プリンターでの画像のプリント
    8. Photoshop からのカラー印刷の改善
    9. 印刷問題のトラブルシューティング | Photoshop
  27. 自動化
    1. アクションの作成
    2. データ駆動型グラフィックの作成
    3. スクリプト
    4. ファイルのバッチ処理
    5. アクションの再生と管理
    6. 条件付きアクションの追加
    7. アクションおよびアクションパネルについて
    8. アクションへのツールの記録
    9. アクションへの条件付きモード変更の追加
    10. プラグインとスクリプト用の Photoshop UI ツールキット
  28. トラブルシューティング
    1. 解決済みの問題 
    2. 既知の問題
    3. Photoshop のパフォーマンスの最適化
    4. トラブルシューティング/初級編
    5. クラッシュまたはフリーズのトラブルシューティング
    6. プログラムエラーのトラブルシューティング
    7. 「仮想記憶ディスクの空き容量不足」エラーのトラブルシューティング
    8. GPU およびグラフィックドライバーの問題のトラブルシューティング
    9. 見つからないツールを検索
    10. Photoshop の 機能 | 廃止された 3D 機能に関するよくある質問

Photoshop には、各人の使い方や創造性のスタイルに合うよう、複数のペンツールが用意されています。

  • 曲線ペンツールでは、曲線や直線セグメントを直感的に描画できます。
  • 標準のペンツールでは、直線セグメントや曲線を精度良く描画できます。
  • フリーフォームペンツールでは、紙に鉛筆で描くようにパスを描画できます。 
  • マグネットペンオプションを使用すると、画像内で定義した領域のエッジにスナップしながらパスを描画できます。 
  • コンテンツに応じたトレースツールを使用すると、画像のトレース処理を自動化できます(テクノロジープレビュー)

Shift + P キーで、ペングループに属するツールを順番に選択できます。

Shift + P キーを使用してペンツールを順番に選択

ペンツールとシェイプツールを組み合わせて使用すれば、複雑なシェイプを作成できます。ペンツールで描画できるモードについて詳しくは、描画モードを参照してください。

注意:

ペンツールで描画を開始する前に、パスパネルで新規パスを作成しておき、描画した作業用パスが自動的に名前付きパスとして保存されるようにすることができます。

Adobe Photoshop logo

まずは無料で試してみる
世界中で利用されている画像編集ツールを試そう

コンテンツに応じたトレースツール

Photoshop の 2020 年 10 月リリースでは、コンテンツに応じたトレースツールがテクノロジープレビュー版として導入され、画像のエッジにカーソルを合わせてクリックするだけでベクトルパスや選択範囲を作成できます。

環境設定テクノロジープレビューコンテンツに応じたトレースツールを有効にして、Photoshop を再起動します。

 

次の 5 つの簡単な手順に従って、コンテンツに応じたトレースツールを試してみてください。

 

  1. ペンツールのグループから、コンテンツに応じたトレースツールツールを選択します。

    コンテンツに応じたトレースツール
    コンテンツに応じたトレースツール

  2. オブジェクトのエッジにカーソルを合わせると、オブジェクトがハイライト表示されます。

    コンテンツに応じたトレースペンツール
    画像のエッジをハイライト

    注意:

    ズームレベルが異なると、Photoshop が画像を認識する方法や、ツールでエッジを識別する方法が影響を受けます。

    例えば、低解像度の画像で作業している場合、ズームアウトすると、Photoshop がエッジを識別しやすくなります。ズームイン(100% 以上)すると、デフォルトの 1-1 ピクセルの解像度がツールで使用されて、エッジが識別されます。

  3. ハイライト表示されたセクションをクリックして、パスを作成します。

    コンテンツに応じたトレースツール
    ハイライト表示されたエッジをクリックしてパスを作成

  4. パスに追加するには、隣接するエッジの上にマウスを合わせて新しいセクションをハイライト表示し、Shift キーを押しながらクリックしてパスを延長します。表示されるピンクの線は、既存のパスに新しいセクションを追加していることを示します。

    コンテンツに応じたトレースツール
    Shift キーを押しながらクリックしてパスを延長

  5. パスから領域を削除するには、Alt キー(Windows)または Option キー(Mac)を押しながらクリックします。また、クリックしながら一方向にドラッグして、大きなセクションを削除することもできます。

    コンテンツに応じたトレースペンツール
    Alt キーまたは Option キーを押しながらクリックしてパスの一部を削除する

ディテール

ディテールスライダーの調整中に、Photoshop が認識しているエッジのプレビューが表示されます。スライダーを右に動かすと Photoshop が検出するエッジの量が増え、左に動かすと検出するエッジの量が減ります。

ディテールスライダー
ディテールスライダー

トレーシング

トレーシングモード(「詳細」、「標準」、「簡易」)は、トレース処理の前に画像の詳細度やテクスチャを調整します。

トレーシング
トレーシングモード

ディテールスライダーとトレーシングを組み合わせて使用して、目的のエッジを作成します。

曲線ペンツール

曲線ペンツールを使用すると、滑らかな曲線と直線セグメントを同じように簡単に描画できます。直感的に使用できるこのツールを使用することで、デザインにおいて独特なシェイプを作成したり精密なパスを定義したりして、画像を難なく微調整できます。作業中は、ツールを切り替えることなく、スムーズポイントやコーナーポイントの作成、切り替え、編集、追加、削除ができます。

  1. ペンツールのグループから、曲線ペンツールを選択します。

  2. 最初のアンカーポイントを作成するには、ドキュメント内のどこかをクリックまたはタップします。

  3. もう一度クリックまたはタップして次のアンカーポイントを定義し、パスの最初のセグメントを完成させます。パスの次のセグメントを曲線にするには、シングルクリックします(初期設定)。次に直線セグメントを描画する場合は、ダブルクリックします。

    注意:

    パスの最初のセグメントは、カンバス上で当初必ず直線として表示されます。次に曲線と直線セグメントのどちらを描画するかに応じて、後で調整されます。描画する次のセグメントが曲線の場合、最初のセグメントは次のセグメントに合わせて滑らかに曲げられます。

  4. (曲線パスの場合)マウスまたはタッチ対応デバイスで、ポインターをドラッグしてパスの次のセグメントを描画します。マウスボタンを押している間に、セグメントの曲線を最適に調整します。前のセグメントは曲線が滑らかになるように自動で調整されます。

    マウスボタンを押している間に、セグメントの曲線を最適に調整します。

  5. (曲線パスの場合)マウスボタンを放してアンカーポイントをドロップし、次のセグメントを完成させます。

  6. このようにしてセグメントを追加していき、パスを完成させます。

  7. 描画が終わったら、Esc キーを押します。

曲線ペンツールでの作業に関するヒント

  • アンカーポイントのドロップ中、パスの次のセグメントが曲線の場合はシングルクリックします。次に直線セグメントを描画する場合は、ダブルクリックします。それに応じてスムーズポイントまたはコーナーポイントが作成されます。
  • スムーズなアンカーポイントをコーナーポイントに変換、またはその逆に変換する場合は、ポイントをダブルクリックします。
  • アンカーポイントはドラッグすれば動かせます。
  • アンカーポイントを削除するには、削除するポイントをクリックし、Delete キーを押します。アンカーポイントは削除されますが、曲線は維持され、残ったアンカーポイントをもとに適宜調整されます。
追加のアンカーポイント

追加のアンカーポイントが削除されると、曲線は適宜調整されます

  • 曲線を調整するには、アンカーポイントをドラッグします。この方法でパスセグメントを調整すると、隣接するパスセグメントが自動で修正されます(ラバーバンド効果)。
  • アンカーポイントを追加するには、パスセグメントの任意の場所をクリックします。
「ラバーバンド効果」

ペンツール

直線セグメントの描画

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

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

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

    最初のセグメントは、2 番目のアンカーポイントをクリックするまで表示されません(Photoshop では、「ラバーバンド」オプションを選択するとパスセグメントをプレビューできます)。また、方向線が表示される場合は、ペンツールを誤ってドラッグしています。編集/取り消しを選択して、クリックし直してください。

  3. 次に、書き始めのセグメントを終了させる地点でクリックします(セグメントの角度を 45°単位に固定するには、Shift キーを押しながらクリックします)。
  4. ペンツールのクリックを続けて、残りの直線セグメントのアンカーポイントを設定します。

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

  5. 次のいずれかの操作を行って、パスを完成します。
    • クローズパスにする場合は、最初に作成した(白抜きの)アンカーポイントの上にペンツールを置きます。ペンツールを正しい位置に置くと、ペンツールポインターの横に小さい円 が表示されます。クリックするか、ドラッグしてパスを閉じます。

    • オープンパスにする場合は、Ctrl キー(Windows)または Command キー(Mac OS)を押しながら、すべてのオブジェクトから離れた任意の場所をクリックします。

    パスを開いたままにするには、別のツールを選択することもできます。

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

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

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

  1. ペンツールを選択します。
  2. ペンツールを曲線の開始点に移動し、マウスボタンを押したままにしてドラッグします。

    始点のアンカーポイントが表示され、ペンツールのポインターが矢印に変わります(Photoshop では、ドラッグを開始するまでポインターの形は変わりません)。

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

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

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

    Photoshop 曲線の最初のポイントの描画ペンツール
    最初のポイントの描画

    A. ペンツールを置く B. ドラッグを開始(マウスボタンを押したまま) C. ドラッグして方向線を伸ばす 

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

    Photoshop ペンツール 曲線の 2 番目のポイント
    2 番目のポイントの描画

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

    Photoshop ペンツール S 字曲線の描画
    S 字曲線の作成

    注意:

    次の曲線を描く方向を鋭角にするには、マウスボタンを放し、Alt キー(Windows)または Option キー(Mac OS)を押しながら方向点を曲線の方向にドラッグします。Alt キー(Windows)または Option キー(Mac OS)とマウスボタンを放し、セグメントの終了点にポインターを移動し、反対方向にドラッグして曲線セグメントを完成させます。

  5. 引き続き、別の場所からペンツールをドラッグして、一連の滑らかな曲線を作成します。アンカーポイントは、各曲線の頂点ではなく開始点と終点に配置されます。
    注意:

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

  6. 次のいずれかの操作を行って、パスを完成します。
    • クローズパスにする場合は、最初に作成した(白抜きの)アンカーポイントの上にペンツールを置きます。ペンツールを正しい位置に置くと、ペンツールポインターの横に小さい円 が表示されます。クリックするか、ドラッグしてパスを閉じます。

    • オープンパスにする場合は、Ctrl キー(Windows)または Command キー(Mac OS)を押しながら、すべてのオブジェクトから離れた任意の場所をクリックするか、別のツールを選択します。

直線に続く曲線の描画

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

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

    A. 完成した直線セグメント B. 端点上にペンツールを合わせる C. 方向点をドラッグ 

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

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

曲線に続く直線の描画

  1. ペンツールをドラッグして曲線セグメントの最初のスムーズポイントを作成し、マウスボタンを放します。
  2. 曲線セグメントの終点となる位置にペンツールを合わせ、ドラッグして曲線を完成させ、マウスボタンを放します。
  3. ツールパネルからアンカーポイントの切り替えツールを選択し、選択されている終点をクリックしてスムーズポイントからコーナーポイントに変換します。
    注意:

    Alt キー(Windows)または Option キー(Mac OS)を押すと、一時的にペンツールがアンカーポイントの切り替えツールに変わります。

  4. ツールパネルからペンツールを選択し、直線セグメントの終点にする位置にペンツールを置き、クリックして直線セグメントを終了します。

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

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

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

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

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

パスの描画の終了

  1. 次のいずれかの方法でパスを完成します。
    • クローズパスにする場合は、最初に作成した(白抜きの)アンカーポイントの上にペンツールを置きます。ペンツールを正しい位置に置くと、ペンツールポインターの横に小さい円 が表示されます。クリックするか、ドラッグしてパスを閉じます。

    • オープンパスにする場合は、Ctrl キー(Windows)または Command キー(Mac OS)を押しながら、すべてのオブジェクトから離れた任意の場所をクリックします。

オプションバーの設定

ペンツールを使用する場合、オプションバーで次のオプションを選択できます。

  • 「自動追加・削除」を選択すると、描画中にラインセグメントをクリックしてアンカーポイントを追加したり、削除したりすることができます。
  • 「ラバーバンド」を選択すると、クリックしてポインターを移動しているときにパスセグメントをプレビューすることができます。このオプションにアクセスするには、カスタムシェイプアイコンの右にあるポップアップメニューをクリックします。

フリーフォームペンツール

フリーフォームペンツールを使用すると、紙に鉛筆で描くように描画できます。アンカーポイントは、描画中に自動的に追加されます。描画中にユーザー自身がポイントの位置を決定することはできませんが、パスが完了した後でポイントの位置を調整することはできます。より正確に描画するには、ペンツールを使用します。

  1. フリーフォームペンツール  を選択します。

  2. マウスの動きや筆圧に対する最終パスの感度を調整するには、オプションバーのシェイプボタンの横の下向き矢印をクリックし、カーブフィットのピクセル値を 0.5 ~ 10.0 までの範囲で入力します。値が大きいほど、アンカーポイントの少ない単純なパスが作成されます。

  3. 画像内でポインターをドラッグします。ドラッグすると、ポインターの軌跡が線で表示されます。マウスを放すと、作業用パスが作成されます。

  4. 既存のフリーハンドパスの続きを描画するには、ペンのポインターをパスの終了点に移動してドラッグします。

  5. パスを完了するには、ドラッグの状態からマウスを放します。クローズパスを作成するには、パスの開始点にラインをドラッグします。正しい位置にポインターがくると、その横に円が表示されます。

マグネットペンオプションを使用した描画

フリーフォームペンツールのマグネットペンオプションを使用すると、画像内で定義した領域のエッジにスナップしながらパスを描画できます。このツールでは、作成するパスの複雑さおよび、スナップする範囲とエッジに対する感度を定義できます。マグネットペンツールとマグネット選択ツールには、多くの共通オプションがあります。

  1. フリーフォームペンツールをマグネットペンツール  に変換するには、オプションバーで「マグネット」を選択するか、オプションバーのカスタムシェイプツールボタンの横にある下向き矢印をクリックして「マグネット」を選択し、次のように設定します。
    • 「幅」に、1 ~ 256 のピクセル値を入力します。マグネットペンツールでは、ポインターから指定した距離内にあるエッジだけが検知されます。

    • 「コントラスト」には、1 ~ 100 の整数のパーセントを入力して、境界線と見なされる領域のピクセル間コントラストを指定します。コントラストが低い画像の場合は、大きい値を使用します。

    • 「頻度」には、0 ~ 100 の整数値を入力し、ペンによりアンカーポイントが設定される頻度を指定します。大きい値にするほど、アンカーポイントが少なく設定されます。

    • 筆圧感知入力タブレットを使用している場合は、「筆圧」を選択または選択解除します。このオプションを選択すると、筆圧が高いほど線が太くなります。

  2. 画像内をクリックして、最初の固定ポイントを設定します。
  3. フリーハンドセグメントを描画するには、ポインターを移動するか、トレースする境界線に沿ってドラッグします。

    最後に追加したアンカーポイントが選択された状態になります。ポインターを移動するに従って、画像内で最も強い境界線にアンカーポイントがスナップし、ポインターをその前に追加したポインターにつなげていきます。マグネットペンは定期的に境界線にアンカーポイントを追加して、固定していきます。

    Photoshop ペンツールの固定ポイントとトレースの続行
    クリックして固定ポイントを追加しながらトレースを続行します。

  4. 境界線が目的の境界線にスナップしない場合は、一度クリックしてアンカーポイントを手動で追加し、境界線が動かないようにします。境界線のトレースを続け、必要に応じてアンカーポイントを追加します。間違えた場合は、Delete キーを押して最後に追加されたアンカーポイントを削除します。
  5. マグネットペンのプロパティを好みに応じて変更するには、次のいずれかの操作を行います。
    • Alt キー(Windows)または Option キー(Mac OS)を押しながらドラッグすると、スナップがオフになり任意でフリーの線が描画できます。

    • Alt キー(Windows)または Option キー(Mac OS)を押しながらクリックして、直線セグメントを描画します。

    • マグネットペンの幅を 1 ピクセル単位で細くするには左角括弧([)キーを押します。逆に、1 ピクセル単位で太くするには右角括弧(])キーを押します。

  6. パスを終了するには、次のいずれかの操作を行います。
    • Enter キーまたは Return キーを押して、オープンパスを終了します。

    • ダブルクリックして、マグネットセグメントでパスを閉じます。

    • Alt キー(Windows)または Option キー(Mac OS)を押しながらダブルクリックし、直線セグメントでパスを閉じます。

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト