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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Shadow Play Photo Overlays

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

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

デザインカッツなら購入後30日以内は全額返金。購入方法はこちら

Sunray 2 – Stationery Shadow Mockups

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

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

デザインカッツなら購入後30日以内は全額返金。購入方法はこちら

Stationery Mockup Scene Creator

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

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

デザインカッツなら購入後30日以内は全額返金。購入方法はこちら

【4/30まで】約7万円相当のヴィンテージデザイン素材バンドルが29ドルの特大セール中

デザイン素材販売サイトデザインカッツからお得なバンドル「The Creative’s Collection Of Timeless Treasures」が2週間限定で販売中。複数のプロジェクトに商用利用できるプロクリエイトブラシ、イラスト集、英語フォントなど総額452ドル（69,791円）相当がいまだけ94%オフの29ドルで購入できるチャンスです。

デザインカッツなら購入後30日以内は全額返金。購入方法はこちら