Advertisement

20texteffect-top

 

フォントをより魅力的に仕上げるテキストエフェクトは、 コンテンツを伝えるなかで重要なデザイン要素のひとつです。Photoshopを使えばほんの少しの編集作業だけで、印象に残るタイポグラフィー、テキストエフェクトを作成することができます。

 

 

海外デザインブログInspirationHutで、現在のデザイントレンドにも対応した、テキストエフェクト用無料PSD素材をまとめたエントリー「20 High Quality, Useful and Free Text Effect PSD Downlaods」が公開されていたので、今回はこちらをベースに、ブックマークしておきたいフリーアイテムをまとめてご紹介します。

 

 

 

詳細は以下から。

 

 

 

テキスト編集、PSDファイルの扱い方

 

今回ご紹介するフリー素材の多くは、「スマートオブジェクト」機能を利用してカスタマイズします。Adobe公式Photoshopヘルプページでは、以下のように説明されています。

 

スマートオブジェクトは、Photoshop や Illustrator ファイルなどのラスター画像やベクトル画像からの画像データを含むレイヤーです。スマートオブジェクトでは、すべてのデータ特性とともに元の画像のコンテンツを保持するため、非破壊編集を行うことができます。

 

 

より実践的に理解するために、実際にサンプルファイルのテキストを編集してみましょう。あらかじめ以下の無料PSDファイルをダウンロードしておきます。今回利用したファイルは、「Lightbox Text Effct | GraphicBurger」です。

 

lightbox-text-effect

 

 

 

ファイルを開くと以下のようになっています。一番上のレイヤーのサムネイル右下にアイコンマーク、これがレイヤーにスマートオブジェクトが適用されているサインです。サムネイルをダブルクリックして、編集作業にすすみます。

step1

 

 

独立したファイルが開き、テキストツールで入力されたレイヤーを確認することができます。

step2

 

 

お好みのテキストを入力しましょう。今回は日本語にどのように対応しているか確認します。入力が終了後、ファイルを保存(Command + S)したら設定は完了です、オリジナルファイルに戻りましょう。

step3

 

 

自動的にテキストエフェクトが適用され、文字が変更されています。

step4

 

 

スマートオブジェクトを使うことで、基本的なテキスト編集を行うだけで、デザインスタイルが自動的に反映され、手軽にテキストエフェクトをたのしむことができます。同様に、先日ご紹介したiPhone 6用モックアップ素材などでも、スクリーン画面の変更にスマートオブジェクトが採用されているケースが多いようです。

 

 

 

高品質なテキストエフェクト用無料PSDファイルまとめ

 

Grand Motel Text Effect

アメリカにある古いモーテルにインスパイアされた、ビンテージ系テキストエフェクト。

3d-retro-text

 

 

 

PSD Retro Text Effect vol.3

レトロカラーのストライプが印象的なエフェクトで、3種類のテキストサイズに対応しています。

retro-style-text-effect

 

 

 

Earth Quaking Text Effect

まるで宙に浮いているようなエフェクトが再現した、レトロスタイルの立体テキストエフェクト。

Earth-Quaking-Text-Effect-full

 

 

 

Free 3D Text PSD

ドロップシャドウを使った3Dテキストエフェクトで、モダンなカラーリングが素敵。

candy-text

 

 

 

Stripes Shadow Text Effect

細かいストライプ柄のドロップシャドウをつかった、レトロスタイルのテキストエフェクト。

retro-stripes-shadow-type

 

 

 

Vintage Layer Styles

レイヤースタイルで再現するテキストエフェクト、こちらもボタン操作ひとつで完成です。

vintage-texteffect

 

 

 

Free Retro 3D Wood Text Layer Styles

こちらもテキストエフェクト用レイヤースタイルで、木のぬくもりを伝える立体イラストデザイン。

wood-flatstyle

 

 

 

Retro Text Effect

あわいドロップシャドウがリアル感を演出する、高さのある立体テキストエフェクト。

retro-text-effect

 

 

 

Old School Retro PSD Text Effect

オールドスクールで、アメリカのカレッジ風ロゴテキストエフェクト。

old-school-text-style

 

 

 

Sketch Text Effect PSD

鉛筆で塗りつぶしたような質感を表現でき、鉛筆の濃さや太さに応じて3スタイルが用意されています。

text-sketch-effect-photoshop

 

 

 

Chalkboard Typography Text Effect

まるで黒板にチョークで文字を書いたようにデザインできる、ランダムなグランジ具合が絶妙です。

chalkboard-text-effect-psd

 

 

 

Neon Signboard Effect

スマートオブジェクトにレイヤースタイルを適用したスマートレイヤーを採用し、本物そっくりなネオン管ライトを作成します。

neon-text-effect

 

 

 

PSD Neon Text Effect Photoshop

こちらもネオンサインを自由に作成できるキットで、赤と青、みどりの3色が用意されています。

neon-text

 

 

 

Classic Metal PSD Text Effect

細いラインフォントにも対応するメタル系テキストエフェクト。

classic-metal-effect(2)

 

 

 

Chrome Metal Text Effect

光沢感のあるクロムメタルな質感を演出することができるフリー素材。

chrome-metal-text-effect

 

 

 

Cinematic Title Text Effect

映画ロゴなどに使われていそうな、角ばったベベル加工がより重厚感を出しています。

metal-text-effect

 

 

 

Grunge Bevel Text Effect

やや汚れたグランジ感が追加された、細字フォントにも対応するメタル系テキストエフェクト。

bevelled-grunge-type

 

 

 

PSD Concrete Rock Text Effect

コンクリートを打ち砕いて作成したような、独特な立体感がユニークなテキストエフェクト。

wall-concrete-text-effect-for-photoshop

 

 

 

PSD Wall Poster Text Effect

背景と同化した質感の高いベベル加工を楽しむ、ポスター向けテキストエフェクト。

wall-poster-text-effect

 

 

 

Soft White Text Effect

ソフトで自然なシャドウが、柔らかい印象を与えてくれる3D系ミニマルエフェクト。

soft-white-type-effect-photoshop

 

 

 

PSD Woody Text Effect

ウッドパネルから削りだしたような、立体感のある木製タイポグラフィー。

wood-poster-text

 

 

 

PSD Candy Text Effect

まるでキャンディーのような透明感が素敵なテキストエフェクト。

candy-text-effect

 

 

 

Free 3D Neon Lettering Renders Pack

ダイナミックなネオン管テキストは、PNGファイルで収録されているので、お好みで並べて活用できます。

neon-lettering-pack

 

 

 

プレミアム Chorme & Crystal Photoshop Styles 1of3 ($5)

10種類の光沢感たっぷりなメタルテキストエフェクトを完成させるレイヤースタイルセット。

Chrome_and_Crystal_style

 

 

 

プレミアム Retro Vintage Text Effect ($5)

カラーリングが素敵なレトロ&ビンテージ系テキストエフェクト10種類プレミアムセット。

Preview_RetroTextEffects

 

 

 

プレミアム 22 Vintage Letterpress Photoshop Actions ($6)

ザラザラとしたグランジ加工を実現し、ビンテージ感のあるデザインに仕上げる、22種類のPSアクション&レイヤースタイルセット。

vint_letterpress_pview2

 

 

参照元リンク : 20 High Quality, Useful and Free Texture Effect PSD Downloads – InspirationHut