GIMPでヘッドバナーを作ってみよう!【動画説明あり】

 

オリジナルのヘッドバナーは他のブログと差別化するためにも作ったほうがいいんですが、始めたばっかりだと作り方がわからなかったりしますよね。

なので今回はGIMPをつかったヘッドバナーの作り方をわたしのブログのヘッダー画像をサンプルにして少し説明していきたいと思います。

 

まずは元画像、この場合「うし」「家」「足跡」「背景」なんですがこれをフリーの画像素材から自分のイメージに合うものを探してきます。

ぱくたそ

イラストAC

写真AC

 

使っている方も多いこの3箇所、例にもれずわたしも使っています^^

 

バナーを作ったり、ヘッダー画像を作ったりっていうのはイメージを明確にする必要があって、そのイメージをハッキリさせるのとイメージ通りの画像を探し出してくる作業が一番たいへんです。

ヘッダー画像を作るときは基本的に透過した画像をレイヤーとしてのせていくだけなんですが、その他にちょうどいい大きさに拡大・縮小したり向きを変えたり、などの作業があります。

今回使うGIMPの機能はこの6コ↓と背景の透過、切り取り、レイヤーの複製です。

gimp3

できるだけひとつづつ説明しながら作ってみたいと思います。

 

ヘッダー画像の大きさは使っているテンプレートによって違うので確認して作ってくださいね。

ちなみにわたしが使っている「THE WORLD」のテンプレートは幅950pxで、高さは自由に変えられます。このブログのヘッドバナーの高さは360pxにしてます。(現在はSANGOというテンプレートに変更してます)

 

背景を透過したレイヤーを重ねるのが出来ると写真の合成なんかもできたりするので画像加工の幅が広がりますね^^

 

この動画とったとき子供が寝てたっていうのもありましてかなり小声になってしまいました(^_^;)

そしてなんか たどたどしいですねぇ。喋るのが苦手なんですよね、そもそも。

 

じゃあなぜに動画?というツッコミはさておきちょっとでもご参考にして頂けましたらです^^

20 COMMENTS

りつき

さゆこさん

こんにちは、りつきです。

す~ごく、分かり易かったですよ!
そして、またあの可愛い声が
聞けて嬉しかったです♬
(あ!可愛いっていうと、
 さゆこさん怒りそう(笑))

動画撮影は、もうオテノモノ
ですね!ステキです☆

さゆこさん、ありがとうございました。
いつも応援していますよ~!

さゆこ

りつきさん、こんにちは!

動画はまだまだ不慣れで
あれ、何度かとりなおしてるんですよ。

緊張で噛みまくりです(^_^;)
応援ありがとうございます^^

成功確率0パーセントを50パーセント以上にアップする方法@エンタメ

さゆこさん

こんにちは^^
エンタメです。

ヘッダー画像って普通のものだと
全く記憶に残らず誰も立ち止まってくれない。

でも、個性的なヘッダー画像ほど、
思いっきり注意を惹くことが出来るので、
まず訪問してくれた人を止まらせる効果もあるね。

ヘッダー画像は無料でも有料でも作れるけど、
いかに個性を出すかがとっても大切かも。

今後共宜しくお願いします。

エンタメ

さゆこ

エンタメさん、こんにちは!

ヘッダー画像はつくるとき
どんなデザインにするかなど
考えるのにとても時間がかかりますね。

そしてヘッダーを変えると
背景など、その他の部分も変えたくなってしまいますね(^_^;)

いつもありがとうございます^^

みりん

さゆこさん、こんにちは♪
みりんです。

GIMPの動画、拝見しました。
やさしい声ですね~^^
うらやましいです。

お子さまが近くで寝ていると、
いつ、置きだすかと、
ハラハラするでしょうね^^

動画を撮る時って、緊張しますよね♪
私も、なかなか慣れません(^^;

でも、動画は、本当にわかりやすいので、
これからの動画も楽しみしています~^^

さゆこ

みりんさん、こんにちは!

少しでもわかりやすいようにと
動画を入れていますが
不慣れなせいで緊張でガタガタです(^_^;)

訪問ありがとうございます^^

黒子

さゆこさん、こんにちは!

黒子です。

やっぱり動画解説があるとわかりやすいですね!

特にGIMPとかのツールって、
あれやこれや、あっち触ったりこっちいじったりって
文章だと表現しにくいですもんね;

すっごくわかりやすかったです!

私も動画解説チャレンジしてみよーと思いました。

さゆこさんの柔らかい感じの声、好きです(照)

応援していきまーす!

黒子

さゆこ

黒子さん こんにちは!

動画は文章と画像よりも断然
わかりやすいですよね。

なので今回で2回めの取り入れなんですが
未だに慣れず・・orz
ユーチューバーってすごいなと
心底思いました(;^ω^)

応援ありがとうございます^^

かねこのどか

さゆこさん

こんにちは。
のどかです(‘ω’)ノ

観ながら一緒にやってみました!
と~~ってもわかりやすかったです♪

何かを作成するのは
やっぱり動画の方が分かりやすいですね!!

ありがとうございました(^^♪
応援完了です!!

さゆこ

のどかさん、こんにちは!
>観ながら一緒にやってみました!
>と~~ってもわかりやすかったです♪

ありがとうございます^^
つくって良かったです!

応援もありがとうございます♪

hiro

さゆこさん、
こんばんはhiroです。
動画解説、とても解りやすかったです^^
丁度、作りたい物があったので、
早速、使わして頂きます。
また訪問させて頂きます。
応援ポチ完了です^^

さゆこ

hiroさん、こんにちは!
参考にして頂けたなら
嬉しいです^^

訪問&応援ありがとうございました!

トシカズ

さゆこさん、こんばんは!
さゆこさんの生声、ブログと一緒で可愛いです。
そして、動画での解説は素晴らしいですね!
参考になりました。有難うございます。
応援していきますね。

さゆこ

トシカズさん、こんばんは!

動画での解説は緊張しますね(;^ω^)
参考にして頂けたらうれしいです。

いつも応援ありがとうございます^^

ゆーろ

さゆこさんこんにちは!
ゆーろです
早速記事にしていただいてとても嬉しいです
動画は僕のブログでは取り入れてなかったですが、これかなり分かりやすいですね
僕もやってみようと思いました
しかも声が聴きとりやすい!!

技術のことに関しては
僕の猫さんはもともと背景がないものを使っていたので、透過したことありませんでした
なので透過はあまり意識しませんでしたが
今後必要になってくるので今回学べてよかったです!!
では、要望聞いてくれてありがとうございました!!

さゆこ

ゆーろさん、こんにちは!
他の使い方もこれから
どんどん記事にしていきますね^ ^

少しでもお役に立てましたら
嬉しく思います!

QooAIBO

こんばんは。
こういった説明は動画の方が分かりやすくていいですね。
さゆこさんの生声、とても良かったですよ!

さゆこ

QooAIBOさん こんにちは!

動画での説明ってわかりやすくていい!
と思って取り入れたんですが
慣れないせいか思ってたより大変でした(^_^;)

はしこ

さゆこさん、始めまして^_^

GIMP、やってみたいけど何か難しそう〜って思ってたんですけど、さゆこさんの動画を見たら、できるかも!?
と思えました!!
早速、ダウンロードしてみようと思います☆
最近メルマガも登録させて頂きました♪
楽しみにしています!

さゆこ

はしこさん こんにちは

GIMPはかなり便利に使えますよ^^
用語がわからない場合もよくありますが
使っている人が多いので検索ですぐ答えも見つかります。

メルマガ登録ありがとうございます!
後ほどそちらにもお邪魔しますね^^

現在コメントは受け付けておりません。