Photoshopでサムネイル画像を作る手順

Photoshopでブログ記事のサムネイル画像を自由に作れるようになりたく、独習を始めたので自分用にメモを残しておきます。

いい感じのサイズに画像をカットする方法

  1. 切り抜きツールを選択すると上のメニューで比率を選べるので、幅☓高さ☓解像度を選択する。
  2. 幅=1000 px 高さ=600 px 解像度=72 px/in に設定してカットする枠を写真の上に表示させる。
  3. 印刷物の場合は、解像度を350px/inに設定するのが標準的とのこと。

  4. カットする枠の縦横比がロックされているので拡大縮小、位置、回転を決めてカットを行う。

写真にフィルターをかけるときの手順

油絵風

  1. 加工をかける前に、レイヤーの写真(レイヤーの名前のあたり)を右クリックして「スマートオブジェクトに変換」を適用する。
  2. スマートオブジェクトにしておくと、写真自体に変化を加えないので簡単に元に戻すことが可能になります。

  3. メニュー上部のフィルターから好きなフィルターをかける。
  4. 今回は「表現手法」→「油彩」を選択しました。

写真に手振れ補正をかける手順

  1. 加工をかける前に、レイヤーの写真(レイヤーの名前のあたり)を右クリックして「スマートオブジェクトに変換」を適用する。
  2. メニュー上部のフィルターから「シャープ」→「ぶれの軽減」を選択する。

人物を切り抜く手順

人合成前

  1. 選択範囲→選択とマスクを適用する。
  2. 左メニューの「クイック選択ツール」で人の部分をなぞってゆく。
  3. 大体の選択が済んだら、「境界線調整ブラシツール」にて髪の毛などの細かい境界線を修正する。
  4. 背景まで選択してしまった場合は、optionボタンを押しながらドラッグすると修正が可能。
  5. 左上の属性→表示モード→表示の下三角のボタンを押すと表示モードを切り替えられるので選択範囲を確認しやすい。
  6. オーバーレイを使うと境界線が見易い模様。最終的には表示モードを白黒にして細部を加工する。※Fボタンで表示モードを切り替えることができるので便利。
    切り抜きオーバーレイ

  7. レイヤーにレイヤーマスクが作成されていることを確認する。

境界線の緑色がきになる場合は、「エッジをシフト」を使ってエッジを内側にシフトしてあげると髪の毛の境界線の緑色を軽減することができる。

要らない部分を自然に消す手順

街並み

  1. 左メニューのばんそうこうマーク「スポット修正ブラシツール」を選択
  2. スポット修復ブラシツール

  3. 上のメニューで直径などを調整して要らない部分をなぞる。
  4. 不要な部分が自然に消えているのを確認する。

  5. こんな感じで「中央前橋駅」の看板を消すことができました。

画像を重ねて自然な感じに調整する


二つの画像を重ねて、背景画像に少しぼかしを入れる。ぼかしはフィルター→ぼかし→ぼかし(ガウス)にて適用する。
緑の部分が少し残ってしまって汚い仕上がりに。。。練習を重ねて上手くなります。

画像をくり抜く方法

  1. 左メニューのカスタムシェイプツールを選択する。
  2. 長方形ツールの中にあるアメーバみたいな形をしたもの。

  3. 上のメニューのシェイプから好きな形を選択する。
  4. 歯車マークから全てを選んで追加するを選択すると全てのマスクが選択できるようになる。

  5. シェイプを画面に配置する。
  6. 開店などしたい場合は、上のメニューから編集→パスを自動変形を選択し、回転や拡大縮小を行う。

切手の形に綺麗に切り抜くことができました。

写真に影をつける方法

写真に影をつけるには、レイヤーのシェイプが選択されていることを確認した状態で、レイヤー画面下のfxボタンを押す。
そこでドロップシャドウを選択してOKを押せば完了。
ドロップシャドウ
ドロップシャドウを適用した写真がこちら

シェイプを斜めにして背景画像を追加する

シェイプをあえて斜めにずらし、その下に背景画像を追加する。
文字を入れて、文字に対してドロップシャドウを付ければ読みやすくなります。

これでひとまずサムネイル画像の完成です!

写真の色味を調整する

フィルターから、「camera Rawフィルター」を選択する。

サムネイル画像作成のまとめ

こちらの作り方は、Adobeの公式サイトを参考に作ってみました。
https://helpx.adobe.com/jp/photoshop/how-to/beginners-tutorial-2.html
とても分かりやすいので初心者がまず勉強するには最適のサイトだと思います。
私も初めて作ってみた割にはそれなりにできたかな?と思います。ではでは。

投稿者: たーん

初めまして、たーんです。 ウェブサイトを御覧いただき有難うございます。 お仕事では多店舗運営の情報システム周りをやっています。 詳しいプロフィールはこちらを御覧ください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です