Photoshopを使ってスタンプで押したようなかすれた文字を再現するチュートリアル

2010年7月28日
このエントリーをはてなブックマークに追加
Clip to Evernote

ファッション系やストリート系のデザインなんかで見かける、スタンプで押したような所々いい感じにかすれた文字。消しゴム削ってスタンプ作ってスキャンして…とやっていては日が暮れてしまうので、それをPhotoshopで再現しちゃおうというチュートリアル。

Photoshopでかすれ文字をつくるチュートリアル

やり方はいたって簡単。まずは素材となるテキストを準備。フォントは太目のものが相性良しです。ちなみに今回使用したのは『Stencil Std』のBold。

Photoshopでかすれ文字をつくるチュートリアル

そしたらテキストのレイヤーを選択した状態で、レイヤーパレット下部にある『レイヤーマスクを追加』をクリック。レイヤーマスクをした状態では黒に塗った部分の透過度が0%になるという性質があります。
この性質を利用していい感じにかすれさせるんですが、ここで今回はブラシを使ってそれを再現します。
ツールパレットからブラシを選択し、ブラシパレットのプリセットから『はね』を選択します。はねの大きさは作る文字にもよりますが、今回ぐらいの大きさのテキストであれば『はね 39pixel』あたりがおすすめです。そしてツールオプションバーのところで『流量』を40%〜50%くらいに設定します。

Photoshopでかすれ文字をつくるチュートリアル

ここで一旦確認を。

  • レイヤーパレットではテキストにかけたレイヤーマスクが選択されている
  • ツールパレットではブラシが選択されている(流量は40〜50%)
  • 描画色が黒になっている

以上3点が大丈夫ならテキスト上をポンッと軽くクリックして叩いてみてください。クリックした部分が少しかすれましたか?ドラッグすると汚くなるので軽くですよ。

Photoshopでかすれ文字をつくるチュートリアル

これで全体をポンポン叩いてかすれさせますが、よりかすれさせたい部分は何度も叩いて調節します。結構強弱つけちゃった方が雰囲気出ます。

Photoshopでかすれ文字をつくるチュートリアル

これでOK。あとは配置、背景等お好きなように飾っちゃってください。うーん、やっぱりデニムとかストリート系とは相性良いですねぇ。

Photoshopでかすれ文字をつくるチュートリアル

ファッションだけでなくスポーツや飲食なんかでもよく使われてますよね。使えるデザインの割には簡単なのでこの機会にどうぞ!

ちなみに今回デニムのテクスチャこちらから頂戴いたしました。
jeans texture 2 – Flickr

関連記事

Photoshop『コンテンツに応じた塗りつぶし』で画像を拡張できるんじゃないか?

2010年11月1日
このエントリーをはてなブックマークに追加
thumb

Photoshop CS5から導入されている魔法の除去ツールとして話題の『コンテンツに応じた塗りつぶし』機能。
以前このブログでもその恐るべき性能について書きました。
過去記事:Photoshop CS5の新機能『コンテンツに応じた塗りつぶし』はもはや魔法の領域です
ある日僕は思ったわけです。
様々 [...]

トイカメラで撮影したようなレトロでビンテージ感溢れる写真に加工するPhotoshopチュートリアル

2010年8月27日
このエントリーをはてなブックマークに追加
thumb

写真をトイカメラで撮影した風に加工するチュートリアル。
レトロな雰囲気出したいときってありますよね?
参考にしたのはこちらのチュートリアル。
Photoshop Tutorial: Getting that great X-PRO LOMO look
オリジナル手法も加えつつ、できるだけシンプルにま [...]

Photoshop CS5の新機能『コンテンツに応じた塗りつぶし』はもはや魔法の領域です

2010年8月21日
このエントリーをはてなブックマークに追加
thumb

Photoshop CS5の新機能のうち、特に話題になっている『コンテンツに応じた塗りつぶし』はすごいというか最早エグイという領域です。
画像の中から余計な物を、まるで無かったかのように消し去ってくれます。
例えば下の画像。

奇麗な女性ですね。しかし右側で寝そべってるカップルが残念です。
そんな時 [...]

HDR写真を簡単に作るPhotoshopチュートリアル

2010年8月17日
このエントリーをはてなブックマークに追加
thumb

以前Photoshop vipさんのとこで「わずか3ステップで完成、フォトショップで超簡単なHDR写真をつくる方法」という記事が公開されており、最近自分も多用しまくっているのでシェアの意味も含めてまとめてみました。
HDR(High Dynamic Range)とは、通常の写真や映像で表現されるダイ [...]

コメントをどうぞ

最近の記事

カテゴリー

タグ一覧

アーカイブ