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

tipLogtipLog

tipLog

inkscape・GIMPを使ったデザインお勉強ブログ。WordPressなどのウェブ関連のお勉強もしています。2019年6月にInkscapeの書籍を出版しました。 現在は個人事業主向けのホームページやブログ導入のお手伝いをしています。

関連記事

特集記事

コメント

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

CAPTCHA


tipLogtipLog

tipLog

inkscape・GIMPを使ったデザインお勉強ブログ。WordPressなどのウェブ関連のお勉強もしています。2019年6月にInkscapeの書籍を出版しました。 現在は個人事業主向けのホームページやブログ導入のお手伝いをしています。

Inkscapeの入門書

ランキング

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

  2. inkscapeで「フチ文字」を作る方法2つ+ちょっとした応用

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

  4. PHPでデータベースから取得した配列を加工する方法

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

  6. 超簡単!inkscapeで直角三角形を作る方法

  7. inkscapeの「整列と配置」でオブジェクトを綺麗に並べて表を作る方法

inkscapeを学ぶ

TCDテーマ「Muum」
TOP