【After Effects】『Motion Tools 2』のアップグレード版『Motion Tools Pro』が1月31日まで無料配布中\( ̄∀ ̄)/

【Photoshop】簡単にプロ並みのアレンジができる!?オーバーレイテクスチャーの使い方を解説!!

Photoshop Overlay Texture Free オーバレイテクスチャー 無料

Adobe Photoshop 188

今回は『Adobe Photoshop』を使って簡単にプロ並みのアレンジができてしまう『オーバーレイテクスチャー』の使い方を解説していきますd(゚∀゚)

『オーバレイテクスチャー』をうまく編集に取り入れることで

デザインの幅もグッと広がりかなりの作業効率化にも繋がりますので、ご存知ない方はぜひ最後まで読んでいただければ幸いです٩( ᐛ )و

*オーバーレイテクスチャーの使い方を解説した動画はこちら⬇︎⬇︎



オーバーレイテクスチャーとは!?

『オーバーレイテクスチャー』とは適用したい画像に重ね合わせるだけで様々な加工効果を追加することができる画像素材のことをいいますd( ̄  ̄)

『オーバレイテクスチャー』には大きく分けると2種類のタイプがあり、1つは背景が透明な状態(PNG)で、画像をそのままドラッグ&ドロップで追加するだけで加工効果を追加できるタイプと⬇︎⬇︎

Photoshop Overlay Texture Free オーバレイテクスチャー 無料 PNG
オーバーレイテクスチャー(PNG)
before画像 after画像



もう1つは背景(主に黒く塗り潰されている)がある画像ファイルを追加して『描画モード』を使用することで加工効果を追加するタイプがあります⬇︎⬇︎

Photoshop Overlay Texture Free オーバレイテクスチャー 無料
オーバーレイテクスチャー
before画像 after画像



この『オーバレイテクチャー』はネット上に無料で数多く配布されているので、お好みのものをダウンロードして、作業効率化を図りましょうd( ̄  ̄)




オーバーレイテクスチャーの実用例

実際に2タイプのオーバーレイテクスチャーの実用例を出して、使い方を順を追って解説していきます。


画像背景が透明なタイプ(PNG)のオーバーレイテクスチャー実用例

例えば以下のような画像に花火を追加したいとします。

Photoshop Overlay Texture Free オーバレイテクスチャー 無料 PNG 夜空 画像 準備

準備したオーバレイテクスチャーを『Photoshop』へドラッグ&ドロップして追加します。

Photoshop Overlay Texture Free オーバレイテクスチャー 無料 PNG 花火 ドラッグ&ドロップ


これで花火を追加することができます。

サイズや色味、不透明度など元画像に合わせてお好みで調整して下さい。

Photoshop Overlay Texture Free オーバレイテクスチャー 無料 PNG 花火 ドラッグ&ドロップ



背景(黒)があるタイプのオーバーレイテクスチャー実用例

以下のような画像に幻想的なオレンジ色のフレア効果を追加したいとします。

Photoshop Overlay Texture Free オーバレイテクスチャー 無料 PNG フレア サンプル


フレアのオーバーレイテクスチャーを準備します。

このオーバーレイテクスチャーは先程の背景が透明なテクチャーと違い、背景が黒いタイプのテクスチャーとなります。

Photoshop Overlay Texture Free オーバレイテクスチャー 無料
オーバーレイテクスチャー


*フレアを追加することができる無料の『オーバーレイテクスチャー素材』をまとめた記事はこちら⬇︎⬇︎

Photoshop Free Lens Flare Overlay Texture Bokeh フォトショップ オーバーレイ テクスチャー 無料 フリー レンズ フレア 【Photoshop】全て無料!!画像に幻想的なレンズフレアを追加できる『フレアオーバーレイテクスチャー素材』まとめ Photoshop Free Sun Flare Overlay Texture Bokeh フォトショップ オーバーレイ テクスチャー 無料 フリー サン フレア 太陽 光 【Photoshop】全て無料!!画像に鮮やかなフレアを追加できる『サンフレアオーバーレイテクスチャー素材』まとめ Photoshop Free Lens Flare Overlay Texture Bokeh フォトショップ オーバーレイ テクスチャー 無料 フリー レンズ フレア 【Photoshop】全て無料!!画像にレンズフレアを追加できる『フレアオーバーレイテクスチャー素材』まとめ


準備したオーバレイテクスチャーを『Photoshop』へドラッグ&ドロップして追加します。

Photoshop Overlay Texture Free オーバレイテクスチャー 無料 PNG フレア ドラッグアンドドロップ


すると背景が黒いので画像素材なので重ねたオーバーレイテクスチャーで元画像が隠れてしまいます。

Photoshop Overlay Texture Free オーバレイテクスチャー 無料 PNG フレア 背景 黒い


『Photoshop』などAdobeの主要な編集ソフト(Illustrator,Premiere Pro,After Effectsなど)には『描画モード』という様々な条件に沿って画像や映像を透過させる機能が備わっています。

Photoshop Overlay Texture Free オーバレイテクスチャー 無料 描画モード 適用 追加
Photoshop Overlay Texture Free オーバレイテクスチャー 無料 描画モード 適用 追加


*『描画モード』について詳しく知りたい方は『Adobe』の公式ページをご参照下さい⬇︎⬇︎


描画モードを適用することで

上に重ねたオーバーレイテクスチャーが透過され、アレンジを加えることができます。

今回は『ソフトライト』へ設定してみました^^

Photoshop Overlay Texture Free オーバレイテクスチャー 無料 描画モード 適用 追加 ソフトライト


これで完成です。

あとは他の描画モードを選択してみたり、サイズや色味、不透明度など元画像に合わせてお好みで調整して下さい。

before画像 after画像



*無料で使えるオーバーレイテクスチャー素材を各カテゴリー別にまとめた記事はこちら⬇︎⬇︎

Adobe Photoshop Free Overlay Texture フォトショップ オーバーレイ テクスチャー 無料 フリー まとめ 【Photoshop(フォトショップ)】無料オーバーレイテクスチャー素材まとめ




以上、最後まで読んでいただきありがとうございました♪( ´θ`)ノ






コメントを残す

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