Home >  まとめ > チュートリアルまとめ > すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度
 
すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度

60ultimatetexteffect

 

Photoshopの使い方を覚えるときに、チュートリアルなどの実践的なデザイン方法に触れることでいろいろなテクニックを学ぶという方も多いのではないでしょうか。

比較的制作時間も短く、インパクトのあるデザインを作成できるチュートリアルがテキストエフェクトです。

 

海外ブログ1st Web Designerで、最近公開されたクールなテキストエフェクトのPhotoshopチュートリアルを60個まとめた「The Ultimate Roundup of Best Photoshop Text Effects Tutorials」が公開されていたので、今回はご紹介します。

どのチュートリアルもデザイン方法も詳しくサムネイル図解つきで公開されているので、部分的に使いたいデザインテクニックを学ぶことができます。

新しいテキストエフェクト用チュートリアルを多く含んでいるので、まとめて確認してみてはいかがでしょう。

一部チュートリアルでは、サンプル用PSDファイルも公開されていますよ。

 

 

詳細は以下から。

 

 

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


  

ネオン管が光っているようなテキストエフェクトチュートリアル

無料フォントを使い、Photoshop機能の中でも簡単に加工を加えることができる「レイヤースタイル」を使うだけで、バーなどで使用されているカラフルなネオン管デザインを作成することができます。

learn-to-make-a-nice-text-effect-neon

 

 

立体的な氷でできたテキストエフェクトを作成する方法

Photoshopだけでなくイラストレーターの3Dエフェクトを利用することで、簡単に立体的なデザインを仕上げます。

グラデーションのきれいな色づけはPhotoshopで行います。

design-a-slick-3d-ice-text-effect

 

 

クリエイティブな3Dタイポグラフィーアートをデザインする方法

イラストレーターを使用したチュートリアルですが、本物そっくりにデザインされたテキストエフェクトが印象的だったのでメモ。

タイポグラフィーにデザインされた淡いグラデーションの色合いなど参考になるテクニックが多そうです。

lets-make-a-playful-yet-robust-3d-letter-design

 

 

緑がデコレーションされたテキストエフェクトをつくるチュートリアル

テキストエフェクトはレイヤースタイルを適用だけで完成し、デコレーションとして使用した葉っぱなどの植物は「ブラシツール」を使って描きます。

ブラシツールの設定方法は他のデザインにも応用することができるのではないでしょうか。

creating-text-decoration-by-mixing-two-styles

 

 

ツルツルな光沢間のある3Dテキストエフェクトをデザインする方法

3D編集ソフトXara 3Dを使うことで、PhotoshopやIllustratorでは表現の難しい立体的なテキストエフェクトをボタン操作のみで作成することができ便利です。

create-glossy-3d-text-using-xara-3d-photoshop

 

 

黄金に輝く立体的な3Dタイポグラフィーをデザインする方法

こちらもXara 3Dを使って立体的なテキストエフェクトを完成させています。

背景画像のないPNG画像として、Photoshopに簡単に取り込めるのも人気のポイントですね。

create-an-exciting-3d-composition-using-xara-3d-and-photoshop

 

 

氷でできたようなテキストエフェクトをデザインする方法

タイトルのままですが、氷のざらざらした質感まで表現されたリアルな仕上がりが魅力的なテキストエフェクトのひとつ。

design-beautifully-frosty-text-effect

 

 

切り刻んだ様なタイポグラフィーデザインをPhotoshopでデザインする方法

新しく発売が開始されたPhotoshop CS5のパッケージデザインにも似た立体的でカラフルなテキストエフェクト。

個人的にもいつか挑戦してみたいのでメモ。

create-a-dynamic-shattering-text-effect

 

 

透明なガラス文字をデザインする方法

背景が透けて見える透明なガラス文字をレイヤースタイルを使うだけで簡単に作成するお手軽チュートリアル。

背景デザインを変えるだけで印象ががらりと変わりますよ。

create-a-nifty-glass-text-effect

 

 

ツルツルしたWeb2.0風テキストエフェクトをデザインする方法

光沢間がとても美しいテキストエフェクトのひとつ。

星条旗デザインを変更してもユニークなエフェクトになるのではないでしょうか。

patriotic-text-using-displacement-masks

 

 

たった7ステップでネオンテキストエフェクトを完成させる方法

個人的にもよく利用するテキストエフェクトなのですが、完成度が高くてお手軽という便利なチュートリアル。

サンプル用PSDファイルも無料ダウンロードすることができますよ。

photoshop-quick-tips-neon-layer-styles

 

 

真珠のような輝きを表現したテキストエフェクトチュートリアル

逆光フィルターをテクスチャとして使用するユニークなテクニックを学ぶことができるチュートリアル。

影をデザインすることで淡い虹色グラデーションが引き立つデザインとなっていますよ。

metal-text-under-12-oclock-spot-light

 

 

キラキラに輝く黄金文字をデザインする方法

レイヤースタイルを用いるだけで光が反射しているような黄金テキストを仕上げることができます。

人気のあるチュートリアルのひとつではないでしょうか。

luxury-golden-text-effect

 

 

ダイヤモンドを使った重厚なテキストエフェクトをデザインする方法

HipHop、Rapミュージックのアルバムデザインなどでよく使われているテキストエフェクトのひとつ。

文字の縁をゴールドやシルバーなどで囲むこともできます。

Bling Bling(英: キラキラした宝石や時計などのアイテム)と言われているチュートリアルですね。

blingbling

 

 

ゲーム関連のロゴデザインをつくるPhotoshopチュートリアル

某人気ゲームのロゴをパロディした立体感のある近未来的デザインを作成することができます。

ロゴを作成するときに利用したいチュートリアルのひとつ。

starcraft-2-logo

 

 

3D風に飛び出した様なテキストエフェクトをデザインする方法

「ぼかし」フィルターをうまく使うことで、ロゴが飛び出したようなテキストエフェクトを完成させることができるチュートリアル。

色の使い方は他のチュートリアルとは異なるユニークなものが多く、新しいテクニックを探している方にオススメです。

3d-blinds-text-effect

 

 

グランジスタイルのテキストエフェクトをデザインする方法

テキストエフェクトと背景デザインをあわせることで統一感があるチュートリアルのひとつ。

こちらもレイヤースタイルのみでデザインしています。

canvasscribbles

 

 

チョコレートが付いたようなテキストエフェクトの作り方

ドロドロに溶けたチョコレートをテキストエフェクトにデコレーションすることで立体的なロゴデザインを完成させることができます。

しずくの描き方など参考になるのではないでしょうか。

create-a-sweet-chocolate-coated-text-effect

 

 

カラフルなパステルカラーを使ったタイポグラフィーをデザインする方法

配色がとてもカラフルで好みだったので個人的メモとして。

手書き風デザインとの相性がよさそうなテキストエフェクトではないでしょうか。

create-a-colorfull-pastel-typo-in-photoshop

 

 

映画「タイタンの戦い」のロゴをデザインする方法

先日より公開されている映画「タイタンの戦い」のロゴをモチーフにデザインされたキラキラしたテキストエフェクトを完成させるチュートリアル。

clash-titans-text-effect-photoshop

 

 

タイポグラフィーを使ったイラストレーションのデザイン方法

PhotoshopだけでなくCinema 4Dなどのソフトを駆使することでデザインするちょっと難しいチュートリアルのひとつ。

Photoshopの腕に自身がある方などは挑戦してみても良いかもしれませんね。

how-to-create-an-incredible-typographic-illustration-

 

 

本物そっくりなネオン管ロゴをデザインする方法

会員限定チュートリアルのひとつですが、完成度がとても高くいろいろなデザインに応用することができそうなので個人的にメモ。

new-plus-tutorial-how-to-make-3d-neon-light-typography

 

 

2010年3月にも新しく公開されてたテキストエフェクトのPhotoshopチュートリアルをまとめていますので、こちらもよろしかったら一緒に合わせてどうぞ。

 

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

40awesometexteffect

 

また参照元サイトには、今回紹介していないテキストエフェクトも数多くまとめられていますので確認していないチュートリアルがないか一度覗いてみてはいかがでしょう。

 

[参照元 : The Ultimate Roundup of Best Photoshop Text Effects Tutorials - 1st Web Designer]

BOOKMARK, MAYBE?

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

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

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

  • http://matome.lovemedic.info/3/%e6%a7%98%e3%80%85%e3%81%aajquery%e3%81%a7%e5%8b%95%e4%bd%9c%e3%81%99%e3%82%8b%e3%83%a9%e3%82%a4%e3%83%88%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%9b%86%e3%82%81% 様々なjQueryで動作するライトボックスを集めた「31 mind blowing collection of jQuery light box」 | DesignDevelop と19件… | まとめのまとめ

    [...] 【3次元】水樹奈々ちゃんの画像下さい カナ速Photoshop Vip ? すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ …暇人\(^o^)/速報 : [...]

  • http://yoshy.wordpress.com/2010/05/11/links-for-2010-05-10/ links for 2010-05-10 « 個人的な雑記

    [...] Photoshop Vip » すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度 (tags: photoshop) [...]

  • MatomeNow_bot

    Photoshop Vip » すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度 http://goo.gl/fb/v2cy7

  • http://twitter.com/kgclip/status/13771553102 K_G

    RT @wdscratch: [typography][tutorial] Photoshop Vip » すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度 http://photoshopvip.net/archives/15613

  • http://twitter.com/antiformat/status/13774857462 ANTIFORMAT

    Photoshop Vip – すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ http://photoshopvip.net/archives/15613

  • http://twitter.com/meshi0218/status/13783127146 iizuka

    すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度http://j.mp/9W1ULU

  • http://twitter.com/matomenow/status/13784173908 MatomeNow_bot

    Photoshop Vip » すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度 http://goo.gl/fb/v2cy7

  • http://twitter.com/matomenow/status/13784175081 MatomeNow_bot

    Photoshop Vip » すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度 http://goo.gl/fb/WLxVS

  • http://twitter.com/manjirou/status/13813833561 万次郎

    すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度 http://j.mp/aWcSRC

  • http://twitter.com/manjirou/status/13814062306 万次郎

    Photoshop Vip » すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度 http://j.mp/aWcSRC

  • http://smkn.xsrv.jp/blog/2010/05/2010%e5%b9%b459%ef%bd%9e515%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年5/9~5/15の週間ブックマーク

    [...] Photoshop Vip » すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度 [...]

  • http://commitlab.com/20100518/web-design-scratch-03.html Commit Lab | 今週のweb制作情報まとめ | Web Design Scratch 03

    [...] すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度ここからはPhothoshop VIPさん。 [...]

  • http://twitter.com/watanabebeya/status/14411243902 ワタナベ

    こんなのホントに作れんの?:「すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ」 http://bit.ly/bhiv3W

  • http://twitter.com/danificados/status/17647863889 Junior

    Photoshop Vip » すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度 http://bit.ly/ddh9TZ #design @delicious

  • http://twitter.com/uxfeeder/status/17647865517 UX Feeder

    Delicious: Photoshop Vip » すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度: http://bit.ly/ddh9TZ [design, method]