ブログやWebサイトを新しく作り始める初心者さんは、デザインや画像加工の知識がない人が多いと思います。（私もですが）
サービスが発達しているおかげでITスキルなんてほとんどなくても、文字入力さえできればブログの運営はできちゃいますもんね。
ただできることならオシャレでオリジナリティのあるデザインのサイトを作りたい気持ちがあるのも事実。
そんな時、いきなりHTMLやCSSをいじってカスタマイズすることは難しいかもしれませんが、ヘッダーに表示するタイトルロゴ画像くらいなら簡単に作れちゃうんです。
ヘッダーは基本的にどのページでも表示されるデザインの根幹部分。ここのタイトルデザインは読んで下さっている方の印象にも大きく影響を及ぼします。
ということで、今回はオシャレなブログのロゴ画像を無料で、世界一簡単に作る方法を説明していきますね。
デフォルト状態のヘッダーと今回作るロゴ画像
私の環境はブログサービスはWordPress、使用テーマはCocoonです。Cocoonのデフォルト状態だとMoney Topicsのヘッダーは上の画像のようになります。
Cocoonはカスタマイズがしやすいようにデフォルトはシンプルな見た目になっているのもあり、ちょっと寂しい感じ。
ちなみにスマホだと上のような表示になります。グローバルメニューがないのと横幅が狭くなるだけでほとんど同じような感じですね。
このヘッダーのブログタイトルを、今回紹介する方法で作ったロゴ画像に差し替えると・・・
こんな感じ。ちょっとオシャレになるよね！
さらにCocoonに実装されているヘッダーのカラー変更を行うとこんな感じになります。ちょっと個性が出てきたかも。
今回使用したロゴ画像は3分くらいでちゃちゃっと作ったもの。すっごく簡単に作れるからぜひ試してみて下さい(*´∇｀*)
ブログのロゴ画像を無料で作る方法
ここからは作り方を説明していきます。まずは以下のサイトにアクセスします。
PCだと上のような画面が出てきます。スマホの場合はNot Supportedという画面になってしまいますが、PC表示に切り替えると問題なくロゴが作成できました。
COMPANY NAMEの欄に自分のブログ名、サイト名を入力して矢印ボタンをクリック。
Search for symbolsの欄に自分のブログ内容にあった語句を入れて、良いシンボルを探しましょう。シンボルはロゴ画像の文字以外のアイコンのようなものです。
私の場合はお金に関連する情報を発信するブログなのでmoneyで検索してみます。IT関連ブログならPCと入れて検索するとかね。PCでも30個以上のアイコンが出てくるので結構たくさんのシンボルが揃っていそう。
シンボルを選んだらTaglineも必要ならば入力します。タグラインは企業やサービスのキャッチコピーみたいなもの。私は今回、「making changes in your life」という文言を追加してみました。
あとは直感的に操作できると思います。ブログ名やタグラインをクリックすると、フォント、文字の色、文字の太さ、イタリック体（文字が斜めになるやつ）が変更可能。
また、シンボルをクリックすると色が変更可能になります。文字もアイコンもドラッグで拡大や移動ができるので自分好みの配置にしましょう。
私はブログ名はGeorgia、タグラインはMontserratというフォントにして、シンボルは右に配置しました。画像ができたら左下の「SAVE LOGO」をクリック。
400px×400pxまでの画像なら画面左側の「DOWNLOAD LOW RES」をクリックすれば、無料でダウンロード可能です。大きいサイズが欲しい場合は右側ですが10ドル必要になります。
以上、ブログやWebサイトのロゴ画像を、無料で世界一簡単に作る方法でした。ぜひオシャレなヘッダーを作ってみてくださいね。
コメント