影のオーバーレイ素材を上手に使うコツ【重ねるだけでカンタンにクオリティアップ】

• デザインがなんだか物足りない。何か足した方がいい？
• 写真やイラストのクオリティがあまり高くないのを、デザインでなんとかカバーしたい
• 時間がなくても、修正に強くてクオリティが高く見せられるデザイン素材があったら嬉しいんだけど

そんな時に試してみてほしいのが、影のオーバーレイ素材。上から重ねるだけで、平面的なデザインが空間や奥行きを感じさせるデザインに早変わりします。

重ねるだけなので修正にも強く、すぐにアカ抜けた雰囲気になるのが影のオーバーレイ素材のメリット。最近、海外のデザイン素材サイトで本当によく見かけます。持っておくと、いざという時にデザイナーの味方になってくれる素材です。

この記事ではそんな便利なオーバーレイ素材をうまく使うコツと、すぐに使える様々な影のオーバーレイ素材を紹介します。

では、早速みていきましょう。

影のオーバーレイ素材を上手に使うコツ【重ねるだけでカンタンにクオリティアップ】

オーバーレイ素材は上から重ねるだけなので、Photoshop、Illustrator、Affinity Designerなどの主要なグラフィックアプリケーションで使えます。

今すぐ使えるオーバーレイ素材を先にチェックしたいかたはこちらをクリックしてください。

コツ①：大きな面積でしっかり重ねよう

影のオーバーレイ素材は端に少しだけ使うより、デザインの上にかぶさるように大きな面積で使うのがおすすめです。

コツ②：平面に見えるデザインに重ねよう

写真の上に重ねると、違和感を感じるデザインになってしまいます。床、壁など平面または平面デザインに見えるものに重ねるのがコツです。

コツ③：同一色の面積が広い部分に重ねよう

同一色の面積が広い部分に重ねると、繊細な影でも比較的わかりやすなります。逆に色や要素がごちゃごちゃした部分に重ねると、影の形や濃さによってはわかりづらくなることもあるので要注意です。

オーバーレイ素材をさっそく使ってみよう

ここからは、いますぐ使える影のオーバーレイ素材を紹介します（参考例はVerdura Stationery Shadow Mockupsで作成）。

画像、ボタン、または青色の文字をクリックするとオーバーレイ素材の詳細ページに移動します。

Shadow Play Photo Overlays

木の葉や窓枠、ガラスなど16種類の影を収録した「Shadow Play Photo Overlays」。高解像度データ（4500x3000px、300dpi）で印刷も可能です。

• ファイル形式: .PSD
• 対応アプリケーション: Adobe Photoshop CC (または上位バージョン)

Sunray 2 – Stationery Shadow Mockups

「Sunray 2 – Stationery Shadow Mockups」は16種類の影と12種類の背景テクスチャがセットになった素材。日常のワンシーンのような自然な影を、簡単にデザインに加えられます。

• ファイル形式: .JPG、 .PSD
• 対応アプリケーション: Adobe Photoshop CC (または上位バージョン)

Stationery Mockup Scene Creator

影はもちろん、プリズムやライトのオーバーレイも収録したステーショナリーモックアップ「Stationery Mockup Scene Creator」。さらに奥行きを強調するための、ピンボケした植物素材もついてきます。

• ファイル形式: .PSD、.PDF
• 対応アプリケーション: Adobe Photoshop CC (または上位バージョン)

【期間限定5/18まで】オーバーレイや背景テクスチャたっぷりの写真加工素材バンドル18万円相当が29ドルでセール中

デザインカッツで販売中の「The Creative’s Ultimate Photography Collection」。写真加工にあると便利なデザイン素材をたっぷり収録したお得なバンドルです。

• 簡単に今っぽい写真に加工できるLightroomプリセット
• インスタグラムの投稿画像をおしゃれにできるフィルム風フレーム
• イラストの加工にも使える光のオーバーレイ
• スクラップブック制作に役立つ背景テクスチャ
• ゆがみ加工やレトロ風加工が数クリックでできるPhotoshopアクション

参考価格1,639ドル（179,197円）のところ、なんと29ドルの特別プライス。2021年5月18日（火）まで期間限定セール中です。