期間限定!デザイン素材バンドルリスト

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

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

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

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

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

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

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

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

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

もくじ(クリックした項目に移動します)

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

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

オーバーレイ素材は上から重ねるだけなので、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 (または上位バージョン)

Design Cutsは購入後30日以内なら100%全額返金。購入方法はこちら

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 (または上位バージョン)

Design Cutsは購入後30日以内なら100%全額返金。購入方法はこちら

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 (または上位バージョン)

Design Cutsは購入後30日以内なら100%全額返金。購入方法はこちら

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

水彩イラスト、パターン、フォントなど$2,582相当が99%オフの29ドル【3/2まで】

デザインカッツで販売中の「美しさも機能も揃った水彩素材コレクション」。眺めているだけで創作意欲が湧いてくる、カラフルな水彩デザイン素材が世界中から集まりました。

  • 繊細なタッチの違いが楽しめる水彩タッチブラシ
  • 媒体を問わず重宝する水彩背景素材
  • 水彩テクスチャつきのSVGフォント
  • 使うだけでデザインが華やかになる動物、植物、食べ物などの水彩イラストセット
  • 写真やベクターイラストを水彩タッチに変換するお役立ちアドオン など

参考価格2,582ドルのところ、なんと29ドルの特別プライス。2021年3月2日(火)まで期間限定セール中です。

Design Cutsは購入後30日以内なら100%全額返金。購入方法はこちら

【期間限定3/9まで】99%オフ!今買ってずっと使える商用利用OKの欧文フォントバンドルが29ドル

The Treasure Trove of Fonts for Typography Lovers

デザインカッツで販売中の「The Treasure Trove of Fonts for Typography Lovers」。表現の引き出しが増える欧文フォントが世界中から集まりました。

  • フォントはすべて複数の商用プロジェクトに利用可能
  • Webフォント収録
  • ウェイト違いを多数収録したビッグファミリー書体収録
  • リガチャ(合字)やスウォッシュ(飾り)なども充実
  • 多くのフォントが英語、スペイン語、フランス語、ドイツ語をはじめとした多言語に対応

参考価格3,207ドルのところ、なんと29ドルの特別プライス。2021年3月9日(火)まで期間限定セール中です。

Design Cutsは購入後30日以内なら100%全額返金。購入方法はこちら

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

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

よかったらシェアしてね!

【無料体験版あり】面倒くさがりでも続けられる!パソコン内部の簡単メンテナンスツール

CleanMyMac X

パソコン内部にたまっている不要なファイルの削除や定期メンテナンスは、やらないといけないのはわかっているけど、実際にやるとなると面倒ですよね。でも、そんな面倒な作業がわずか数クリックで終わるならどうでしょうか?

CleanMyMac Xなら不要なファイルやアプリの削除、セキュリティ保護、パフォーマンスの高速化がわずか数クリックでかないます。Windows版のCleanMyPCもあります。

Windows版はこちら

わたしも1年以上CleanMyMacを利用しています。メンテナンスが必要なタイミングになったらアプリから通知がくるので、面倒くさがりのわたしでも忘れずに不要ファイルをクリーニングできています。

もくじ(クリックした項目に移動します)
閉じる