切り抜いた商品、影、粉塵でスニーカーの広告を作る
透明なスニーカー、個別の影、オレンジの粉塵、青い粒子から商品広告を作ります。練習用の素材ファイルを使い、録画したワークフローに沿って進めます。
各手順で一時停止し、画面に表示されるショートカットに沿って操作してください。練習用ファイルには素材レイヤーが個別に入っています。動画は画面操作を録画したデモです。
手順
-
ドキュメントを作成して背景を配置
Ctrl+Alt+N キーを押します(またはファイル > 新規…)。幅に 1080、高さに 1200 と入力し、作成をクリックします。ファイル > 埋め込みを配置… を選択し、BACKGROUND_ORIGINAL.png を選びます。ボックスの内側をドラッグして移動し、角のハンドルをドラッグしてサイズを変更します。Enter キーを押して(または画像をダブルクリックして)確定します。

-
柔らかい影を追加する
ファイル > 埋め込みを配置… を選択し、SHADOW_EDITABLE.svg を選びます。ボックスの内側をドラッグして移動し、角のハンドルをドラッグしてサイズを変更します。Enter キーを押して(または画像をダブルクリックして)確定します。靴が浮かぶ位置に置きます。

-
オレンジの粉塵を追加する
ファイル > 埋め込みを配置… を選択し、DUST_ORIGINAL_ALPHA.png を選びます。ボックスの内側をドラッグして移動し、角のハンドルをドラッグしてサイズを変更します。Enter キーを押して(または画像をダブルクリックして)確定します。レイヤーパネル右上の不透明度ボックスに 58 と入力し、Enter キーを押します。

-
青い粒子を追加する
ファイル > 埋め込みを配置… を選択し、BLUE_PARTICLES_EDITABLE.svg を選びます。ボックスの内側をドラッグして移動し、角のハンドルをドラッグしてサイズを変更します。Enter キーを押して(または画像をダブルクリックして)確定します。

-
靴を配置する
ファイル > 埋め込みを配置… を選択し、SHOE_ORIGINAL_ALPHA.png を選びます。ボックスの内側をドラッグして移動し、角のハンドルをドラッグしてサイズを変更します。Enter キーを押して(または画像をダブルクリックして)確定します。続いて V キーを押し、靴をドラッグして影との間隔を調整します。

-
確認して保存
Ctrl+0 キーを押して広告全体を表示します。Ctrl+Alt+S キー(ファイル > コピーを保存…)を押して PSD を選ぶと、レイヤーを保持した編集可能なコピーを保存できます。

ブラウザーのショートカットが優先されてしまう場合は、エディターの対応するメニューコマンドを使用してください。元のファイルは残し、コピーで練習してください。
よくある質問
このチュートリアルに Photoshop は必要ですか?
いいえ。すべての手順をブラウザー上の PhotoVim で行うので、何もインストールする必要はありません。メニュー名とショートカットは Photoshop に準じているため、Photoshop を使っている方には見慣れた手順です。
粉塵レイヤーの不透明度を下げるのはなぜですか?
粉塵は商品を覆わずに雰囲気を加えるためのものです。58% 前後にすると、靴が主役のまま保たれます。



