Home >  まとめ > チュートリアルまとめ > すごいテキストエフェクトのフォトショップチュートリアル40個まとめ
チュートリアルまとめ

すごいテキストエフェクトのフォトショップチュートリアル40個まとめ

40awesometexteffect

個人的にはフォトショップを使い始めてデザインがたのしくなったのは、フォントを使ってロゴやテキストエフェクトを覚えはじめるころだった気がします。

フォントを変更するだけでは表現できないような立体的なデザインも、フォトショップを使えばアイデア次第で無限にひろがります。

 

今回はフォトショップのチュートリアルの中でもデザインの参考にしたいテキストエフェクトのみを40個まとめた「40 Extraordinary Photoshop Text Effects」をご紹介します。

最近公開されたばかりのチュートリアルも多く、まとめて確認するにはよい機会ではないでしょうか。

いくつかのチュートリアルに関しては、サンプル用PSDファイルも公開されているので、フォトショップを実際扱いながらエフェクトを覚えることができますね。

 

 

詳細は以下から。

 

 

すごいテキストエフェクトのフォトショップチュートリアルまとめ


 

木材にペイントしたようなテキストエフェクトのつくり方

このチュートリアルのテクニックを使えば、木材だけでなく、レンガやコンクリートなどにも使うことができます。

簡単なステップで初心者の方にもオススメのチュートリアルです。

text-tuts-09

(チュートリアル難易度 : ★★)

 

 

ライティングがまぶしいテキストエフェクトのつくり方

チュートリアルで使用しているグラデーションの色を変更するだけでもがらりと印象が変わりそうです。

フォントの種類も変えれば、新デザインにも応用することができるのではないでしょうか。

text-tuts-02

(チュートリアル難易度 : ★★★)

 

 

キラキラ光る背景を使ったロゴデザインの方法

まぶしいほどに光り輝くカラフルなデザインの方法を学ぶことができます。

ブラシを使ったデザイン時間短縮のコツも掴むことができますよ。

text-tuts-23

(チュートリアル難易度 : ★★)

 

 

レトロスタイルのライティングエフェクトのデザイン方法

無料テクスチャをデザインに使用することでレトロな質感を表現したチュートリアル。

テキストエフェクトはとても簡単なステップのみで完成しますし、背景のグランジデザインの作成テクニックも参考になりますよ。

text-tuts-24

(チュートリアル難易度 : ★★★)

 

 

立体的な3Dタイポグラフィーロゴをデザインする方法

イラストレーターでロゴデザインの基礎をデザインし、フォトショップを使ってさらに色などを追加していきます。

デザイン性も高く、いろいろなデザインに応用することができるのではないでしょうか。

text-tuts-26

(チュートリアル難易度 : ★★★★)

 

 

焦点をずらすとロゴデザインが3Dに浮き上がるデザイン方法

焦点をぼかして2枚のデザインを同時に見ることで、3Dメガネなど使わないでも立体的にロゴが浮き上がってきます。

これはユニークで未来をかんじるチュートリアルのひとつですね。

final_600

(チュートリアル難易度 : ★★★)

 

 

超立体的なテキストロゴの写真合成方法

フォトショップだけでなく、3DS MaxXara 3Dなどの立体デザインを可能にするアプリケーションが必要ですが、完成したときの立体感はほかのフォトショップチュートリアルよりもインパクトありますね。

text-tuts-11

(チュートリアル難易度 : ★★★)

 

 

型押しデザインのテキストエフェクトをつくる方法

イラストレーターとフォトショップを両方使ってデザインすることで、よりリアルな型押しデザインを表現しています。

このテクニックならオリジナルのロゴを作成するときにも参考になりそうです。

text-tuts-08

(チュートリアル難易度 : ★★)

 

 

爆発を起こしたようなテキストエフェクトのデザイン方法

テキストエフェクトとブラシを使った爆発デザインを別々に作業することで組み合わせるチュートリアル。

text-tuts-03

(チュートリアル難易度 : ★★★)

 

 

水しぶきがすごいテキストエフェクトのデザイン方法

テクスチャ素材を合成することで、荒れ狂う海と雷をデザインします。

ロゴ部分の波しぶきのデザイン方法はいろいろ応用することができそうです。

text-tuts-04

(チュートリアル難易度 : ★★★)

 

 

エレガントなメタル文字のデザイン方法

細字スタイルのフォントを使ったロゴをデザインしたいときに使えるチュートリアルのひとつ。

レイヤースタイルのみで完成する超簡単チュートリアルですが、フォントサイズを変更する場合はレイヤースタイルの値を調整するようにしてください。

text-tuts-06

(チュートリアル難易度 : ★)

 

 

ひとつのレイヤーのみデザインする光沢テキストのデザイン方法

通常グラデーションを薄くかけたレイヤーを文字レイヤーに重ねることでデザインしていた光沢文字をレイヤースタイルのみで完成させます。

レイヤースタイルを保存しておけば、クリックひとつで一発変換してくれますよ。

text-tuts-14

(チュートリアル難易度 : ★)

 

 

企業ロゴにも使えるユニークな3Dロゴのつくり方

とてもシンプルなロゴですが、テキストの真ん中にデザインされている立体的なリボンが印象的です。

text-tuts-16

(チュートリアル難易度 : ★★)

 

 

アニマル柄の立体的なテキストエフェクトのデザイン方法

こちらはXara 3Dを使ってデザインされた立体フォントにテクスチャ素材を使ってデザインするチュートリアルです。

どんなアニマル柄にでも加工できるのはうれしいですね。

text-tuts-18

(チュートリアル難易度 : ★★★)

 

 

カラフルに爆発する3Dテキストのつくり方

こちらでも以前ご紹介していますが、Cinema 4Dをある程度使いこなすことができることが必要になっています。

text-tuts-19

(チュートリアル難易度 : ★★★★)

 

 

海外ドラマ「Heroes」ロゴをモチーフにしたテキストエフェクトのつくり方

Heroesの公式ホームページで使われているテキストエフェクトを再現したチュートリアルを7つのステップのみで完成させます。

見た目以上に簡単なので初心者の方にもオススメです。

text-tuts-20

(チュートリアル難易度 : ★★★)

 

 

光沢感あふれるジェルタイプのテキストエフェクトをデザインする方法

メタリックな光沢感を表現しているデザインの中でも高品質なチュートリアルのひとつ。

グラデーションオーバーレイの使い方がポイントになってくるようですね。

text-tuts-22

(チュートリアル難易度 : ★★★)

 

 

カラフルでアブストラクトなテキストエフェクトのデザイン方法

フィルタ機能のひとつ「ぼかし」をうまく使うことで、ぼんやりとしたデザインを表現します。

カラーリングはお好みで自由に変更可能となっています。

text-tuts-28

(チュートリアル難易度 : ★★)

 

 

砕けたガラス文字をデザインする方法

粉々に割れている半透明で透けているガラス風テキストエフェクトをデザインする方法が紹介されています。

text-tuts-32

(チュートリアル難易度 : ★★)

 

 

インクがにじんだ様なオールドスタイルのテキストエフェクトのつくり方

ブラシツールをうまく使うことで、フォントがにじんで欠けた様なデザインを表現しています。

フォントを変更するだけでも印象が変わってきそうですね。

text-tuts-36

(チュートリアル難易度 : ★★)

 

 

SF風のぼんやりと浮かび上がるテキストエフェクトのつくり方

ホログラムを使って映し出されたようなぼんやりとしたライティングエフェクトの方法を紹介しています。

以前ご紹介した「フォトショップでカラフルに光り輝く文字を作る方法」の簡単版といったところでしょうか。

text-tuts-33

(チュートリアル難易度 : ★★★)

 

 

 

 

日本語チュートリアル追加分


 

Photoshop VIPではレイヤースタイルをいじるだけで簡単にデザインすることができるテキストエフェクトの日本語チュートリアルも紹介しています。

フォトショップの経験が浅い方にも気軽にデザインできるのでよろしかったら、こちらも一緒にどうぞ。

 

フォトショップで立体感たっぷりなネオン管ロゴをデザインする方法

neonlighteffect1

(チュートリアル難易度 : ★★)

 

 

Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法

classysilver1

(チュートリアル難易度 : ★)

 

 

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

awesomesilver1

(チュートリアル難易度 : ★)

 

 

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

goldendesign1

(チュートリアル難易度 : ★)

 

 

簡単!フォトショップで黄金に輝く3Dテキストエフェクトを5分でつくる方法

quietgold1

(チュートリアル難易度 : ★)

 

また今回未紹介のテキストエフェクトを40個まとめた「Photoshopのすごいテキストエフェクト作り方40個+日本語チュートリアル」も参考になるデザインがあるかもしれませんよ。

 

(参照記事 : Photoshopのすごいテキストエフェクト作り方40個+日本語チュートリアル)

40stunningphotoshoptexteffect1

 

参照元サイトには、これらのチュートリアル以外にもすごいテキストエフェクトをデザインしたフォトショップチュートリアルがまとめられています。

こちらも一緒にあわせて、よろしくお願いします。

 

[参照元 : 40 Extraordinary Photoshop Text Effects - Pro Blog Design]

BOOKMARK, MAYBE?

いかがでしたでしょうか、ブックマークはこちらからどうぞ。

GOT COMMENT?/この記事についてコメント

以下のソーシャルメディアよりログインできるようになっています。

  • http://sbm.x0.com/2010/03/17%e6%99%82%e3%81%ae%e3%83%98%e3%83%83%e3%83%89%e3%83%a9%e3%82%a4%e3%83%b3-5/ 17時のヘッドライン | CROSS SBM

    [...] Photoshop Vip » すごいテキストエフェクトのフォトショップチュートリア…livedoor:4 Five things you didn’t know about xAuth. | Isaiah’s Blognewsing:1 [...]

  • http://twitter.com/shiiiiiii_0731/status/10224739366 shiiiiiii

    RT @sbm2tw: Photoshop Vip » すごいテキストエフェクトのフォトショップチュートリアル40個まとめ http://photoshopvip.net/archives/13449

  • http://twitter.com/donca/status/10224746924 *モリノユージン™ / 森野憂人

     すごいテキストエフェクトのフォトショップチュートリアル40個まとめ http://j.mp/azDKzs

  • http://twitter.com/2uda/status/10228814783 夏ヤギ

    Photoshop Vip » すごいテキストエフェクトのフォトショップチュートリアル40個まとめ http://photoshopvip.net/archives/13449

  • http://twitter.com/tablesalt/status/10249027936 しお

    http://photoshopvip.net/archives/13449 おい磯野、テキストエフェクトさせようぜ! かっこいい、あとでひとつづつちみちみ見よう

  • http://twitter.com/kanakt/status/10258656722 kanakt

    これすごいあとで読む すごいテキストエフェクトのフォトショップチュートリアル40個まとめ http://photoshopvip.net/archives/13449

  • http://twitter.com/dldb_bot/status/10260175021 デザインリンクデータベース

    ◇Webデザイン関連記事◇ [Photoshop Vip » すごいテキストエフェクトのフォトショップチュートリ…] http://bit.ly/d1MOOi (詳細:http://bit.ly/b8dC5L)
    個人的にはフォトショップを使… #DLDB

  • http://puzzel.jp/blog/2010/%e3%83%aa%e3%83%b3%e3%82%af-links-for-201038-12.html [リンク] links for 2010/3/8-12 | Bonnie styles.

    [...] photoshopPhotoshop Vip » すごいテキストエフェクトのフォトショップチュートリアル40個まとめ [...]

  • http://twitter.com/carl_marie/status/10655593575 かるまりー

    「すごいテキストエフェクトのフォトショップチュートリアル40個まとめ」 http://bit.ly/aHN8It 立体的な加工にはとんと弱いので、こういうの見るとレイヤースタイルの勉強になりますね

  • http://twitter.com/carl_marie/status/10655615071 かるまりー

    「すごいテキストエフェクトのフォトショップチュートリアル40個まとめ」 http://bit.ly/aHN8It 立体的な加工にはとんと弱いので、こういうの見るとレイヤースタイルの勉強になりますね #photoshop

  • http://twitter.com/sgky/status/10656010123 スギキユ

    すごいテキストエフェクトのフォトショップチュートリアル40個まとめ http://photoshopvip.net/archives/13449 *Tw*

  • http://smkn.xsrv.jp/blog/2010/04/2010%e5%b9%b4411%ef%bd%9e417%e3%81%ae%e9%80%b1%e9%96%93%e3%83%96%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af/ ITキヲスク | 2010年4/11~4/17の週間ブックマーク

    [...] Photoshop Vip » すごいテキストエフェクトのフォトショップチュートリアル40個まとめ [...]

  • http://twitter.com/toribird/status/13424100979 tori

    爆発エフェクト探し中…違うけど色々派手で好きな感じメモ→「すごいテキストエフェクトのフォトショップチュートリアル40個まとめ」http://photoshopvip.net/archives/13449

  • http://designet.bex.jp/?p=1762 すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度 | DesigNet

    [...] すごいテキストエフェクトのフォトショップチュートリアル40個まとめ [...]

  • warulaw

    @cacacshicajicac お。イラレとフォトショですか。オススメの覚え方はチュートリアルを漁りまくって、ガンガン作るのオススメです。僕はそれで覚えました。http://photoshopvip.net/archives/13449

  • http://twitter.com/warulaw/status/21530538370 近藤潤

    @cacacshicajicac お。イラレとフォトショですか。オススメの覚え方はチュートリアルを漁りまくって、ガンガン作るのオススメです。僕はそれで覚えました。http://photoshopvip.net/archives/13449

  • http://twitter.com/hirono111/status/27315930478 ひろの
  • http://twitter.com/aoyamahiroyuki/status/27604603033 アオヤマ ヒロユキ

    photoshopメモ。チュートリアル。http://photoshopvip.net/archives/13449

  • http://twitter.com/hellowebworld/status/25132731352489984 シュウ

    Photoshop Vip » すごいテキストエフェクトのフォトショップチュートリアル40個まとめ http://htn.to/4vQNLf

  • http://twitter.com/satoru_itabashi/status/67534015405621248 Satoru_ItabashI

    すごいテキストエフェクトのフォトショップチュートリアル40個まとめ … http://photoshopvip.net/archives/13449

  • http://ps.pc-ultimate.com/%e7%b4%b9%e4%bb%8b/%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab.html チュートリアル | Photoshopの使い方リンク集

    [...] ●Photoshop Vip » すごいテキストエフェクトのフォトショップ …2010年3月9日 … 今回はフォトショップのチュートリアルの中でもデザインの参考にしたいテ …photoshopvip.net &rsaquo [...]

  • http://ps.pc-ultimate.com/%e3%82%aa%e3%83%96%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88/%e6%96%87%e5%ad%97.html 文字 | Photoshopの使い方リンク集

    [...] ●Photoshop Vip » すごいテキストエフェクトのフォトショップ …2010年3月9日 … ホログラムを使って映し出されたようなぼんやりとしたライティングエフェクトの方法を紹介して [...]

Back to Top