モンスト中心、映画やアニメ、DIY…興味あることをその都度発信

742 views

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

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

はじめに

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

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

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

GIMPのダウンロードはこちらから
https://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

関連記事

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

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

記事を読む

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

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

記事を読む

2カラム左ナビゲーションのテンプレート

はじめに 今回は、札幌市格安ホームページ製作のbabyhoodで使用しているテンプレートのご紹介を

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

Benri500札幌のご紹介 google検索では「札幌 激安 10分 500円」と検索す

記事を読む

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

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

記事を読む




PAGE TOP ↑