Photoshop

Photoshopでかすれたスタンプ風表現をする方法 その2


みなさんこんにちは、mayukouです。今回は、うちのブログでも人気の高い記事、
スタンプ風の表現のについて新たな方法がわかりましたので
ご紹介いたします。

前回の方法(http://web-design-cafe.com/archives/469)では簡単に仕上がりますが、
今回の方法はちょっと一手間かけています。
そのかわり、表現の幅が広がって、より表情豊かな仕上がりになると思います。

この記事では、スタンプ風ロゴを作るという想定でやってみます。

それでは、いってみましょう!

スポンサードリンク

1.Photoshopを立ち上げて、お好きなカンバスサイズで新規ドキュメントを開きます

2.文字を入力します

90-kasure-logo

今回は、keep outです。

3.レイヤーメニュー>「画像を結合」を選択した後、
「フィルタ」メニュー>スマートフィルタ用に変換を選択しましょう

91-tougou

92-filter

4.描画色:黒、背景色:白にしたあと、フィルターギャラリーを開き、下記の設定をしましょう

・アーティスティック>粒状フィルム
・テクスチャ>粒状
・スケッチ>ギザギザ

93-tubu

94-tubu2

95-giza

96-filter-result

このようになります。これだけでも、味のある文字になりますね!

5.文字画像レイヤーを選択した状態で、レイヤーマスクをクリックし、
空のピクセルマスクを作成します

 

102-layer

かすれ加工に使う写真ファイルを開き「選択範囲」メニュー>すべてを選択を選択し、
編集メニュー>コピー(ctl+C)でコピーします。

asphalt

この画像は、フリー素材集足成(http://www.ashinari.com)から、拝借いたしました(アスファルトで検索すると出てきます)。

6.Optionを押しながら、マスクのサムネールをクリックしてカンバスに表示したあと、
先ほどの画像をペーストします

99-mask

必要に応じてサイズを拡大・縮小して調整しましょう。

7.ピクセルマスクを選択した状態で
イメージメニュー>色調補正>レベル補正
を選択

100-level
レベル補正ダイアログでハイライトのスライダを左へ
シャドウのスライダを右へドラッグ。コントラストを強めましょう。

8.背景用のベタ塗りレイヤーを作り、ロゴのレイヤーを描画モード:乗算に変更しましょう

今回は背景はオレンジにしてみました。

101-kansei

完成です!

最後に

いかがでしたか?
ちょっと手間がかかりますが、味のあるかすれができましたね!
ぜひ、お試しください。

投稿者プロフィール

mayukou
mayukou
Webデザイナー修行中のmayukouです。webデザインのお仕事を始めて約4年が経ちました。ここでは、仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

関連記事

  1. Photoshop

    スキャンで取り込んだイラストの線をPhotoshopで抽出するSeparate Lineartが便利…

    みなさん、こんにちは、mayukouです。デザインやイラストの仕事…

  2. Tutorial

    簡単!photoshopでスタンプ風のかすれた表現をする方法

    今回は、スタンプ風のかすれた表現をご紹介します。私は、仕事で使うこと…

  3. jQuery

    簡単設置で見やすい!レスポンシブ対応メニューslicknavの使用方法

    みなさんこんにちは、mayukouです。さて、4月21日から、goo…

  4. 未分類

    モバイルフレンドリー!フラットデザインなwordpressテーマ ACCIOに変更しました

    こんにちは、mayukouです。このブログを始めて、1年半ほど経ち…

  5. デザイン

    webデザインのトレンドを取り入れよう!デザインの参考になるリソース 〜日本編〜

    みなさんこんにちは、mayukouです。10月も半ばを過ぎましたが…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


スポンサー

instagramもやっています

最近の記事

  1. 色々宣言!?2016年の振り返りと来年の抱負
  2. メリークリスマス☆ハイアットのケーキや、ケンタッキーのチキン…
  3. wordpressバックアップツールの決定版!All in …
  4. 【お仕事紹介】学生向けアンケートパンフレット作りました
  5. 【有料記事】スキルアップしよう。デザイン力が育つ方法とは。

facebook更新中!

  1. ブログ

    [書評]サラリーマンだけが知らない好きなことだけ食っていくための29の方法
  2. マーケティング

    コンテンツマーケティングにおける有益な記事とは?ブログ運営3年目の私の最適解
  3. Photoshop

    ちょっと洒落てる!Photoshopで作る、白いシャドーが入った押したくなるボタ…
  4. moleskine

    グッズ

    モレスキン買いました。そして、周辺のステーショナリーを集めてみた。
  5. Photoshop

    アナログにも負けない水彩画風表現を!Photoshopで混色しながら色を塗る方法…
PAGE TOP