【Photoshop】枠付きサムネイル画像を作成する

今回は枠付きサムネイル画像を作成します。

枠付きサムネイル画像

まず、Photoshopで元になる画像を開きます。
このとき、開いた画像は背景になっている為、レイヤーを右クリックしてスマートオブジェクトに変換します。

背景をスマートオブジェクトに変換

次に、元画像のサムネイルにしたい部分を[長方形選択ツール]で選択します。

長方形選択ツールで選択範囲

先ほど[長方形選択ツール]で選択した選択範囲に[レイヤーマスクを追加]する。
すると、選択範囲内の部分だけが残る。

レイヤーマスクを追加

残った画像に[レイヤースタイル]→[境界線]で枠線を付ければ完成!!。

レイヤースタイル境界線

境界線で枠線追加

最後に作成した画像を、[スライスツール]でスライスして、Shift+Ctrl+Alt+Sで保存すれば完了!!

スライスツール

保存の際は、[選択したスライス]を選択。

選択したスライス保存

サムネイル完成

コメントを残す

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>