グラフィックデザイン

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. グラフィックデザイン

    無料素材を集めてコラージュを作るチュートリアル

    デザインを独学で学ぶとき、何をすればいいかわからないということも多ので…

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

    GIMPのカラーハーフトーンでロゴ作成

    カラーハーフトーンとは、画像をドットで表現することです。GIM…

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

    「とあるのロゴジェネレーター」を参考にinkscapeでロゴをリメイク

    「ロゴ作成の勉強ってどうやってすればいのー?」と、よく自分でも考え…

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

    GIMPでトリミング画像に影をつけてサクッと立体感を生み出すチュートリアル

    写真から切抜きした画像単体では、立体感がなく物足りないような印象を受け…

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

    inkscapeで「冷えてます。」POPをつくってみたのでデータ配布します

    ちょっと仕事で使うことになったので試しにPOP作成をinkscapeで…

コメント

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

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

CAPTCHA


スポンサードリンク

スポンサードリンク

スポンサードリンク

カテゴリー

ピックアップ記事

WordPressテーマ「MAG(TCD036)」   ロゴマルシェ - LogoMarche   ボタンマルシェ - ButtonMarche  
  1. ブログの収益化

    報酬の受取に苦労してません?初心者でもAmazon・楽天のアフィリエイトで効率的…
  2. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
  3. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
  4. 特集

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

    inkscapeの使い方を集めたスキルアップのための日本語チュートリアル集
PAGE TOP