*

GIMPで簡単!!よく使われている文字加工のやり方

公開日: : ホームページ製作 ,

はじめに

今回は、ホームページのロゴ部分や、見出し部分、画像の上に掲載する文字など、少し目立った感じの文字を入れたいときに使える文字加工をいろいろ紹介していきます。

00
上の画像では、フォントはおしゃれですが加工なしのため、目立たせたいという点ではちょっと弱いです。
01
さらに、このように写真などに重ねてしまうと「見ずらい」という印象が強くでてしまいます。

そんなときどうすれば文字が映えるのか、そこで役立つのが文字の加工です。
ほとんどベーシックでやり方も簡単なので、汎用性が高いものなので、GIMP初心者の方には一見の価値ありです。

GIMPのダウンロードはこちらから
http://www.geocities.jp/gimproject2/download/gimp-download.html

スポンサードリンク

ベーシックな文字加工のやり方

縁をつける

03
最も一般的と言ってもいいくらいですが、まずは文字に縁取りをする加工です。
まずは文字のレイヤーを選択した状態で、レイヤー→透明部分→不透明部分を選択範囲にを選択します。
ddd
すると文字に縁取るように範囲を選択することができます。

続いて、先ほどの文字のレイヤーの下に新しく透明のレイヤーを追加。
新しく追加したレイヤーを選択した状態で、右クリックし、選択→選択範囲の拡大をクリック
ggg

文字のサイズにもよりますが、だいたい2~3pxで拡大するとちょうどいいかと思います。
あとは拡大された選択範囲を好きな色で塗りつぶします。

するとこのように文字の周りを一回り大きいフチで囲うことができます。
02
文字色を白にして背景を付けてもこのようになります。
03

縁をボカす

03
先ほどの応用で、今度は縁をボカす加工をしていきます。
同色でやると滲んだように見えるので、あえてそうしたい場合はありですが、色を変えることで光が当たって柔らかい感じに見せることもできます。

「縁をつける」の項目で選択範囲を塗りつぶした状態から始めます。
フィルタ→ぼかし→ガウシカンぼかしを選択します。
範囲は5pxくらいでやってみて、効果を見て調整してみてください。
するとこのように、ふわっとした加工が出来上がります。
03

縁取りとぼかしを組み合わせる

03
次はさらに応用して、縁取りをしたあとに少しズラして影をつけた加工をしていきます。
縁取りしたレイヤーを再びレイヤー→透明部分→不透明部分を選択範囲にで選択します。
選択した状態でコピーし、下に新しいレイヤーを作ってペーストします。
そのレイヤーをツールボックスの移動を使って、選択範囲を少し斜め下にずらします。
不透明度を調整し、あとはガウシアンぼかしを適応させます。
03

今回紹介したのは、簡単にできる3つの加工ですが、縁の色や太さを変えるだけでいろいろな表情になりますので、ぜひやってみてください。

  • このエントリーをはてなブックマークに追加
  • Pocket
  • 0 follow us in feedly

関連記事

スクリーンショット_102514_125258_AM

Benri500札幌~新しいSEO対策について

Benri500札幌のご紹介 こないだ私たちが札幌市のホームページ製作代行という業務を始めまし

記事を読む

スクリーンショット_110914_025524_PM

2カラム左ナビゲーションの別バージョンサンプル

はじめに 前回に引き続き、今回もホームページのレイアウトサンプルをご紹介いたします。 前回の

記事を読む

スクリーンショット_110514_104041_AM

WordPress (stinger3)の細かなカスタマイズ~ブログタイトルや記事内hタグ~

はじめに 今回は、当ブログ表示画面の細かいカスタマイズを行ったのでそのやり方をご紹介していきます。

記事を読む

スクリーンショット_122815_033611_PM

クライアント向けにwordpressサイトを作ったときに役立つプラグイン10選

はじめに 今回はwordpressでクライアント向けにホームページやブログ等を作ったときに入れると

記事を読む

スクリーンショット_060215_121053_PM

最新版!!オススメFTPソフト「WinSCP」のダウンロードとインストール、使用方法まで

はじめに ファイル転送のFTPソフトを探していて、使いやすさの点などでこのWinSCPというフリー

記事を読む

スクリーンショット_102814_094432_PM

XHTMLとCSSを使って、固定幅で崩れないトップページのレイアウトを作る

はじめに またホームページ関連の内容になりますが、まずは前回までのおさらい。 先日こちらのブログ

記事を読む

スクリーンショット_111114_020302_PM

1カラムの高級感あるデザインテンプテート

はじめに 今回は前回の2カラムとは違い、1カラムのホームページのレイアウトサンプルをご紹介いたしま

記事を読む

紹介チケット

美容室ロゴ・看板・名刺デザイン

美容室のロゴ・看板・名刺デザインをさせていただきました。 ロゴ 4つ提案させていただき、こち

記事を読む

スクリーンショット_070115_021223_PM

コピペでできる!!サクサクっとwordpressオリジナルテーマの作成①~準備~

はじめに このブログでも姉妹ブログでも、私はwordpressを使っています。 wordpres

記事を読む

スクリーンショット_070215_105010_PM

コピペでできる!!サクサクっとwordpressオリジナルテーマの作成②~基本的な設定~

はじめに 「コピペでできる!!サクサクっとwordpressオリジナルテーマの作成」2回目ですが、

記事を読む

e2941cce339456cc46d8e9ee35a23a7f
モンスト!!天地開闢の始神「イザナギ」を徹底攻略!!

天地開闢の始神「イザナギ」 この記事はモンストの天地開闢の始神「

2016-11-02_11h29_48
モン玉ガチャ!!排出率や当たり確率について分析してみた

新しく始まったモン玉ガチャ。今回が初開催で、今後は定期的に開催される模

2016-11-01_16h51_05
Firefoxに必須の基本アドオン「FireGestures」の使い方

Firefoxを使うならまず入れていきたい基本的なアドオンのひとつ「F

2016-07-05_14h18_37
プログラミング学習サイト!!初心者でも楽しく覚えられるProgateがすごい!!

はじめに プログラミングを勉強したいと思ったときに、まず何からしてい

2016-06-30_13h31_04
画面が狭くてやりずらいときに試してほしい、作業レベルに合わせた3つの対策

PCで作業をしていると、画面がいっぱいになってしまい作業がやりずらいこ

→もっと見る

PAGE TOP ↑