PhotoVim の使い方

人物の後ろと前に文字を配置する：タイポグラフィポスターのチュートリアル

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

背景のぼかし、ポートレートのトーンカーブ、シルバーの立体文字、遠近法を組み合わせます。同じ内容のテキストレイヤーとペイントしたレイヤーマスクを使い、文字をポートレートの後ろとジャケットの前に交差させます。

手順

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

1. ドキュメントを作成して街並みを配置

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

   

   

   

2. 背景のコピーをぼかす

   Ctrl+J キー（レイヤー > 新規 > コピーしたレイヤー）を押して元の画像を残します。フィルター > ぼかし > ぼかし (ガウス)… を選択し、街並みが柔らかくなるように半径を小さめに設定して OK をクリックします。

   

   

   

3. 大きな文字を入力する

   D キー、続いて X キーを押して、描画色を白にします。T キーを押して横書き文字ツールに切り替え、カンバスをクリックして BEYOND と入力し、Enter キーを押して LIMITS と入力します。Ctrl+Enter キーで確定します。文字パネルで、サイズを 205 px、トラッキングを -5、行送りを 2.8 に設定します。

   

4. 文字にシルバーの立体感を付ける

   Ctrl+J キーを押して編集可能なコピーを残します。レイヤーパネル下部の fx ボタンをクリックし、ベベルとエンボス（2 px、深さ 110%）、グラデーションオーバーレイ（シルバー）、控えめなエコーを追加します。

   

5. 文字を傾ける

   Ctrl+T キーを押し、ボックスの内側を右クリックして遠近法を選択します。上の角を少し内側にドラッグし、Enter キーを押します。

   

6. 前面用と背面用のコピーを作る

   Ctrl+J キーを押して、文字の 2 つ目のコピーを作ります。Alt キーを押しながら、レイヤーパネル下部のレイヤーマスクを追加ボタンをクリックします。レイヤー全体を隠す黒いマスクが作成されます（レイヤー > レイヤーマスク > すべての領域を隠す と同じです）。

   

   

7. 文字の間に人物を配置する

   ファイル > 埋め込みを配置… を選択し、01_PERSON_TRANSPARENT.png を選びます。ボックスの内側をドラッグして移動し、角のハンドルをドラッグしてサイズを変更します。Enter キーを押して（または画像をダブルクリックして）確定します。Ctrl+M キーを押してトーンカーブを開き、顔のコントラストをすっきりさせます。

   

   

8. 一部の文字を前に出す

   前面用コピーの黒いマスクをクリックします。B キーを押し、X キーで白にして、サイズを 300 に設定し、下の単語の上をペイントしてジャケットの前に表示させます。レイヤー > 重ね順 > 最前面へ（Ctrl+Shift+]）を選択し、コピーを人物より上に移動します。

   

   

9. 確認して保存

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

   

   

   

エディターで試す

よくある質問