PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

【Photoshop】ポラロイド風の画像をつくる

Photoshopを使ってポラロイド風の画像を作ります。
f:id:game-web-design:20140922171129p:plain

  1. 新規ファイルをつくります
  2. 下地に色をつけます(わかりやすくするためなので、何色でもいいです)。
  3. 選択ツールで長方形を作り、白色に塗ります。
  4. そのまま選択範囲に境界線をつけます。
  5. レイヤーコピーをして、同じ範囲を黒色(もしは濃い灰色)で塗ります。
  6. 黒色に塗ったレイヤーを「フィルター」「ぼかし」「ぼかし(ガウス)」でぼかします。範囲は大体5pxぐらい。これが影になります。
  7. 自由変形で黒色のレイヤーを少し傾けます。
    f:id:game-web-design:20140922171634p:plain
  8. 下の影以外は要らないので削除します。
    f:id:game-web-design:20140922171909p:plain
  9. ポラロイドにしたい写真を載せます。
    f:id:game-web-design:20140922172130p:plain
  10. 長方形ツールで写真で見せたい範囲を作ります。
  11. 写真レイヤーを長方形の上にあることを確認して、クリッピングマスクを作成
    f:id:game-web-design:20140922172643p:plain
  12. 長方形レイヤーに「シャドウ(内側)」をつける。
    f:id:game-web-design:20140922172927p:plain
  13. あとはお好みで微調整