デザインネタ帳、テキストエフェクトのチュートリアル50個まとめ

texttutorials20

 

雑誌やパッケージデザインなど身近なものにも使われている、テキストエフェクト。

「ことば」に「デザイン」を加えることで、インパクトを与えるだけでなく、視覚的にも楽しむことができます。

 

 

海外デザインブログSmashing Appsで、これまでに公開されているテキストエフェクトに関するチュートリアル50個をまとめたエントリー「50 Photoshop And Illustrator Tutorials for Creating Text Effect」が公開されていたので、今回はご紹介します。

 

 

これまでにご紹介した、テキストエフェクトに関連した、まとめ記事を一緒に羅列していますので、よろしかったらこちらも一緒にどうぞ。

 

 

 

詳細は以下から。

 

 

 

真似したくなる、高品質なテキストエフェクトのチュートリアルまとめ

 

マルチカラーでペイントされた、カラフルテキストエフェクトの作成方法

アルファベットを細かく分断して、それぞれ色づけしていくテキストエフェクトチュートリアル。

あらかじめ利用する色の指定がこまかくされている点も分かりやすかったです。

texttutorials70

 

 

 

虹色メタルグラデーションの立体的なテキストエフェクトを作成する方法

レイヤースタイルのひとつ、グラデーションオーバーレイを利用することで、幻想的なカラーリングを可能にした、作成テクニックを学ぶチュートリアル。

texttutorials22

 

 

 

水道管をモチーフにデザインされたタイポグラフィーの作り方

レイヤーパスを使って描かれた平面デザインを、Cinema 4Dを使って超立体的にエフェクトを適用するチュートリアルです。

※ こちらはプレミアムチュートリアルとなります。

texttutorials6

 

 

 

人間の皮膚テクスチャを使った、タイポグラフィーアートの作り方

ちょっと気持ち悪いですが、他のテクスチャ素材に置き換えて作成することも、可能なデザインテクニックですよ。

texttutorials32

 

 

 

野球ボールをモチーフにした、テキストエフェクトの作り方

レザーの質感や、ボールの縫い目など本物そっくりの質感を表現した、テキストエフェクト用チュートリアル。

レイヤースタイルをうまく調整することで、立体感をさらにアップ。

texttutorials44

 

 

 

美味しそうなクッキー型テキストエフェクトを完成させる方法

オーブンでこんがりと焼き上がった、かわいいクッキー型文字エフェクトをデザインしたチュートリアル。

texttutorials69

 

 

 

メタリックで超立体的なタイポグラフィーポスターデザインを作成する方法

Cinema 4Dを利用することで、圧倒的な立体感を実現することが可能なテキストエフェクト用チュートリアルです。

texttutorials59

 

 

 

スクラッチ傷のあるメタル文字の作り方

3種類の文字レイヤーに異なるレイヤースタイルを適用し、重ねるだけで完成するチュートリアル。

無料サンプルPSDファイルをダウンロード可能となっています。

texttutorials58

 

 

 

黄金に輝く、メタリック調テキストエフェクトを完成させる方法

Photoshopの便利ツール、レイヤースタイルを設定することで完成する、お手軽チュートリアルです。

無料サンプルPSDファイルもダウンロード可能となっています。

texttutorials56

 

 

 

映画「トランスフォーマー」のロゴテキストエフェクトを作成する方法

日本語チュートリアルも公開していますので、よろしかったら一緒にどうぞ。

texttutorials9

 

 

 

光沢感たっぷりな光沢感たっぷりなゴールド文字を作成する方法

重厚な印象を与える、ゴージャスなテキストエフェクトの作り方が紹介されています。

レイヤースタイルの設定を中心とした、お手軽なチュートリアル。

texttutorials8

 

 

 

キラキラに輝くゴールデンテキストエフェクトを作成する方法

レイヤースタイルで立体感を出し、フィルタ「ステンドグラス」、「エッジの光彩」を利用してパターンを作成する、ユニークなデザインテクニックを紹介したチュートリアル。

texttutorials51

 

 

 

キラキラと輝くライティングエフェクトを使った、ロゴテキストの作り方

シンプルな手順のみで作成できる、テキストエフェクト用チュートリアル。

レイヤーの描画モード「ソフトライト」に設定し、全体の色合いを調整するテクニックです。

texttutorials34

 

 

 

3Dスタイルの筆記体テキストエフェクトを作成する方法

テキスト文字が浮かび上がっているような、リアル感たっぷりなエフェクトを再現したチュートリアル。

※ こちらはプレミアムチュートリアルとなります。

texttutorials60

 

 

 

布に縫い付けたようなテキストエフェクトを完成させる方法

糸を使って刺しゅうのようにデザインされた、ロゴテキストをデザインするチュートリアルのひとつ。

texttutorials65

 

 

 

ビンテージスタイルのタイポグラフィーをデザインする方法

文字のレイアウトはIllustrator、立体感やエフェクトはPhotoshopと、分けてデザインするテキスト系チュートリアルです。

texttutorials61

 

 

 

 

テキストエフェクトに関するまとめ記事、補足

 

[download_box]

これまでにご紹介した、テキストエフェクトに関連するまとめ記事を以下にまとめています。一緒に参考にしてみてはいかがでしょう。

[/download_box]


すごいテキストエフェクトのPhotoshopチュートリアル28個まとめ 2011年5、6月度

今回のまとめともかぶる部分がありますが、ちょうど1年前に編集した記事ですね、。

 

 

 

Photoshopでかっこいいテキストエフェクトをデザインするチュートリアル70個まとめ

グラフィックデザインで見かける、タイポグラフィー作成を中心としたチュートリアルをまとめています。

chemicalambulance

 

 

 

最近公開されたすごいPhotoshopチュートリアル50個まとめ 2012年1月版

不定期でまとめている、デザインチュートリアルの中にもテキストエフェクトを同時に公開しています。

個人的にお気に入り、電球のフィラメントをモチーフにしたロゴテキスト。

latesttutorial2012jan_top

 

 

 

保存しておきたい、クールなPhotoshopのテキストエフェクト33個まとめ

難易度、制作時間なども一緒に記載しているので、はじめての方におすすめしたいチュートリアルが中心。

dcp4mwvj_814gmx32dcn_b

 

 

 

Illustratorでデザイン、すごいテキストエフェクトの作り方チュートリアル50個まとめ

2011年に公開された、Illustrator用テキストエフェクト総集編となっています。

 

 

 

フォトショップで本物そっくりな錆びたカラフルメタル文字を作る方法

少し長めのチュートリアルのため前編後編に分けて投稿した、日本語チュートリアルです。

背景デザインも簡単なテクニックでゼロから作成可能となっています。

033-Best-text-effects-articles-on-the-web

 

[参照元 : 50 Photoshop and Illustrator Tutorials for Creating Text Effect – Smashing Apps]