1. まとめトップ
  2. デザイン・アート

Photoshopのかっこいい文字加工がわかるチュートリアル集

フォトショップ(Photoshop)を使った、テキストエフェクトの方法がわかるチュートリアルを画像付きでまとめます。縁取りやグラデーション、立体に縦書きや影をつけたりと、なんでもできるフォトショップですが、いざ作ろうと思ったら、時間がかかる物です。もちろん、日本語でわかりやすいサイトを追加します。

更新日: 2012年02月20日

only_youおさん

  • このまとめをはてなブックマークに追加
1295 お気に入り 454758 view
お気に入り追加

モード変更と覆い焼きツールなどで透明感を出し、立体的にしていくエフェクトです。

http://www.voidix.com/aquatext.html

鏡面っぽく加工した光文字の作り方です。テキストにレイヤーエフェクトをかけてあります。

http://revilog.com/2007/10/010965.html

レイヤースタイルとフィルタやモード変更で、フォントを加工していくエフェクトです。

http://www.adobetutorialz.com/articles/2450/1/God-of-War---Text-Effect

影などもうまく表現することで、立体感がアップ。背景デザインもテクスチャを重ねるだけの単純作業で奥行きのある質感を表現することができます。

http://tetsurou.org/?p=281

マルチカラーグラデーションできれいな背景に。右下に放射状グラデーションを使用しています。

http://psd.tutsplus.com/tutorials/text-effects-tutorials/transparent-glass-lettering-in-photoshop/

劣化してさびた銅の質感のテキストエフェクト。さびをデザインする為に、テキストにたくさんのレイヤースタイルをかけてあります。

http://weblog.weska.jp/2009/03/rusty-copper.html

パスツールで文字に飾りを作り、レイヤースタイルで光彩やドロップシャドウなどで光りを出していく加工方法です。

http://photoshop.tutfactory.com/text-effects/sparkling-text-wallpaper/

背景画像とレイヤースタイルのオーバーレイやドロップシャドウなど、簡単なブレンドで立体的なフォントに見せる加工方法です。

http://photoshopvip.net/archives/10664

指先ツールやアルファチャンネルを利用し、立体的な炎を完成させていく加工方法です。

http://photoshopvip.net/archives/3243

放射状のぼかしや、グラデーションをかけて光りをだしていく加工方法です。レイヤースタイルも使用します。

http://www.voidix.com/zoomtext.html

スタンプで押したようなかすれた文字のエフェクト。ブラシパレットのプリセットから「はね」を使って再現されています。

http://monodez.com/design/stamp.html

レイヤースタイルを適用したテキストに、カラーリングしたレイヤーを描画モード「カラー」で設定してあります。

http://textuts.com/colorful-light-text-effect/

書くというよりは、消すという感じ。消しゴムツールを選択し、で文字の輪郭の外側をクリックして白いレイヤーを消しています。

http://monodez.com/design/cloud.html

キラキラ素材を文字の周りにちりばめたデコレーション文字です。

http://h-matsuda.com/photoshop/index.php?ID=27

アイコンの文字のレイヤーに光彩(外側)ブレンディングオプションを適用してあります。

http://psd.fanextra.com/tutorials/text-effects/creating-good-enough-to-eat-typography/

ワープツールを使ったユニークなテクニック、背景を立体的に魅せるグラデーションツールを使用してあります。

http://www.psdvault.com/text-effects/create-a-cool-liquid-text-effect-with-feather-brush-decoration-in-photoshop/

光沢のあるテキスト効果は、レイヤースタイルやブラシを使用して作成してあります。

http://textuts.com/light-tubes-text-effect/

適当な街並みの画像を二階調化させ、それを貼り付けてモードを変更するだけの簡単なエフェクトです。

http://www.biorust.com/tutorials/detail/181/en/

レイヤースタイルを使ったテキストレイヤーを繰り返し重ねることで透明感のあるテキストエフェクトを完成させます。

http://psd.tutsplus.com/tutorials/text-effects-tutorials/create-a-layered-glowing-text-effect/

花の画像を切り取り、ドロップシャドウをかけて貼り付けていくだけの加工方法です。

http://abduzeedo.com/super-easy-and-cool-flower-text-effect-photoshop

レイヤースタイルでグラデーションなどをかけ、ぼかしなどでフワッとさせる加工方法です。

http://photoshopvip.net/archives/7023

1 2





only_youおさん

オンリーユーなまとめ作ります!

このまとめに参加する



  • 話題の動画をまとめよう