ブログやWebサイトのロゴ画像を世界一簡単に作る方法【無料】

ロゴ画像アイキャッチ ブログ運営
スポンサーリンク

ブログやWebサイトを新しく作り始める初心者さんは、デザインや画像加工の知識がない人が多いと思います。(私もですが)

サービスが発達しているおかげでITスキルなんてほとんどなくても、文字入力さえできればブログの運営はできちゃいますもんね。

ただできることならオシャレでオリジナリティのあるデザインのサイトを作りたい気持ちがあるのも事実。

そんな時、いきなりHTMLやCSSをいじってカスタマイズすることは難しいかもしれませんが、ヘッダーに表示するタイトルロゴ画像くらいなら簡単に作れちゃうんです。

ヘッダーは基本的にどのページでも表示されるデザインの根幹部分。ここのタイトルデザインは読んで下さっている方の印象にも大きく影響を及ぼします。

ということで、今回はオシャレなブログのロゴ画像を無料で、世界一簡単に作る方法を説明していきますね。

デフォルト状態のヘッダーと今回作るロゴ画像

CocoonデフォルトヘッダーPC

私の環境はブログサービスはWordPress、使用テーマはCocoonです。Cocoonのデフォルト状態だとMoney Topicsのヘッダーは上の画像のようになります。

Cocoonはカスタマイズがしやすいようにデフォルトはシンプルな見た目になっているのもあり、ちょっと寂しい感じ。

Cocoonデフォルトヘッダースマホ

ちなみにスマホだと上のような表示になります。グローバルメニューがないのと横幅が狭くなるだけでほとんど同じような感じですね。

このヘッダーのブログタイトルを、今回紹介する方法で作ったロゴ画像に差し替えると・・・

新しいロゴ画像のヘッダー

こんな感じ。ちょっとオシャレになるよね!

白文字バージョン

さらにCocoonに実装されているヘッダーのカラー変更を行うとこんな感じになります。ちょっと個性が出てきたかも。

今回使用したロゴ画像は3分くらいでちゃちゃっと作ったもの。すっごく簡単に作れるからぜひ試してみて下さい(*´∇`*)

ブログのロゴ画像を無料で作る方法

ここからは作り方を説明していきます。まずは以下のサイトにアクセスします。

https://logo.squarespace.com/

ロゴジェネレーター

PCだと上のような画面が出てきます。スマホの場合はNot Supportedという画面になってしまいますが、PC表示に切り替えると問題なくロゴが作成できました。

ブラウザがGoogle Chromeで機種がAndroidなら、右上の3本の横線が並んだメニューボタンを押すと「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サイトのロゴ画像を、無料で世界一簡単に作る方法でした。ぜひオシャレなヘッダーを作ってみてくださいね。

コメント