PhotoVim の使い方

旅行のポートレートを海辺の背景に合成する

難易度 · 初級 更新日 2026-09-28

すっきりとした海辺の背景と透明なポートレートを組み合わせます。配置、位置合わせ、細部の確認、レイヤーを保持した PSD での保存までを、実際のエディターの録画に沿って進めます。

YouTube で見る

英語版エディター・英語字幕 · 36 秒

各手順で一時停止し、画面に表示されるショートカットに沿って操作してください。練習用ファイルには素材レイヤーが個別に入っています。動画は画面操作を録画したデモです。

手順

手順の画像をタップすると拡大表示されます

  1. ドキュメントを作成して風景を配置

    Ctrl+Alt+N キーを押します(またはファイル > 新規…)。幅に 1080、高さに 1200 と入力し、作成をクリックします。ファイル > 埋め込みを配置… を選択し、BACKGROUND_ORIGINAL.png を選びます。ボックスの内側をドラッグして移動し、角のハンドルをドラッグしてサイズを変更します。Enter キーを押して(または画像をダブルクリックして)確定します。

    クリックする場所 — ドキュメントを作成して風景を配置
    ドキュメントを作成して風景を配置 — 旅行のポートレートを海辺の背景に合成する
  2. ポートレートを配置する

    ファイル > 埋め込みを配置… を選択し、WOMAN_ORIGINAL_ALPHA.png を選びます。ボックスの内側をドラッグして移動し、角のハンドルをドラッグしてサイズを変更します。Enter キーを押して(または画像をダブルクリックして)確定します。人物の縦横比を保つため、ドラッグするのは角のハンドルだけにします。

    クリックする場所 — ポートレートを配置する
    ポートレートを配置する — 旅行のポートレートを海辺の背景に合成する
  3. 人物を手すりに合わせる

    V キーを押して移動ツールに切り替え、人物が手すりのところに立つようにドラッグします。矢印キーを押すと 1 px ずつ動かせます。

    人物を手すりに合わせる — 旅行のポートレートを海辺の背景に合成する
  4. 確認して保存

    Z キーを押してズームツールに切り替え、確認したい部分をクリックします。Ctrl+0 キー(表示 > 画面サイズに合わせる)を押すと、画像全体が再び表示されます。Ctrl+Alt+S キー(ファイル > コピーを保存…)を押して PSD を選ぶと、レイヤーを保持した編集可能なコピーを保存できます。

    クリックする場所 — 確認して保存
    クリックする場所 — 確認して保存
    確認して保存 — 旅行のポートレートを海辺の背景に合成する
知っておくと便利なこと

ブラウザーのショートカットが優先されてしまう場合は、エディターの対応するメニューコマンドを使用してください。元のファイルは残し、コピーで練習してください。

エディターで試す

よくある質問

このチュートリアルに Photoshop は必要ですか?

いいえ。すべての手順をブラウザー上の PhotoVim で行うので、何もインストールする必要はありません。メニュー名とショートカットは Photoshop に準じているため、Photoshop を使っている方には見慣れた手順です。

拡大・縮小するときに人物の縦横比を保つには?

配置ボックスの角のハンドルだけをドラッグします。PhotoVim は初期設定で縦横比を保ちます。