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. デザイン

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

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

  2. Illustrator

    空を可愛く!Illustratorで虹を簡単に描ける方法&ダウンロードできる素材を作りました

    みなさん、こんにちはmayukouです。台風も過ぎ去り、梅雨ももう…

  3. Photoshop

    あっという間に!Photoshopのブラシで写真を手描き風にする方法

    みなさんこんにちは、mayukouです。今回は、Photoshop…

  4. 未分類

    便利!IllustratorやPhotoshopを使ったボタンの作り方記事まとめ

    みなさんこんにちは、mayukouです。webサイトをデザインする…

  5. Tutorial

    ワイヤーフレームがプロ仕様に!素敵なグラフィックスタイル「WireMagic」

    みなさんこんにちは、mayukou です!目薬が欠かせない今日…

コメント

  • コメント (0)

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

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

CAPTCHA


スポンサー

instagramもやっています

最近の記事

  1. かすれや濃淡が出る!かわいい手描き感のあるブラシのご紹介♩(…
  2. 今や欠かせない存在!iPad Pro “9.7を…
  3. iPad Proを液タブに♫Astropad Studioは…
  4. 明けましておめでとうございます。今年の抱負
  5. 食べ物やブツ撮りにおすすめ♩PENTAXのパンケーキレンズ(…

facebook更新中!

  1. Illustrator

    webデザインに活用するゴーストボタンを作るときの文字をセンタリングする方法
  2. Mac

    起きてしまった!MacOSのMarvericksの不具合
  3. jQuery

    横幅いっぱいに表示可能なスライダーのjQueryプラグイン 「Skippr」が便…
  4. Mac

    気に入った画像を切り抜いて保存できる!スクラップアプリ、Pixaveの使い方
  5. 日記

    2015年の振り返りと今年の抱負
PAGE TOP