アメブロdeアクセスアップ

アメブロビズ2ヘッダー画像に素敵なロゴを追加してみましょう。 | アメブロのテンプレートやツールを使って、アクセスアップする方法やアメブロカスタマイズの方法をご紹介します。


テーマ:アメブロビズ2(AmebloBiz2)

アメブロのカスタマイズで、一番目立つところ。
それは、ヘッダー画像ですよね。
このテンプレートは、アメブロビズ2(AmebloBiz2)で、
作成しているんですが、このヘッダー画像にロゴを飾って
ステキにしてみましょう。

 

 

 

 

 

画像加工は、誰でも通る道です。

 

 

オリジナルなヘッダー画像は、ちょいと憧れですよね。

 

テンプレートも美しいものに着替えたら、
ヘッダー画像にも、ちょっとだけオリジナル感をだしてみましょう。

 

 

アメブロビズ2(AmebloBiz2)は、ヘッダー画像を
自分でアレンジするようにできているんですね。

 

 

むしろ、素敵なヘッダー画像にちょっとかっこいい感じの、
ロゴを追加してみましょうよ。

 

それだけでも、オリジナル感は、満載です。

 

 

画像加工のソフトは、もちろんフリー(無料)ものを使います。

 

 

誰でも、簡単にできるように解説していきますね。

 

 

hana2作業手順

 

まず、ヘッダー画像をダウンロードします。

 

アメブロビズ2(AmebloBiz2)は、ワードプレスとアメブロと、
お揃いのテンプレートなので、ヘッダー画像も同じです。

 

 

今回は例として、アメブロビズ2の画像を使いますが、
他の画像でも大丈夫ですので、ぜひともお持ちの画像で作成してみて!!

 

 

アメブロビズ2を作成すると、【WP】【ameblo】と、二つのフォルダが作られます。

 

そのWPフォルダの中の【images】というフォルダの中に、
【header.jpg】という画像があるので、その画像を使います。

 

画像加工ソフトは、【Inkscape(インスケープ)】という画像ソフトを使用します。

 

 

このソフトは、ドロー系(グラフィックスソフトの一種で、
点と線、円などの図形で絵を描くタイプのソフトウェアのことです。)で、
あまり聞きなれない方もいらっしゃるかと思いますが、
とっても簡単に画像の加工ができます。

 

これをちょいと使いますね。

 

【Inkscape(インクスケープ)】のダウンロードは、こちらです。
Inkscape 公式ダウンロードサイト

 

 

 

インクスケープを立ち上げたら、ヘッダー画像(用意してあるもの)を
ドラックしながら、移動します。

画像の移動

 

そうすると、画像が反映しますね。

図のように、右下に、【Z】という部分がありますので、
小さいようであれば、画面を大きくしてくださいね。(100%で実物大です。)

こんな感じね。

 

画面の調整

 

そのままの状態で、ロゴを作成します。

 

インスケープでもいいのですが、
使い慣れていない方もいらっしゃるので、ワードで作成します。

 

 

ワードのメニューの部分から、【挿入】選ぶとリボンの部分に、
【ワードアート】という文字を加工するツールがありますので、
そこから、好きな文字スタイルを選んでクリック。
※あとから、変更も可能です。

ワードアートで、ロゴを作成

 

文字スタイルの変更

 

ロゴをコピーする

 

【ここに文字を入力】と表示されるので、ブログのタイトルを入力していきます。

 

 

 

 

 

 

 

自分の好きな感じのロゴが完成したら、
それをコピー(control+C)します。

 

そのまま、インクスケープに戻って、貼りつけます。

ロゴが貼りついたところ

 

貼ったロゴを、好きな場所に移動させましょう。
(目立つところでも、どこでもお好きな場所にどうぞ!!)

 

 

 

画像のグループ化

 

 

 

図のように、二つの画像を選択して、グループ化し、一つの画像にします。

 

 

いよいよ保存ですよ。(もうちょっとです)

 

 

画像を選択したまま、ファイルから【ビットマットにエクスポート】選択します。

 

画像を保存する。

 

 

 

 

画像を保存する2ファイル名と、保存場所を決めて【エクスポート】をクリック。

 

 

 

 

 

 

 

 

 

 

 

 

ヘッダー画像と自分で作成した、
ロゴが一体となった、画像ができあがりましたね。

 

 

 

 

illust2012_thumb

 

 

お疲れ様でした。

 

 

 

この画像をヘッダーとして、アメブロにアップロードし、
CSSの変更をすれば、オリジナルヘッダー画像として、
使うことができます。

 

こうやって、図で説明すると長く感じますが、
やってみると、以外に簡単にできます。

 

 

今回は、私のいつもやっているやり方で作成しましたが、

自分の好きな画像ソフトや、ロゴ作成ソフトなどを使って、
ぜひオリジナルなヘッダー画像を完成させてくださいね。

 

 

 

テンプレートデザイン・カスタマイズのこと、アクセスアップのこと、
アメブロのことならお任せあれ!

Copyright © アメブロdeアクセスアップ All Rights Reserved.