デザイン力向上、テキストエフェクト用Photoshopチュートリアル、作り方50個まとめ

latesttexteffect2013jan_top

 

デザイン編集ソフトPhotoshopは、写真加工、修正だけでなく、デザインの可能性を広げてくれるツールです。特にテキストエフェクトは、作り方に関する参考書なども多く発売されており、人気デザインテクニックのひとつです。

 

 

海外デザインブログInstantShift.comで、クリエイティブなアイデアがつまった、テキストエフェクトに関する、Photoshopチュートリアル、作り方を50個まとめたエントリー「50 Fresh Photoshop Text Effect Tutorials」が公開されていたので、今回はご紹介します。

 

 

レイヤースタイルを設定するだけの簡単エフェクトから、ネオン文字、キラキラの黄金文字など、デザインに活用したくなる作り方テクニックが、多くまとめられています。

 

 

また多くのチュートリアルでは、サンプル用PSDファイルを、無料公開しているので、デザインテクニックを学ぶにはぴったりです。

 

 

 

詳細は以下から。

 

 

 

クリエイティブなテキストエフェクト、Photoshop作り方チュートリアルまとめ

 

リアルな雲で、空いっぱいに文字テキストを描く方法

テキストレイヤーを、ブラシツールを独自に設定し、なぞることでリアル感を表現する、デザインテクニック。

text-effect-tutorials-46

 

 

 

ぼんやりと浮かび上がる、LEDロゴサイン風テキストエフェクトの作り方

モノクログラデーションのパターン素材を使い、レイヤースタイルを設定することで、ディスプレイに表示されたような、質感を表現しています。

text-effect-tutorials-40

 

 

 

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

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

text-effect-tutorials-02

 

 

 

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

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

text-effect-tutorials-21

 

 

 

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

レイヤーすたいるを使って、加工されたテキストレイヤーに、ブラシツールで使い、ライトアップさせていくデザインチュートリアル。ライティングエフェクトの設定方法は、参考にメモとして。

text-effect-tutorials-01

 

 

 

木材で作った、テキストロゴデザインを完成させる方法

ふたつの文字レイヤーを重ねることで、立体感を表現可能となっており、光の向きを考慮した影を使い、リアル感がさらにアップ。

text-effect-tutorials-05

 

 

動物の毛皮でできた、フサフサ文字デザインの作り方

あらかじめ用意した動物柄テクスチャ素材を使い、独自設定のブラシツールで、テキストの縁をなぞるだけで完成する、初心者にもオススメチュートリアル。サンプルPSDがダウンロード可能。

text-effect-tutorials-34

 

 

皮を縫いつけた、ホラー系テキストエフェクトの作り方

すいません、ちょっと気持ち悪いかもしれません。テクスチャ素材を加工し、ペンツールで縫い目を描いて完成させた、テキストエフェクト。ハロウィンの時期にいかがでしょう。

text-effect-tutorials-35

 

 

 

アーガイル柄のニットで編まれた、デコレーション風テキストエフェクトの作り方

寒い季節にぴったりな、ふさふわの毛皮がアクセントになった、かわいい系文字加工エフェクト。レイヤースタイルを利用することで、うまく立体感を表現。

text-effect-tutorials-47

 

 

 

クッキーでできた、イラスト風テキストエフェクトの作り方

ポイントは、ラスタライズしたテキストレイヤーに、スケッチエフェクトを加えることで、ざらざらとしたクッキーの表面を再現しています。

text-effect-tutorials-12

 

 

 

布に縫い付けられたロゴ、文字テキストをデザインする方法

パターン素材を使ったテクスチャ素材に、ブラシツールを活用することで、自由なデザインを描くことが可能となります。

text-effect-tutorials-20

 

 

 

紙がやぶれてボロボロの、テキストエフェクトをデザインする方法

ペンツールで、紙をやぶったようなデザインをつくり、そこにワープツールで、めくれたような、立体感を演出する、お見事なテクニック。

text-effect-tutorials-06

 

 

 

手書きスケッチしたような、テキストエフェクトの作り方

ノイズエフェクトに、ぼかしエフェクトを加えることで、手書きのような、味わいのある質感を表現する、文字テキストチュートリアル。

text-effect-tutorials-18

 

 

 

映画「Man of Steel」のロゴマークを完全再現する方法

Illustratorで描いたロゴマークに、Photoshopでテクスチャ素材などを組み合わせて、グランジテイストを表現します。サンプルPSD、無料ダウンロード可能。

text-effect-tutorials-09

 

 

 

ぼんやりと青白く輝く、リキッド文字テキストをデザインする方法

 

あやしい光で輝く、スライム状のテキストエフェクトを完成させる、デザインチュートリアル。

text-effect-tutorials-23

 

 

 

 

ブリンブリンな黄金メタリックのテキストエフェクトをデザインする方法

複数のレイヤースタイルを使った、デザインパーツを組み合わせることで、よりオリジナル性の高いデザインを完成させることができます。

text-effect-tutorials-08

 

 

 

重厚感のある、黄金テキストエフェクトを作成する方法

レイヤースタイルを、順番通りに設定するだけでできあがる、簡単デザインチュートリアル。サンプルPSDを無料ダウンロード可能。

text-effect-tutorials-31

 

 

 

黄金フレームのメタリック文字をデザインする方法

レイヤースタイルの設定だけで、ピカピカの光沢感のある、立体テキストエフェクトを完成させます。サンプルPSD、無料ダウンロード可能。

text-effect-tutorials-17

 

 

 

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

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

text-effect-tutorials-37

 

 

 

ターコイズ石のような、光沢感のあるテキストエフェクトの作り方

メタリックなテカテカ感は、レイヤースタイルの設定だけで表現している、お手軽デザインテクニック。

text-effect-tutorials-38

 

 

 

スポーツチームのロゴ用テキストエフェクトをデザインする方法

こちらもレイヤースタイルを使って、立体感が表現されており、グラデーションレイヤーを組み合わせた、背景デザインにも注目。サンプルPSD、無料ダウンロード可能。

text-effect-tutorials-24

 

 

 

Illustratorで魅せる、テキストエフェクトの作り方チュートリアル25個まとめ

こちらは、Illustratorを使ったテキストエフェクトをまとめています、興味のある方はぜひ。

texteffect_ai_top

 

 

 

参照元リンク : 50 Fresh Photoshop Text Effect Tutorials – InstantShift.com