Photoshop

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


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

前回の方法(https://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デザインのお仕事を始めてなんとか約6年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. Illustrator

    画像のベクター化が簡単に!Adobe Capture CCがおすすめ♩その使い方をご紹介。ダウンロー…

    みなさんこんにちは、mayukouです。画像をベクター化してイラスト…

  2. Photoshop

    かすれや濃淡が出る!かわいい手描き感のあるブラシのご紹介♩(有料)

    皆さんこんにちは、mayukou です。以前の記事に書きました通り、…

  3. Tutorial

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

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

  4. Photoshop

    Photoshopのウィンドウを見やすく!ワークスペースを工夫してみよう

    こんにちは、mayukouです。なんだかすっきりしない天気です。九…

  5. Photoshop

    便利!Photoshopで描いた絵をIllustratorで使えるパスに変換する方法!

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

  6. Illustrator

    簡単!Illustratorで写真の淵をぼかす方法

    みなさんこんにちは、mayukouです。まだまだ梅雨の時期ですが、…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. Photoshop

    点線もかける!Photoshopでラインを引く方法を新たに発見(ストローク機能)…
  2. illustration

    photoshopでモコモコの線を描くには?
  3. Illustrator

    助かった!Illustratorが重たい時の対処方法
  4. Web Design

    メニューアイコンに最適!webフォント、Font Awesomeの簡単な使い方
  5. Illustrator

    スキャンした画像をIllustratorでベクターにする方法2 (追記)
PAGE TOP