arega

【これは使える!しかも無料!】Photoshopのレイヤースタイル素材まとめ


しっかりデザインがしたいと思った時に、一から全てを作り上げることはとても大変です。
その時に、効率よくデザインを手助けしてくれる、レイヤースタイルを活用しましょう。
今回は、ボタンひとつで簡単にデザインできるレイヤースタイル素材をご紹介します。

文字に使いたいレイヤースタイル素材

Psd Candy Text Effect

Psd Candy Text Effect

Psd Candy Text Effect

透明感のある、飴のような立体感がとても素敵です。
テキストだけではなく、オブジェクトにも使用できます。

Bubble Text Effect

Bubble Text Effect

立体感のあるステッカーやシールのようなレイヤースタイル素材です。
太字のフォントに使用するのがおすすめです。

Metal pack layer style text fx

Metal pack layer style text fx

ゴールド、シルバーなどの金属の表現ができます。
グラデーションが繊細で、本当にきらびやかに輝いて見えます。

Letterpress Styles

Letterpress Styles

レタープレスを簡単に表現できます。
ワンランク上のデザインに見えるのに加え、使い勝手がいいのでおすすめです。

PHOTOSHOP RETRO LAYER STYLE

PHOTOSHOP RETRO LAYER STYLE

レトロ文字にしてくれるレイヤースタイル素材です。

Shine Styles

Shine Styles

光沢を表現できるレイヤースタイル素材で、境界線の光沢が綺麗です。
英語の筆記体に使用すると、きらびやかなデザインに合いそうですね。

Glass layer style effect

Glass layer style effect

立体的で、背景の透けたガラスの表現ができます。

Psd Neon Text Effect Photoshop

Psd Neon Text Effect Photoshop

青と赤と緑に輝くネオンサインを表現できるレイヤースタイル素材です。

Cool Spring Layer Style

Cool Spring Layer Style

ぷっくりとした文字の中に花が入っているレイヤースタイル素材です。
女性向けのデザインにぴったりですね。

Chalkboard Typography Text Effects

Chalkboard Typography Text Effects

黒板にチョークで書いたような文字が表現できます。

Gel Text Effects

Gel Text Effects

ジェルのようにぷっくりとした表現ができます。

PS Style: Glitzy

PS Style: Glitzy

点滅をする派手なGIFアニメーションにありそうな、きらきらと光るラメが目立つこと間違いなしのレイヤースタイル素材です。
ゴージャスさを演出してくれます。

style264

style264

ぷくっとしたパールのようなつややかさがあるレイヤースタイル素材です。
濃い色もはっきりとしていいですが、パステルカラーがふんわり可愛くなるのでおすすめです。

Psd Retro Text Effect Vol3

Psd Retro Text Effect Vol3
レトロな雰囲気の文字を作ることができるレイヤースタイル素材です。
色合いや立体感が可愛く、ポスターの文字に合いそうですね。

Psd Woody Text Effect

Psd Woody Text Effect

本物の木のような質感を表現できます。
イメージ写真のように、吊るしているデザインにすると、本物そっくりです。

Textured Metallic Layered Text Effect PSD

Textured Metallic Layered Text Effect PSD

金属のような文字ですが、光沢があまりなく、クールな印象です。
かっこいいデザインのアクセントにピッタリです。

ボタンに使いたいレイヤースタイル素材

Web 2.0 Styles

Web 2.0 Styles

境界線やボタン特有のグラデーションが、とても使いやすい素材です。
よく使用されているボタンのデザインが上手く使えない方は、ベースとして使用してみてはいかがでしょうか。

Free Photoshop Styles

Free Photoshop Styles

よくWebデザインに使用されるボタンのデザインが揃っています。
是非参考にして、グラデーションの使い方を覚えましょう。

Ultimate Web 2.0 Layer Styles

Ultimate Web 2.0 Layer Styles

Ultimate Web 2.0 Layer Styles

基本的なボタンのデザインがたっぷり揃っていますので、デザイン初心者でも簡単に使用することができます。

Awesome Styles (Set 2)

Awesome Styles (Set 2)

ボタンの立体感を作るレイヤースタイルが揃っています。
凹凸の作り方を学べるので、自分のお気に入りのバランスを探してみましょう。

背景やオブジェクトに使いたいレイヤースタイル素材

220 Amazing Free Photoshop Layer Styles

220 Amazing Free Photoshop Layer Styles

220 Amazing Free Photoshop Layer Styles

グラデーションを中心としたレイヤースタイルが220個も収録されています。
様々な色の組み合わせや、グラデーションのかけ方がありますので、ただ使用するだけでなく、勉強にもなります。

Styles 03

Styles 03

グラデーションとストライプや水玉を組み合わせたレイヤースタイル素材です。

Vista Glass Style

Vista Glass Style

レイヤーを半透明デザインにするレイヤースタイル素材です。
Webデザインなどで見かけるちょっとしたデザインも素材として配布されています。

Style.Estilo en Diamantes

Style.Estilo en Diamantes

Style.Estilo en Diamantes

グラデーションと模様がきれいなレイヤースタイル素材です。
ぼんやりと光るようなグローが黒の背景によく合うと思います。

 PS Styles: Glossy Dots

PS Styles: Glossy Dots

PS Styles: Glossy Dots

ポップな水玉模様が揃っていて、一つ一つ模様も立体的なのが特徴です。
花などオブジェクトに適用させると、存在感が出ます。

PS Style: Felt

PS Style: Felt

PS Style: Felt

背景にもオブジェクトにも使いやすい、質感を表現することができます。
リアルなフェルト感があり、使い勝手のいい素材です。

Glitter Styles l Recopilacion

Glitter Styles l Recopilacion

細やかなラメがきれいで、オブジェクトに使用すると目立つこと間違いなしなレイヤースタイル素材です。

nana Photoshop style

nana Photoshop style

宝石のようなきらめきを表現することができます。
シルエットや、ワンポイントにピッタリです。

nana Photoshop style 2

ana Photoshop style 2

木目模様に、立体感が合わさったレイヤースタイル素材です。

old metal styles

old metal styles

古い金属の模様のレイヤースタイルは、個性的ですがポスターの文字など目立たせたい箇所にはピッタリです。

まとめ

無料で使えるPhotoshopのレイヤースタイル素材をご紹介しました。
レイヤースタイルはとても便利な機能の一つですので、是非時間効率化に役立ててください。
デザイナー初心者は、グラデーションなどを素材から学ぶと、コツがつかめるようになると思います。

 

※利用する際は各サイトの利用規約をご覧の上、自己責任にてご利用ください。
同じサイト内でも規約が異なる場合がございますので、素材単位でご確認をお願いします。

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


NESTonlineBlog編集部

NESTonlineBlog編集部です。ご寄稿頂いた記事などを公開していきます。

Next Article目指せ、プロ!先輩デザイナーがphotoshopテクニックを伝授するサイトまとめ