画像のはめ込み合成で、モックアップを作成する

画像のはめ込み合成

helpx.adobe.com

f:id:pbhfq:20211101010907j:plain

f:id:pbhfq:20211101010955j:plain

モックアップ作成
  • デザインを確認するための試作品のこと

移動コピー

  • 「ウィンドウ」→「アレンジ」→「2分割表示:垂直方向」

f:id:pbhfq:20211101014047j:plain


f:id:pbhfq:20211101014326j:plain

変形→ゆがみ

  • スマートフォンの画像にあわせて変形
  • 「自由変形」を選択し、Ctrlキーを押しながら四隅のポイントを移動しても同様の結果を得ることができます

f:id:pbhfq:20211101014930j:plain

f:id:pbhfq:20211101015624j:plain

  • 「enter」キーを押して確定

レイヤー効果→ベベルとエンボス(内側)

  • 画面が少し内側に入っているイメージにします

f:id:pbhfq:20211101020503j:plain

f:id:pbhfq:20211101020626j:plain

f:id:pbhfq:20211101020702j:plain


グラデーションレイヤーを作成

  • 新規レイヤーを作成し、下のレイヤーとグループ化(レイヤーとレーヤ-の境目を。Alt + クリック)

f:id:pbhfq:20211101022351j:plain


  • 「黒 → 白」のグラデーションを作成

f:id:pbhfq:20211101023006j:plain


  • 「レイヤーオプション」を「オーバレイ」を選択し、不透明度を下げる
  • 画面の上部を明るくしつつ、下部もディテールが見えるようにする

f:id:pbhfq:20211101023308j:plain

完成

f:id:pbhfq:20211101023647j:plain