Advertisement

35layerstyletuts_top

 

映画のロゴやグラフィックデザインなどで見かける、テキストエフェクト、ロゴを作ってみませんか。

Photoshopの便利な機能のひとつ、レイヤースタイルを利用することで、簡単に作成することができますよ。

 

海外デザインブログDzineBlogで、テキストエフェクトに最適な、レイヤースタイル35個をまとめたエントリー「35 Useful Photoshop Styles」が公開されていたので、今回はご紹介します。

 

 

レイヤースタイルのインストール方法や、簡単な使い方チュートリアルも一緒にまとめていますので、ご参考までに。

 

 

 

詳細は以下から。

 

 

 

レイヤースタイルのインストール方法

 

まずお好みのレイヤースタイルをダウンロードしましょう。

ほとんどの場合、zipファイルなどで圧縮されているので解凍しておきましょう。

フォトショップを開き、メインメニューより「編集」>「プリセットマネージャー」を選択します。

 

「プリセットの種類」をスタイルとし、「読み込み」ボタンをクリックします。

あとは解凍しておいたレイヤースタイルを保存しているフォルダを選択したら、完了です。

 

「プリセットマネージャー」は、レイヤースタイルのほかにも、ブラシ、スウォッチ、グラデーション、シェイプなども同じ要領でインストールすることが可能です。

 

 

 

レイヤースタイルの使い方チュートリアル

 

[dropcap1]1[/dropcap1]背景をデザインしよう

 

 

まずPhotoshopで新しいファイルを作成します。今回は930x350pxのカンバスを使用しています。

次に背景レイヤーを、パターン素材で塗りつぶしましょう。メインメニューより「編集」>「塗りつぶし」を選択し、パターンファイルで塗りつぶします。今回利用したパターンは、こちらとなります。

howtofx1

 

 

[dropcap1]2[/dropcap1]テキストを入力しよう

 

 

ツールボックスより「テキストツール」を選択し、お好みのフォント、色で、適当にテキストを入力します。今回はこちらのフリーフォントを利用し、フォントサイズ170ptとしています。

レイヤースタイルによっては、フォントが細すぎたり、文字が小さすぎたりすると、うまくエフェクトが反映されませんのでご注意ください。

howtofx2

 

 

[dropcap1]3[/dropcap1]テキストレイヤーを複製しよう

 

 

今回利用した無料レイヤースタイルInvasion Stylesは、4種類のテキストレイヤーを重ねて、1つのテキストエフェクトを完成させています。

そのため前ステップで入力した文字レイヤーを複製し、合計4つ用意しておきましょう。

howtofx3

 

 

[dropcap1]4[/dropcap1]レイヤースタイルを適用しよう

 

 

ダウンロードしておいたレイヤースタイル用PSDファイルを参考に、順番にレイヤースタイルを適用すれば、完成となります。

howtofx4

 

 

[dropcap1]5[/dropcap1]よりキラキラ感をアップしよう

 

 

こちらの無料レイヤースタイルセットに収録されていた、テクスチャ素材を重ねてキラキラ感をアップしています。

ポイントは、重ねるテクスチャ素材の描画モードを「覆い焼き(リニア)」か「スクリーン」とすることで、テクスチャ素材の黒い部分が透明になりますよ。

howtofx5

 

 

 

テキストエフェクトに活用したい、
無料レイヤースタイル素材まとめ

 

Text Styles 2

15種類のレイヤースタイルがセットになった、高品質なテキストエフェクトが実現可能です。

上記チュートリアルで使用した、ライティング用テクスチャ素材は、こちらのセットに収録されています。

text_styles__psd_2_by_t1na-d498t9f

 

 

 

Super Styles

黄金文字やメタル系のテキストエフェクトを中心に、映画ロゴなどに使われていそうなレイヤースタイル15個セット。

super_styles____psd_by_t1na-d49c080

 

 

 

5 Free Various PS Styles

立体感たっぷりにデザインされた、プレート型テキストエフェクト用レイヤースタイル5個セット。

UPS11_thumb

 

 

 

Random Styles

文字通りさまざまなテキストエフェクトがランダムに15個まとめられた、お得なレイヤースタイルセット。

random_styles_by_t1na-d4e7gje

 

 

 

Invasion Styles

特にキラキラ感を最大限に演出した、テキストエフェクトが多く収録されているレイヤースタイル15個セット。

上記チュートリアルでは、こちらのRiftテキストエフェクトを利用しています。

invasion_styles_by_t1na-d4ahm0g

 

 

 

Elements Styles

透明感のあるテキストエフェクトを中心に、自然に関するテーマで作成された、15個のレイヤースタイル。

UPS03_thumb

 

 

 

Glass Text Effects

背景が透けてみえる、透明ガラス風エフェクトをデザインした、レイヤースタイル3種類セット。

UPS29_thumb

 

 

 

Press Photoshop Styles

型押し文字(レタープレス)を再現した、3種類のレイヤースタイルセット。こちらのチュートリアルも参考にどうぞ。

press_photoshop_styles_by_wwcrap-d35mk09

 

 

 

Ahil’s Plastic PS Layer Styles

いろいろなプラスチックデザインを12種類まとめた、レイヤースタイルセットで、ボタンデザイン作成にも活用可能です。

ahil__s_plastic_ps_layer_styles_by_allhopeislost-d411bbu

 

 

 

8 Neon Styles

8色のカラーリングが素敵な、ネオン管スタイルのテキストエフェクトを完成させる、レイヤースタイルセット。

UPS27_thumb

 

 

 

Free Great Photoshop Styles

どんなサイズにでも変更可能なレイヤースタイルが魅力的な、10個のカラフルテキストエフェクト。

UPS28_thumb

 

[参照元  : 35 Useful hotoshop Styles – DzineBlog.com]