ブログ

【GIMP】画像編集講座 バナー広告を作ろう

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

bandicam 2015-04-24 21-53-04-104

どうも、僕です。ジミィです
今日もGIMPの使い方について学んでいただきましょう

ブログ等に貼るためのリンクバナーだって、割と手軽に作れちゃいます
そう、GIMPならね(笑)

こういうの作ります
bandicam 2015-04-24 21-35-08-663

幅:468px 高さ:60px のバナーを作ります

まず、以下のフリーフォントを説明で使いますので、
よろしければGIMP を起動させる前に(起動時にフォントの読み込みを行う為)インストールしておいて下さい

・DALI  http://web.me.com/ijifunet/hyper/ijifudali.html
・Dingsbums Bats  http://www.dafont.com/dingsbums-bats.font

「ファイル」→「新しい画像を作成(幅:468px 高さ:60px)」 で新規キャンバスを開きます
【テキスト】アイコンで左端に文字を書きます
・フォント:Dali
・大きさ:65px
・色:#ff388c
bandicam 2015-04-24 21-35-28-252

イメージ風フォント「Dali」を使うと、↓このような絵が出来上がります
bandicam 2015-04-24 21-35-42-232

新規レイヤーを追加します

(透明)(「レイヤー」→「レイヤーを追加」でもできます)
bandicam 2015-04-24 21-35-54-856

ツールボックス中にある【ブラシ】アイコンを使って、吹き出しを作ります
・ブラシ:Circle(01)
・描画色:#ff388c
bandicam 2015-04-24 21-36-06-334
bandicam 2015-04-24 21-36-12-912

吹き出しの中に【テキスト】アイコンで文字を書きます
bandicam 2015-04-24 21-36-15-525

「レイヤー」→「レイヤーを追加(透明)」で新規レイヤーを追加し、レイヤー名を「バック1」とします
【短形選択】アイコンを選択して、右端に長方形を描いて下さい
bandicam 2015-04-24 21-36-18-599

【塗りつぶし】

アイコンを使って選択範囲を塗りつぶします
その際、ツールオプションで塗りつぶし方法は「描画色塗り」、塗りつぶし選択範囲は「選択範囲を塗り
つぶす」に設定しておいて下さい
bandicam 2015-04-24 21-36-29-412

右端に【テキスト】アイコンで文字を書きます
文字サイズやフォントは何でも構いません。色は白にします
bandicam 2015-04-24 21-36-37-842
↑「きっと良いものが見つかる!」と「○○ショップ」という2つのレイヤー構造になっています

さらに【テキスト】アイコンで文字を書いていきます
・フォント:Dingsbums Bats
・大きさ:25px
・色:#000000
bandicam 2015-04-24 21-36-50-127
bandicam 2015-04-24 21-37-02-247
↑今回はロゴ的な役割にフォントを使ってみました

バナーに外枠を付ける

「背景」レイヤーを選択してください
選択したら、「レイヤー」→「透明部分」→「不透明部分を選択範囲に」
の順にクリック
bandicam 2015-04-24 21-37-13-538

「選択」→「選択範囲を縮小」
・選択範囲縮小量:1px
縮小が終わったら、また上のメニューから
「選択」→「選択範囲を反転」します

「レイヤー」→「レイヤーの追加(透明)」で新規レイヤーを追加して、
レイヤー名を「外枠」としてください
bandicam 2015-04-24 21-37-24-376

描画色は「#747474」
bandicam 2015-04-24 21-37-34-907

塗りつぶしアイコンで、選択範囲を塗りつぶします

画面では確認しづらいですが、
矢印に挟まれた部分に幅1px の選択範囲があります
bandicam 2015-04-24 21-37-53-511

最後に、「外枠」レイヤーが一番上に来るように、
左図のボタンを、上に来るまで何度かクリックしましょう
bandicam 2015-04-24 21-38-05-863

出来上がり♪
bandicam 2015-04-24 21-35-08-663


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

関連記事

コメント

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

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

管理者:ジミィD

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

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

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

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

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

著者略歴

最近の記事

LINE@登録へ

友だち追加数

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

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

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

ページ上部へ戻る