Advertisement

texteffect2016june

 

Photoshopを利用し、短時間で手軽に、みんながあっと驚く高品質なデザインを作成する方法はいくつかあります。

 

 

そのなかでも、文字を挿入し、ボタンを数クリックするだけで、見違えるほど魅力的にするテキストエフェクトは、グラフィックデザインにぜひ活用したい素材です。今回は参考にしたい PSD ファイルを、ファイルの基本的な使い方、カスタマイズ方法と一緒にご紹介します。

 

 

 

詳細は以下から。

 

 

 

ファイルの編集、カスタマイズ方法

 

では実際にファイルをダウンロードし、どのように編集するのか具体的に見ていきましょう。今回はデモとして以下のファイルを利用しています。

 

 

まずPhotoshopでファイルを開き、レイヤーパネルを確認します。パネルの一番上に配置された、サムネイルの右下にアイコンが表示されているレイヤーは、スマートオブジェクトレイヤーであることを意味しています。サムネイルをダブルクリックしましょう。

step1-v2 (1)

 

スマートオブジェクト機能は、元のファイルに手を触れることなく編集ができるので、画質の劣化を防ぐこともでき、修正作業の多いウェブデザイン制作にも効果的なツールです。

 

参考: スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう – Adobe Creative Station

 

 

新しくが表示されるので、挿入したい文字テキストに変更しましょう。編集が終わったら、変更を保存してファイルを閉じましょう。

step2

 

 

 

元のファイルに戻ると、すでにテキストエフェクトが変更されているのを確認することができます。何度でも編集できる点もスマートオブジェクトの強みと言えます。

step3

 

 

 

無料ダウンロードできるテキストエフェクト

 

3D Stone Text Style

くもの巣が張りめぐらされた、石でできた文字テキストを再現します。もちろん、スマートオブジェクトを使ったお手軽カスタマイズ。

Stone-TextStyle-1

 

 

 

Stone Text Effect PSD

まるで本当に石をくり抜いたような、ゴツゴツとしたリアルさがすごいアイテム。

stone-text-effect

 

 

 

Metal Text Style

火の粉が飛び散る背景に、重厚感のあるメタルテキストを再現します。

PixelMustache-Metal-Text-Style1

 

 

 

Digital Glitch Text Effect

テレビが荒れたようなグリッチ・エフェクトを再現できる、本格的な見た目を手軽に扱うことができるPSDファイル。

Glitch-Text-Effect

 

 

 

10 Colorful Shatter Text Styles

pixelmustache-preview

 

 

 

Cosmo Text Effect Mockup Free

80年代のSFレトロデザインにインスパイアされた、鮮やかなグラデーションが印象的なアイテム。

Cosmo_text_efx_mock_up

 

 

 

Clean Sign Photoshop Effect

ほんのわずかな立体感と、背景にぼかしグラデーションを加えた、看板風の文字エフェクト。

01_free-clean-sign-photoshop-effect

 

 

 

Vintage Poster Comis Text Effect

ビンテージスタイルと漫画のようなコミックスタイルを組み合わせ、自由に色も変更することができます。

Vintage-Poster-Comic-Text-Effect-PSD

 

 

 

Showtime: Free 3D Text Effect

ビンテージスタイルに立体感を加えた、美しい3Dテキストエフェクト。

Showtime-3D-Text-Effect

 

 

 

Retro Photoshop Text Effect

ストライプ柄のドロップシャドウが印象的なテキストエフェクト。

01_free-retro-text-effect

 

 

 

Retro Photoshop Text Effect

文字だけでなくロゴやシンボルマークなどにも採用できるのが、スマートオブジェクトの嬉しいポイント。

01_free-retro-photoshop-text-effect

 

 

 

10 Free Vintage and Retro Styles

こちらも立体感が特長のレトロスタイルで、全10色のカラーリングが揃っています。

01-Pre-Free-10-Vintage-and-Retro-Styles

 

 

 

Free PSD Retro 3D Text Mockup

立体感たっぷりの3Dな見た目に、ザラッとしたグランジ感を強調したエフェクトが特長。

free_retro_3d_text_designercow

 

 

 

Free Retro Text Styles

3種類の異なるレトロスタイルを再現し、どれも程よいドロップシャドウが素敵です。

Free-Retro-Text-Styles

 

 

 

Retro Wood Text Styles

ウッドテクスチャを活用し、レトロな風合いを表現したテキストエフェクト4種類。

freebie-retina-1456132152

 

 

 

Neon Light Text Effect

テキストエフェクトの中でも人気の高い、妖しく光るネオンライトを表現できるPSDファイル。

neon-light-text-effect-psd

 

 

 

Sandwich Text Mockup

お好みの文字テキストを挿入すると、サンドイッチで文字を完成させてくれます。

sandwich-mockup-prev2-ok

 

 

 

Ice Effects PS Styles

入力した文字レイヤーにそのまま適用できる、レイヤースタイルを利用した氷エフェクト。

ice-ps-styles

 

 

 

3D Wood Text Style

リアルな木目まで再現された、立体感たっぷりなウッドテキスト。

wood-style

 

 

 

Bender Text Effect PSD

紙を切り抜いたような、本物そっくりのリアルさが特長のPSDファイル。

Bender-Text-Effect

 

 

 

テキストエフェクト用プレミアム素材

 

さらに効果的に注目をあつめることができる、有料プレミアムアイテムも活用してみてはいかがでしょう。

 

高品質な仕上がりはもちろん、イベント用フライヤーやポスターなどプリント印刷にも対応するなど、より自由なカスタマイズを実現できる素材が揃います。$4-$10(およそ420-1000円)と予算がすくないときにもうれしい、比較的お求めやすい価格もポイントで、商用利用にもばっちり対応しています。

 

 

80’s Style Tet Mockup v1

10種類のテキストエフェクトを収録し、すぐに80年代テイストをデザインに加えることができます。

06_80style

09_80style

 

 

 

10 Elegant Photoshop Styles vol.5

キラキラ感の強いデザインを中心に、合計10種類のレイヤースタイルで手軽にカスタマイズできます。

10 Elegant Photoshop Styles Vol.5 Preview

 

 

 

VHS – RGB Glitch Text Effect

デザインに応じて適用具合を調整することができるグリッチエフェクト。

photosohp-text-effects-glitch-vhs

 

 

 

Gold Text Effects

入力した文字を黄金でデザインする、プリント印刷可能な15種類のテクスチャが揃います。

gold-psd-text-effects-print-style

 

 

 

3D Text Effects vol.2

映画タイトルのような迫力のある3Dテキストエフェクトばかりを収録し、豊富なバラエティーにも注目です。

3d-psd-text-effects-smart-objects

 

 

 

Cinematic Title Text Effects vol.5

映画タイトルにインスパイアされた、プリント印刷にも対応した 300dpiの文字エフェクト 8種類。

cenimatic-psd-text-effects

 

 

 

Broken Glass – Photoshop Actions

ガラスが割れたようなエフェクトを再現するPhotoshopアクションなので、文字以外にもロゴやシェイプなどにも対応できます。

broken-glass-psd-text-effect-actions

 

 

 

Full Metal Package 3D – Photoshop Actions

ピカピカの光沢感が特長のPSアクションで金、銀、銅で表現できる、Bling Bling アイテム。

full-metal-package-psd-text-effect

 

 

 

80s Text Effects

まるで音楽レコードのジェケットカバーのような、デザイン性の高い作品が揃います。

80s-photoshop-text-effects

 

 

 

Glitch Video Text Effects

アーケードゲームに映しだされた画面のような、すこしぼやけたグリッチ感を表現でき、全4色のカラーリングも素敵。

photoshop-glitch-text-effects

 

 

 

Glow Style Pro

暗闇にぼんやりと光るネオンカラーを再現できるレイヤースタイルセット。

glow-text-styles-psd-effect

 

 

 

Watercolor Text Effect

入力した文字やシェイプを、まるで水彩絵の具でペイントしたような質感で表現できる、カラフルなエフェクト。

watercolor-psd-text-effects

 

 

 

Letterpress Text Effects

ザラザラとしたノイズを表現した、ビンテージ・レタープレス系エフェクト10種類セット。

leterpress-vintage-text-effects-photoshop

 

 

 

Retro Vintage Text Effects Bundle vol.1-3

どれもスマートオブジェクトを利用し、30種類のデザインエフェクトからお好みのスタイルを見つけることができます。

retro-vintage-text-effects-psd-1

 

 

サムネイル@ : Molten Text Effect – DealJumbo

参照元リンク : 25 Creative Photoshop Text Effects – With Vibrant Styles – EnvatoTuts+