グラフィックデザイン

GIMPで木目に合わせてかすれた文字を表現する方法

GIMPで木目に合わせて擦れたような文字を書く方法のチュートリアルです。

最後に矩形選択をして選択範囲で切り取りをすれば、ヘッダー画像として使うこともできます。

2015.10.02 追記

サムネイルを変更しました。
以下のチュートリアルでサムネイルと同じような画像を作成できます。

デモ映像

素材と文字の準備

背景となる木目調の素材を準備します。

その素材をGIMPで開いて、素材のレイヤーを複製しておきます。

文字を表示させたい場所に文字ツールを使って文字を書きます。

20140806_001.jpg

複製したレイヤーが木目に合わせたかすれを表現するレイヤーになります。

文字色は白がオススメ。

木目を付ける

コピーの方のレイヤーを選択して、[色]タブから[しきい値]を選択します。

20140806_002.jpg

木目になる部分が黒くなるように、しきい値の両端を変更します。

黒い部分は後で文字が消える部分になる。

全体が黒すぎると文字が消えて読めなくなってしまうので注意。

20140806_003.jpg

20140806_004.jpg

適当な箇所で画像を切断するように矩形選択をする。

20140806_005.jpg

選択した矩形で右クリックをして、背景色(白)で塗りつぶす。

20140806_006.jpg[ ファジー選択]を選んで、白く塗りつぶした部分を選択する。

20140806_007.jpg

20140806_008.jpg

[選択]タブから[選択範囲の反転]を実行する。

20140806_009.jpg

レイヤーを非表示にすると、こうなっている。

20140806_010.jpg

それぞれの文字レイヤーを選択して、[消しゴムツール]で文字の上をなぞると、選択されている部分だけが消えて、かすれたようになる。

20140806_011.jpg

すべての文字レイヤーで作業が終わったら、選択範囲の解除を行う。

20140806_012.jpg

コレで完成。

20140806_013.jpg

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

関連記事

  1. グラフィックデザイン

    inkscapeでパターン素材を作るチュートリアル

    inkscapeを使うと簡単にパターン素材を作ることができます。い…

  2. グラフィックデザイン

    inkscapeの基本機能だけで矢印を描く方法

    今回はよく検索されている、inkscapeで矢印を作るための基本チュー…

  3. グラフィックデザイン

    inkscapeで取り込んだJPGやPNG画像をトリミングをする方法

    inkscapeでフライヤーや店舗のメニューを作りたいと思ったらトリミ…

  4. グラフィックデザイン

    Inkscapeを使ったわかりやすいフローチャートの作り方

    プログラミングの分野でよく使われているフローチャートですが、最近は業務…

  5. グラフィックデザイン

    Inkscapeのシェイプとパス編集でいろんな「吹き出し」を作ってみた

    多角形や星型をノードツールで変形させることでいろいろな吹き出しを作るこ…

  6. グラフィックデザイン

    inkscapeを使って集中線・放射線を思い通りの仕上がりに

    グラフィックソフトの場合、手で描くのとは違って、機能とその結果が結びつ…

コメント

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

  1. この記事へのトラックバックはありません。

CAPTCHA


スポンサードリンク

スポンサードリンク

inkscapeを学ぶ

カテゴリー

ピックアップ記事

   
  1. 特集

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  2. 特集

    inkscapeの使い方を集めたスキルアップのための日本語チュートリアル集
  3. ブログの収益化

    報酬の受取に苦労してません?初心者でもAmazon・楽天のアフィリエイトで効率的…
  4. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
  5. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
PAGE TOP