キラキラ系テキストエフェクトを極める!Photoshopチュートリアル67個まとめ【保存版】

text-effect-tutorial-2017

 

光や炎などキラキラ感を自由に表現できる、ライティングエフェクトに特化した文字テキスト用Photoshopチュートリアルをまとめてご紹介します。

 

当サイトで2010年ごろより毎月まとめているPhotoshopチュートリアルを参考にしているので、直近8年の間に公開されたデザイン手法をまとめて確認できます。

 

光沢感たっぷりの3Dデザインや、キラリとしたライティングエフェクトや80年代スタイル、ネオンエフェクト、リアルな炎エフェクトやレイヤースタイルで完成の黄金文字など、豊富なデザインスタイルを参考にしてみてはいかがでしょう。

 

ほんの数クリックで完成!文字をかっこよくするPSテキストエフェクトまとめ

 

 

キラキラ系テキストエフェクトを極める!Photoshopチュートリアルまとめ

 

キラキラのラメ付き黄金テキストエフェクトの作り方

お手本通りに数値を設定していくだけで完成する、レイヤースタイルを駆使した簡単テクニック。

Royal-Text-Effect-QT---850

 

 

 

キラキラと3Dテキストエフェクトの作り方

Photoshopの3Dツールや調整レイヤーを利用し、いくつかのテクスチャを加えることでキラキラと輝くグリッターエフェクトを完成します。

3d-party-text-effect-850

 

 

 

メタリック感のすごい3Dオーナメントの作り方

Photoshopの3D機能を利用することで、超立体的な文字テキストエフェクトを作成します。

3d-ornaments-text-effect

 

 

 

キラキラに輝く3D黄金テキストエフェクトの作り方

Photoshopの3Dツールの詳しい使い方にはじまり、ブラシツールや調整レイヤーなどを活用することで、光沢感たっぷりな文字テキストを実現します。

3d-anniversary-text-effect-850

 

 

 

光沢感いっぱいの黄金文字テキストの作り方

こちらもレイヤースタイルを調整することで、見事な質感に仕上げることができるチュートリアル。一緒に、無料サンプルPSDファイルも公開されています。

GlamGold-texteffect

 

 

 

キラキラに輝くダイヤモンドのテキストエフェクトの作り方

あらかじめ用意されたパターン素材を利用し、レイヤースタイルを設定することで、ゴージャスに輝く文字を描きます。

Diamonds-Text-Effect

 

 

 

ダイヤモンドの3D文字テキストの作り方

キラキラと輝くダイヤモンドを使って、3Dテキストエフェクトに追加する方法を学ぶ動画チュートリアル。

diamond-text-effect-tutorial

 

 

 

光の軌跡が美しいタイポグラフィーの作り方

手書きしたパスに沿って、キラキラに輝くライティングエフェクトを実現し、魅力的なタイポグラフィーを作成するチュートリアル。

lightpainted_final

 

 

 

ごうごうと燃える炎テキストエフェクトの作り方

炎フィルタ機能を利用することで、本物そっくりの炎を描くことができるチュートリアルで、同時に煙や火花テクスチャなどを合成することで、よりリアルな仕上がりに。

flame-text-effect

 

 

 

メラメラと炎をあげて燃える鋼鉄のテキスト文字の作り方

レイヤースタイルを設定するだけで完成のメタルテキストに、炎テクスチャを重ねることでよりダイナミックに。

stunning-flaming-texteffect

 

 

 

カラフルでキラキラに輝くアウトライン風テキストエフェクトの作り方

暗闇にぼんやりと浮かび上がる、幻想的なテキストエフェクトを完成させるチュートリアル。

shinysparkles-final-1

 

 

 

ライトチューブを使った、幻想的なテキストエフェクトの作り方

レイヤースタイルを使って加工されたテキストレイヤーに、ブラシツールで使いライトアップさせていくデザインチュートリアル。

lightrope-final

 

 

 

Colorful Light Text Effect

キラキラに輝くポップなロゴをデザインすることができるPhotoshopチュートリアル。レイヤースタイルを適用したテキストに、カラーリングしたレイヤーを描画モード「カラー」で設定。

colorfullight-final

 

 

 

宇宙をモチーフにしたライティングエフェクトの作り方

Photoshopの描画モードを調整することで、キラキラと輝くライティングエフェクトを表現できるテクニック。

picture-25-lg-1

 

 

 

キラキラとグリッター状に輝く、テキストエフェクトの作り方

Photoshopフィルター機能を組み合わせることで、レイヤースタイルでは難しい、テキストエフェクトを完成させます。

glitter

 

 

 

LED スクリーン風テキストエフェクトの作り方

電光掲示板に表示されているような風合いに仕上げる Photoshop チュートリアル。

led-screen-text-effect

 

 

 

古いビンテージ風のマーキーライトのテキストエフェクト

立体的なアルファベットに合わせて、マーキーライトがキラキラと輝くリアルな質感を表現します。

marquee-light-bulb

 

 

 

トレンドの白熱灯を利用したテキストエフェクトの作り方

白熱球で文字を描いたレトロ&ビンテージなデザインを再現するチュートリアル。

light-bulb-effect

 

 

 

ビンテージ風のマーキー電球をつかった文字テキストの作り方

古い劇場やホテルの入り口、看板などに使われている電球をモチーフにしたテキストエフェクト。

vintage-marquee-bulb-sign-in-photoshop

 

 

 

超リアルなカジノサインをデザインする方法

3D機能を利用することで立体感たっぷりな表現を可能にし、電球を撮影した写真から切り抜き、合成することで、よりリアルな質感に仕上げることができます。

casino-bulb-sign

 

 

 

 Photoshopでぼんやりと輝くネオンスタイルロゴをデザインする方法

ゲームL.A. Noireのロゴをそのままそっくり再現したテキストエフェクト用チュートリアル。

conclusion-1

 

 

 

イルミネーション付きGIFアニメーションを作成する方法

latesttutorial2013feb_top

 

 

 

80年代レトロテキストのつくり方

Illustrator で作成した3Dシェイプ(Photoshopでも作成できます)に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。

80s

 

 

 

80年代風メタル・テキストエフェクトの作り方

ネオンピンク色の鮮やかな配色に、メタリック感を表現したクロム文字の組み合わせが素敵。

post-thumbnail

 

 

 

ビンテージSF風クリスマスカードを作成する方法

キラキラとしたライティングエフェクトやクロム文字を、ネオン風にライトアップするデザインチュートリアル。

media_1354500572661-1

 

 

 

1980年代のレトロなテキストエフェクトの作り方

独特なライティングエフェクトが魅力的なアートワークで、描画モードのより詳しい設定方法を学ぶことができます。

80sIsnpiration_social

 

 

 

ネオン色に輝くメタルテキストエフェクトの作り方

このチュートリアルでは、暗闇に輝く光エフェクトや、レイヤースタイルを利用した手軽なテキストエフェクトの設定方法を学びます。

infamous-metalic-text-effect

 

 

 

宇宙に輝くキラキラ系テキストエフェクトの作り方

いくつかのレイヤースタイルやテクスチャを重ね、ブラシで微調整すれば、キラキラ感満点のテキストエフェクトの完成です。

galaxy-inspired-text-effect-850

 

 

 

火花が飛び散る、メタルテキストロゴを作成する方法

レイヤースタイルをうまく敵数してデザインされたテキストロゴに、ライティング系テクスチャ素材を重ねます。テクスチャ素材の描画モードを「スクリーン」にする点がポイントですよ。

sparklingiron-final

 

 

 

メタリックに輝くテキストエフェクトの作り方

まるで映画のタイトルなどに使われていそうな質感を、レイヤースタイルだけで実現することができます。

Glowing-Metal-Text-Effect

 

 

 

本物そっくりに反射する、メタリック系テキストエフェクトの作り方

まるで周りにあるものが写り込んだ様な質感に仕上げるテクニック。

reflective-text-effect-qt-850

 

 

 

リアルな輝きを放つメタルテキストエフェクトの作り方

メタリックな質感だけでなく、すこし汚れたスクラッチ傷なども表現することで、より本物のクオリティに仕上げます。

Brushed-Metal-Text-Effect

 

 

 

本物そっくりなリアル感を再現した、メタリック文字の作り方

レイヤースタイル設定のみで作成可能な、メタル系テキストエフェクト。テクスチャ素材を背景に利用するテクニックは、ぜひ活用したいところです。

01

 

 

 

光沢感たっぷりな、メタルテキストをデザインする方法

背景が映り込んだようなエフェクトは、テクスチャ素材を加工することで表現した、ユニークなデザインテクニック。

gloss-img1a

 

 

豪華なメタリック文字エフェクト用アクション素材の作り方

実際にPhotoshop のデザイン作業をアクション用に記録することで、次回からボタンひとつでスタイルを表現できます。

gladius-metalilc-text-effect

 

 

 

自動車のキラキラ輝くエンブレムロゴをデザインする方法

本物かと見間違うほど詳細にデザインされたクロムテキストをデザインすることができ、初心者のひとにも分かりやすいお手軽チュートリアル。

 

 

 

簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法

article placeholder

 

 

 

質感たっぷりなメタルテキストエフェクトの作り方

テクスチャ素材を重ねることでどくどくな質感を表現し、よりキラキラとしたゴージャス感が増しています。

allday-text

 

 

 

「アクアマン」のテキストロゴエフェクトのつくり方

DCコミックの新作映画として公開予定で、すでにロゴデザインのつくり方がハックされています。

aquaman-inspired-text-effect-850

 

 

 

エレガントでゴージャスな黄金テキストエフェクトを作成する方法

Photoshopレイヤースタイルを適用することで、立体的に浮かび上がるゴールドテキストを作ります。

final(2)(3)

 

 

 

簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法

article placeholder

 

 

 

スター・ウォーズのロゴデザインを作成する方法

レイヤースタイルを設定するだけで完成する、お手軽で初心者にもオススメのチュートリアル。

Star-Wars-Text-Effect---600

 

 

 

キラキラに輝く、ゴールドメタルテキストエフェクトの作り方

本物そっくりなメタルの質感は、他の作品にも対応するデザインテクニックのひとつです。

eroded-gold-effect

 

 

 

超リアルな立体テキストエフェクトをデザインする方法

Photoshop CCの強力なオプション「3Dツール」を使うことで、光沢感たっぷりなテキストを風景画に合成する動画チュートリアル。

bg_3d_text

 

 

 

ぼんやりと輝く、立体的ディスプレイロゴ風テキストエフェクトの作り方

3Dツールを利用して、まるでレンガ壁に設置されているような、絶妙な立体感を演出しています。

Create_a_Glowing_3D_Text_Effect_With_Filter_Forge_and_Photoshop

 

 

 

キラキラの宝石が輝くグラマー系テキストエフェクトの作り方

ゴージャスな雰囲気が演出することができる、豪華な宝石を散りばめるテキストエフェクト。

pink-gold-glitter-texteffect

 

 

 

キラキラの紙吹雪が舞うテキストエフェクトの作り方

ツルツルとしたグロス感で再現された、立体的なテキストエフェクトの作成チュートリアル。

particlestextured-final-1

 

 

 

カラフルな液体を注いだガラス風テキストエフェクトの作り方

こちらもレイヤースタイルを利用することで、簡単に作成可能なチュートリアルとなっており、最後に液体の色を変更する方法も紹介されています。

Final_Result_Fuchsia_s

 

 

 

キラキラと輝くホログラフィック風テキストエフェクトの作り方

Photoshopの便利なエフェクトとレイヤースタイルを利用して、手軽に圧倒的なキラキラ感を演出できるテクニック。

holographic-text-effect-qt-850

 

 

 

キラキラに輝くボケデザインのテキストエフェクトを作る方法

あらかじめブラシの詳細設定を行うことで、どんなパス状にも適用できる、便利テクニック。

Simple_Bokeh_Text_Effect

 

 

 

覚えておきたい人気のテキストエフェクト10種類まとめ

透明ガラスやメタル板、ネオンサイン、型押しやエンボス加工、キラキラ文字などどれも覚えておきたいPhotoshopのテキストエフェクト10種がそれぞれ詳しく紹介されています。

10-useful-layer-style-text-effect

 

 

 

海外ドラマStranger Thingsのテーマロゴを作成する方法

暗闇にぼんやりと浮かび上がるネオンのようなエフェクトで、レイヤースタイルを設定するだけのお手軽チュートリアル。

stranger-things-text-effect-850

 

 

 

レントゲン写真風タイポグラフィーの作り方

テキストレイヤーと、骨テクスチャを組み合わせることで、自由な文字を組み合わせ可能な、お手軽チュートリアル。サンプルPSDの無料ダウンロード可能です。

conclusion

 

 

 

Photoshopのエアブラシを利用したネオン管テキストエフェクトのデザイン方法

本物そっくりなネオン管を利用したテキストエフェクトの作り方を紹介しています。こちらのチュートリアルで詳しく触れています。

larger_preview-1

 

 

 

映画「トロン」のロゴを忠実にデザインする方法

こちらのエントリーで詳しく日本語で紹介していますので、参考にどうぞ。

tron-text-effect

 

 

 

ピカっと光るテキストGIFアニメーションを作成する方法

色相/彩度を調整するだけで、どんな色にでも点滅する簡単GIFアニメーションを作成することができる動画チュートリアル。

animation-text

 

 

 

ネオン管がぼんやりと輝く、テキストエフェクトをデザインする方法

3つの異なるレイヤーを重ねることで、立体感を演出することができる、デザインテクニック。過去には日本語チュートリアルも紹介しています。サンプルPSD、無料ダウンロード可能です。

text-effect-tutorials-21

 

 

 

アニメーションがすごい、ネオンライトを作成する方法

レイヤースタイルのみでデザインされた、ネオンライト風テキストエフェクトの作り方。「タイムライン」ツールを使って、動きを加えたGIFアニメーションが素敵。

 

 

 

ぼかしエフェクトを活用した、3Dテキストエフェクトのつくり方

素早く動く様子を表現することができ、他のデザインにも応用できるテクニックのひとつ。

rock-texteffect

 

 

 

熱々に焼けたマグマ風テキストエフェクトをPhotoshopで作る方法

レイヤースタイルを利用したテキスト加工チュートリアルで、詳しく日本語でも解説しています

0819_Fire_final(2)(3)(4)

 

 

 

ピカッと光るライティングを利用したテキストエフェクトの作り方

レイヤースタイルを利用したメタルテキストに、雷のようなライティングエフェクトを追加するチュートリアル。

electric-lightning-text-effect-photoshop-tutorial

 

 

 

グロス感たっぷりなバブルガムテキストエフェクトを作成する方法

特に立体感に力を入れた光沢感の表現テクニックは、デザイン参考になりそうです。

0954_Heck_Yeah_Final1

 

 

 

ドロドロのスライム状テキストエフェクトを作成する方法

液体の透明感までばっちり再現されたチュートリアルで、レイヤースタイル設定で完成する、Photoshop初心者にもオススメしたいお手軽テクニック。

slime_final

 

 

 

銅箔でできたテキストエフェクトの作り方

Photoshopのツールを組み合わせることで、光沢感のあるメタリックなテクスチャ素材を作成し、自由なデザインに適用することができます。

copper-foil-text-effect-qt-850

 

 

 

キラキラと光るグリッター付き水彩ペイントエフェクトの作り方

文字テキストにレイヤースタイルでテクスチャ素材を合成することで、キラキラに輝くエフェクトを実現します。

キラキラと光るグリッター付き水彩ペイントエフェクトの作り方の画像

 

 

 

水彩ペイントで描いた銀河宇宙のテキストエフェクトの作り方

水彩テクスチャを利用し、文字テキストの選択範囲を指定することで、見た目以上に手軽にエフェクトを追加できるテクニック。

create-a-watercolor-galaxy-effect-photoshop-hero-1200x580-1

 

2016年公開のすごいテキストエフェクト用チュートリアル、作り方50個まとめ(Photoshop、Illustrator対応)

フォトショップを楽しく学ぼう!すごいテキストエフェクトのチュートリアル、作り方まとめ

2014年公開のテキストエフェクト用Photoshopチュートリアル、作り方40個総まとめ

 

 

サムネイル@ : Adobe Illustrator & Photoshop tutorial: Find success with type and CG – DesignArts