Photoshopの描画モードでオシャレなサムネイル画像を作る方法

Photoshopの描画モードでオシャレなサムネイル画像を作る方法 Photoshop

Photoshopの画像の合成方法には色々な方法がありますね。
クリッピングマスクやレイヤーマスク、用途によって様々です。

今回は『描画モード』の設定内の『比較(明)』を使って、おしゃれなサムネイル画像を作成してみます。※本記事のサムネイル画像が完成形となります。

スポンサーリンク

描画モードって何?

そもそも『描画モード』ってどこのどんな機能?と疑問に思う方もいると思います。

『描画モード』は下にあるレイヤーに対しどの様な合成をするか設定できる機能で、種類はなんと27通りもあります。

何も設定しないと『通常』のままですが、用途により大きく6種類に分けられます。

基本的な合成

・通常・ディザ合成

重ねるごとに暗くなる合成

・比較(暗)・乗算・焼き込みカラー・焼き込み(リニア)・カラー比較(暗)

重ねるごとに明るくなる合成

・比較(明)・スクリーン・覆い焼きカラー・覆い焼き(リニア)-加算・カラー比較(明)

コントラストと対比を使い分けた合成

・オーバーレイ・ソフトライト・ハードライト・ビビットライト・リニアライト・ピンライト・ハードミックス

上下のレイヤーを比較した合成

・差の絶対値・除外・減算・除算

色相・彩度・輝度の合成

・色相・彩度・カラー・輝度

実践(画像を2枚準備)

Photoshopの描画モード 画像を配置

こちらの男性の画像と、いい感じの街並みの画像を合成していきます。
Photoshopを立ち上げアートボードを新規作成(サイズはお好みで)、最初に男性の画像を開きます。

まずは男性の画像の加工から

Photoshopの描画モード選択範囲

①『選択ツール』を選択し男性をクリックすると男性の周りに動く黒い転々が表示され、選択ができます。
上手く選択できなかった場合はshiftキーを押しながらクリックして、選択範囲(男性)を改めて決めていきます。
この状態での選択範囲は男性になっているので、メニューバーの『選択範囲』から『選択範囲を反転』で男性の背景を選択します。

男性の背景を白く塗りつぶす

Photoshop描画モード 新規レイヤーから塗りつぶし
Photoshop描画モード カラーピッカーで色の選択

上記で選択した背景を白く塗りつぶします。
男性レイヤーに直接着色すると修正ができなくなってしまうので、①をクリックで新規レイヤーを作成してから、そこに②『塗りつぶしツール』を選択し、③をダブルクリックでカラーピッカーを表示させ、色の選択します。
画像右のカラーピッカーの黄色い★部分を選択しカラー番号を入力します。
(今回は白を選択したいので#ffffffと入力しています)
もしくは、黄丸の○をお好みのカラー部分に移動すれば変更できます。

そのまま塗りつぶしツールを選択した状態でアートボードをクリックします。

すると男性の背景が白く塗りつぶしができました。
塗りつぶしが完了したらメニューバーの『選択範囲』→『選択範囲を解除』で選択を解除しておきます。(macの場合は⌘+D)

背景になる街並みの画像を配置

Photoshopの描画モード 画像の配置
Photoshopの描画モード レイヤーの順番

街並みの画像を一番上に配置させます。(※画像緑枠)
配置したらアートボードいっぱいまで街並みの画像を引き伸ばします。

Photoshopの描画モード 描画モード比較(明)

街並みレイヤーを選択した状態で、赤枠横の『∨』をクリックして『描画モード』の中から『比較(明)』を選択します。
画像の様に街並みレイヤーと男性レイヤーが合成されました!

テキストの入力をします

Photoshopの描画モード テキスト入力
Photoshopの描画モードでオシャレなサムネイル画像を作る方法 完成

①文字ツールを選択してテキストの入力をします。
緑枠の町並みレイヤーより下に文字レイヤーが来る様にします。
文字と街並みレイヤーが合成されました。
合成したくないテキストは街並みレイヤーより上に文字レイヤーを作成します。

テキストの位置を変更する場合は、文字レイヤーを選択した状態で『移動ツール』をクリックしてお好みの位置に合わせてください。

まとめ

描画モードは、合成に使用する画像の明るさやコントラストによりモードを使い分けるのがポイントです。
色々な画像を合成させて自分なりに慣れていくのが上達の近道ですね!

この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
Photoshop
スポンサーリンク
シェアする
CreaveGraffitiをフォローする
Creavegraffiti | Webマーケティング情報

コメント

タイトルとURLをコピーしました