グラフィックデザイン

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

    GIMPで秋の行楽・旅行バナーを作りました。

    秋の旅行をイメージしてGIMPでバナーを作成してみました。以下…

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

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

    ブログやサイトのロゴを作るときって時間的・金銭的に結構なコストがかかり…

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

    簡単にテキストレイアウトができるinkscapeの「テキストの流し込み」機能の使い方

    写真付きのパンフレットでよくあるテキストレイアウトには被写体を邪魔しな…

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

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

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

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

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

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

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

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

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

コメント

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

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

CAPTCHA


スポンサードリンク

スポンサードリンク

スポンサードリンク

カテゴリー

ピックアップ記事

関連コンテンツ

WordPressテーマ「MAG(TCD036)」   ロゴマルシェ - LogoMarche   ボタンマルシェ - ButtonMarche  
  1. ブログやサイトの作り方

    月額100円から使える「ロリポップレンタルサーバー」
  2. 特集

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  3. ブログの収益化

    報酬の受取に苦労してません?初心者でもAmazon・楽天のアフィリエイトで効率的…
  4. 特集

    inkscapeの使い方を集めたスキルアップのための日本語チュートリアル集
  5. グラフィックデザイン

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