ブログ

GIMPでグラデーションを使った画像の作り方

メール講座はこちら
詳しくは↑をクリック

bandicam 2015-04-24 10-53-17-451
どうも、僕です。ジミィです
今日もGIMPの使い方について学んでいただきましょう

 

グラデーションについては、以前解説をしました
(参考 【GIMP】画像編集講座 グラデーション、外枠、影の付け方

あの時は既存のテンプレートを使ったので、あまり自由は無かったと思うのです
そこで今回は、自分好みのカスタマイズをしたいという時に使える基本操作をお伝えします

こういうの作ります
bandicam 2015-04-24 10-53-45-708
周りの白いぼかした枠は、オマケです

まず、文字の入力

「ファイル」→「新しい画像を作成(幅:400px 高さ:160px)」で、新規キャンパスを開いて
「編集」→「描画色(黒)で塗りつぶす」で背景を黒色に塗りつぶす
【テキスト】ツールでキャンバスのどこかに文字を書いてください
ちなみに、黒で書くと見えないので、あらかじめ色は白にしておいてくださいね
(フォントサイズは何でもOK、ここでは60px にしました)

↓で、こんな感じ↓
bandicam 2015-04-24 10-53-54-996

↓ 文字にグラデーションを掛ける為、
レイヤーパレットから「透明保護」にチェックを入れてください↓
bandicam 2015-04-24 10-54-09-626
グラデーションのカスタマイズ
【ブレンド】ツールを選択して、グラデーションをカスタマイズします

グラデーションの作成

グラデーションパレット(右側)にある、
「新しいグラデーションを作成する」をクリック(赤い囲みの部分)
bandicam 2015-04-24 10-54-19-873

グラデーションエディタが開きます。(下図参照)
・赤枠内が「メニュー」
・黄枠内が、色を選択するパレット
・水色の矢印がセグメントの移動
bandicam 2015-04-24 10-54-32-352

では、グラデーション左側の色を変更してみましょう。正確に変更するなら、まず描画色の変更を行います
bandicam 2015-04-24 10-54-43-781
グラデーション色を取り込む際、描画色(背景色)をあらかじめグラデーションに使う色に変更しておくと便利です
今回は、描画色(#008ee8)、背景色(#ffffff)としてみます(何でもOK)

グラデーションエディタに戻り、
「グラデーション編集メニュー」→「左側の色の読み込み元」→「描画色」
で、先ほど設定した描画色に切り替わったかと思います
bandicam 2015-04-24 10-54-50-810
↑ こんな感じに変わっていたらOK ↑

グラデーションの右側を変更する際も、上記の方法と同様です
ツールオプションで、下記の設定を行います
bandicam 2015-04-24 10-54-59-577
形状:双線形   反復:ノコギリ波
この他にも色々なタイプがあります
一つ一つ試してみると感覚が掴めて良いです

上記の設定をしたら、
下図のように、右上から左下に、マウスを少しだけドラックしてみましょう ↓
bandicam 2015-04-24 10-55-10-744
今回、解説書ではこんな柄になりましたが、ドラックの微妙な加減で様々な柄に変化します

周りに白いぼかしを加える

引き続いて、「レイヤー」→「透明部分」→「不透明部分を選択範囲に」
を「Gradients」の文字の部分を選択状態にします「

「選択」→「選択範囲を拡大」→「5px」
「選択」→「境界をぼかす」→「5px」

新規レイヤー(透明)を追加して、レイヤー名を「ぼかし」とします
描画色を白色にしておいてください。(白のブラシで描く為)

【ブラシ】ツールを選択して、ツールオプションの設定を行います
・ブラシ:Circle Fuzzy (17)
・拡大・縮小:10.00
bandicam 2015-04-24 10-55-19-124

ブラシをランダムに描いていきます
bandicam 2015-04-24 10-55-25-879
描き終わったら、、、「ぼかし」レイヤーを一段下げます
右図にある緑の矢印をクリックすれば、「Gradients」レイヤーの下に下げることが出来ます

bandicam 2015-04-24 10-55-34-276

白のぼかしが“濃い”な、と感じたらレイヤーパレットから不透明度を下げてみましょう
ここでは、「70%」に下げてみます
bandicam 2015-04-24 10-55-42-442

最後に、選択を解除して(「選択」→「選択を解除」)完成です
bandicam 2015-04-24 10-55-55-158

このやり方も最初は難しいかもしれませんが、覚えてしまったら、後の作業がとても楽ちんになりますよ^^


  • このエントリーをはてなブックマークに追加

関連記事

コメント

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

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

管理者:ジミィD

⬛「自分らしさ」を武器にITビジネス系の情報発信しているメディアワーカー

⬛そして元声優なアニヲタ

⬛自由と非凡がテーマなバイク乗りで、会社に頼らず生きる考え方と、趣味の事を中心に呟いてます。

⬛Amazonにて 【雇われずに生きるガイドブック】 を上下巻同時出版。ブログランキング1位記念で↓↓から期間限定で無料配信中

電子書籍無料ダウンロードへ

著者略歴

最近の記事

LINE@登録へ

友だち追加数

LINE@で友だちになってくれた人、限定のプレゼントも用意していますので是非是非、申請してくれたらと思います。

友だち申請特典の詳細はこちらへ

是非ポチッてみてください

ページ上部へ戻る