Free Canva Instagram Templates DOWNLOAD NOW

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

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

(記事内のリンクの一部はアフィリエイトリンクです。詳しくはプライバシーポリシーをお読みください。)

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

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

影のオーバーレイを一枚重ねるだけでデザインがこんなに変わる!

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

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

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

Contents

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

影のオーバーレイ使用例。上から重ねるだけでグッと洗練された雰囲気に。

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

影のオーバーレイ素材を上手に使うコツ
  1. 大きな面積でしっかり重ねよう
  2. 平面に見えるデザインに重ねよう
  3. 同一色の面積が広い部分に重ねよう

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

影のオーバーレイは大きな面積でしっかり重ねよう

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

△:薄い色で端の方にある影は背景の模様だと勘違いされる可能性も
△:薄い色で端の方にある影は背景の模様だと勘違いされる可能性も
○:大きな面積でしっかり重ねた方が、影だとわかりやすくなります
○:大きな面積でしっかり重ねた方が、影だとわかりやすくなります

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

影のオーバーレイは平面に見えるデザインに重ねよう

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

△:写真の中にある空気感を影が消してしまいました
△:写真の中にある空気感を影が消してしまいました
○:写真がある平面に影が重なっているように見えます
○:写真がある平面に影が重なっているように見えます

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

影のオーバーレイは同一色の面積が広い部分に重ねよう

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

△:柄が邪魔で影がわかりづらい
△:柄が邪魔で影がわかりづらい
○:背景がシンプルな同一色なら、繊細な影でもわかりやすい
○:背景がシンプルな同一色なら、繊細な影でもわかりやすい

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

今回の参考例はVerdura Stationery Shadow Mockupsを使用しました

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

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

Shadow Play Photo Overlays

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

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

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

Sunray 2 – Stationery Shadow Mockups

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

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

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

Stationery Mockup Scene Creator

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

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

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

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

【12/10まで】約4.5万円相当の英語フォントバンドルが期間限定29ドルの特大セール中

デザイン素材販売サイトのデザインカッツでは現在デザイン素材バンドル「The Showstopping Selection Of Creative Fonts 」が販売中。複数の商用プロジェクトに利用できる英語フォント総額301ドル(44,959円)分を収録したお得なコレクション。12/10までの期間限定販売です。

The Showstopping Selection Of Creative Fonts
The Showstopping Selection Of Creative Fonts 

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

【12/3まで】人気デザイン素材4点セットが10ドルの特大セール中

デザイン素材販売サイトデザインカッツでは、人気デザイン素材4点セットが10ドルの特大セールを開催中。プロクリエイトバンドル、英語フォントバンドル、グラフィック素材バンドルなど合計15種類のバンドルから、必要なものをお得に購入できるチャンスです。

Procreate

Cute Procreate Art Toolkit
Cute Procreate Art Toolkit

Other Software

Photoshop All Stars: Creative Essentials Pack
Photoshop All Stars: Creative Essentials Pack
Affinity All Stars: Ultimate Designer Pack
Affinity All Stars: Ultimate Designer Pack

Graphics

Floral Fantasy: Blooming Art Bundle
Floral Fantasy: Blooming Art Bundle

Fonts

Corporate Craft: Professional Font Collection
Corporate Craft: Professional Font Collection

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

Keikoyaオリジナル Canva Social Media Bundle - 4500+ Templates & Free Update

Keikoyaオリジナルの4500点以上のCanvaインスタグラムテンプレートを収録したお得なバンドルもあります。いま購入すると将来の追加アップデート分も無料でダウンロードできます。

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

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
Contents