Advertisement

longshadow_top

 

Webデザインのホットキーワードになっている「フラットデザイン」から派生した、新しいトレンド「ロング・シャドウデザイン(英: Long Shadow)」をご存知ですか。斜め45度に差し込む光が作る、その名の通り、シャドウ部分を強調した、冬の日によく見受けられる様な、長い影が印象的なデザインとなっています。

 

 

今回は、「ロング・シャドウ」デザインの作成に便利な、無料Photoshopデザインジェネレーター「Long Shadow Generator」をご紹介します。

 

 

 

詳細は以下から。

 

 

 

「ロングシャドウ」エフェクトを簡単作成、お手軽PSDジェネレーター

 

Long Shadow Generatorは、Photoshopで編集することができるPSDファイルとなっており、無料ダウンロード可能なデザイン素材です。

 

 

収録されているファイルには、左右ななめ45度に表現されたシャドウデザインが各2種類用意されています。背景の色も、もちろん自由に変更可能となっています。

longshadow-rightlongshadow-left

 

 

スマートオブジェクトを利用しているので、文字テキスト以外にも、シェイプレイヤーや、アイコンなどのラスタライズされた個別レイヤーなど、どれにでも対応してくれます。

Long-Shadow-Generator-full(2)(3)(4)(5)

 

 

 

実際に文字を編集してみました。かかった時間は、ほんの数クリックのみの単純作業で、3分もかかりませんでした。

longshadowsample1

 

 

もちろん日本語にも対応しています。

longshadowsample2

 

個人、商用に限らず自由に利用することができ、今後のデザイン制作に役立ててみてはいかがでしょう。

 

 

 

ロング・シャドウデザイン参考サンプルまとめ

 

ロングシャドウデザインのお手本になりそうな、デザインをまとめたエントリー「Flat Design Cast a Long Shadow」が、デザインブログWebdesignerDepot.comで公開されていたので、こちらも一緒にご紹介します。

 

 

フラットデザインに程よい奥行き感を演出する、新しいテクニックは参考にいかがでしょう。影に色をつけたり、淡い繊細なシャドウを追加したりと、こだわりが魅せるユニークなスタイルとなっています。

 

 

Flat Icon “Frontend”

ls_005

 

 

Long Shadow Design

ls_004

 

 

Flat Thing

ls_001

 

 

Long Shadow Experiment

ls_013

 

 

iPad Mini

ls_002

 

 

“M”

ls_006

 

 

Long Shadow Icons

ls_016

 

 

Hexagon Twitter with Long Shadow

ls_010

 

 

Long Shadow Design

ls_009

 

 

Long Shadow

ls_014

 

 

Savory

ls_015

詳細情報はこちら

個人、商用ともに利用可能となっています。

ダウンロードする

参照元サイト: Long Shadow Generator - GraphicBurger.com