「ブログのロゴが欲しいんだけど、どうやって作ればいいの?」 と思っていませんか?
また、有名なブログのかっこいいロゴやタイトル画像に憧れていませんか?せっかくブログを立ち上げたのなら、自分のロゴを作りたいものです。
今回は、初心者でも簡単にブログのロゴを無料で作成する方法と、作り方のポイントをご紹介します。
初心者でも簡単に無料でブログのロゴ画像を作成する方法
ロゴを作成する方法はいろいろありますが、今回はPhotoshopなどの難しい画像ソフトを使わずに、初心者でも簡単にロゴを作成する方法を紹介したいと思います。
今回使用するのは、以下の2つのWebアプリケーションです。
- Canva(無料版)
- バナースタジオ
ロゴ画像の作成手順は、以下の通りです。
- Canva(無料版)に会員登録する
- Canvaでロゴとファビコンを作成する
- バナースタジオで画像を透過させる
バナースタジオは、画像をいろいろと加工できますので、とても便利です。Canvaと併用することで、無料でできることが増えるのでおすすめです。
有料版のCanvaでは、一気に完成させることができます。30日間無料で試せますので、気になる方はぜひ試してみてください。
ステップ1:Canvaに登録する
Canvaは日本語に対応したデザインツールですが、無料でもかなり使えます。
登録方法は3種類から選べます。
FacebookやGoogleのアカウントを利用する場合は、認証(パスワード入力)するだけで登録が完了します。
メールアドレスで登録する場合は、入力したメールアドレスに送られるコードで認証が完了します。
「個人」を選択し、クリックします。2回ほど無料体験の案内が出ますが、こちらのステップはスキップして 「後で」をクリックします。
ステップ2.Canvaでロゴを作成する
Canvaには、様々なデザインがありますので、好きなものを選んで文字や画像を入れ替えるだけで、あっという間に素敵なデザインが出来上がります。
- 右上の「デザインを作成」をクリックします
- 作成したいデザインのサイズを入力します
- 左のテンプレートから好きなものを選びます
こちらを土台に、あなたのブログにぴったりのロゴを作りましょう。
Canvaでロゴを作成する方法
ブログ名を入力し、フォントを変更します。左の「素材」タブからイラストを選択し、それぞれ色を変更します。あっという間に、ロゴデザインの完成です。
Canvaで自動保存されます。好きなデザインにリネームしてください。完成したデザインをダウンロードします。このあと透明になりますので、ファイル形式はPNGを選びましょう。
ステップ3. 「バナースタジオ」で画像を透明にする
「バナースタジオ」を使って、デザインの周りのイラストやテキストを透明化します。
ブログのロゴは、周囲の色を透明にしておくと便利です。ヘッダーの背景色が変わっても、ロゴが透明であれば作り直す必要がありません。
バナースタジオは、登録やインストールが不要な無料のWebアプリケーションです。オンラインで画像を加工・編集するための無料ツールです。
バナースタジオでできること
- 画像の切り抜き
- 画像の縮小・拡大
- テキストを追加する
- スタンプの作成
- GIFアニメーションの作成
など
Canvaと同様、会員登録なしで利用できます。まず、「バナースタジオ」にアクセスします。
バナースタジオでロゴを作成する方法
- 「画像を選択」
- 横幅を設定(今回は1000と入力)
- 「画像を加工」をクリックする
バナースタジオでロゴを作成する方法について
- 左のメニューから「透明な背景」を選択する
- 透明にしたい箇所をクリックする
- 無事、透明なロゴが作成できる
- 右上の「保存」ボタンをクリックしてファイルをダウンロードすれば、ロゴが出来上る
他にも透明化するツールはありますので、使いやすいものをお使いください。
ブログのロゴを作成する際の3つのポイント
次に、ブログのロゴを作成する際のポイントをご紹介します。
- ブログの世界観が伝わるようなモチーフを使用する
- 文字の形・色で与える印象を意識する
- ロゴの大きさをテーマに合わせる
これらのポイントは、自分でロゴを作るときだけでなく、クリエイターにロゴ制作を依頼するときにも役立ちます。
ブログの世界観を伝えるモチーフを使用する
ブログのコンセプトとは、そのブログが何を伝えているのか?どんなブログであるのか?というテーマ性の部分です。
例えば、動物に関するブログであれば、犬や猫のシルエットをロゴに使用します。例えば、旅行に関するブログであれば、飛行機や電車のイラストを使ったりします。
ブログのヘッダーとロゴは、読者がサイトを訪れた際に最初に目にするものです。ブログのテーマや世界観がひと目で伝わるようなモチーフを使うことをおすすめします。
文字の形・色で与える印象を意識する
文字のフォントや色を選ぶ際は、ブログ全体のイメージに合っているかどうかを意識しましょう。
例えば、フォントの違いによって与える印象は様々です。
フォントが与える印象の例
- ゴシック体:力強い、親しみやすい、目立つ
- セリフ:クラシック、伝統的
- 明朝体:大人っぽい、上品、真面目
- サンセリフ:シンプル、カジュアル
また、色によっても印象は大きく変わります。
色で与える印象の例
- 赤:明るい、エネルギッシュ、パワフル、情熱的
- 黄:華やか、陽気、ユーモア、若い
- 緑:癒し、平和、活力、成長
- 青:知的、クール、誠実、慎重
ブログのメッセージや届けたいターゲットに合わせて、適切な色やフォントを選ぶと効果的です。
ロゴの大きさはテーマに合わせよう
ロゴを作成する際、意外と難しいのがサイズです。
ロゴを作成する場合、jpgやpngなどの画像ファイルとしてアップロードします。よくある失敗が、アップロードしてブログに表示したときに、なぜか画像がぼやけてしまうことです。
画像がぼやけて見える場合は、ロゴの画像を2倍程度に大きくし、設定時に小さく表示するようにしてみてください。
例えば、200×200pxで表示させたい場合は、400×400pxでロゴを作成し、ブログ設定側で縦と横を200pxに設定します。
ただし、Wordpressの場合、使用しているテーマによって適切なサイズや設定方法が異なりますので、うまくいかない場合は「テーマ名+ロゴ+サイズ」などで調べてみてください。
おすすめのロゴ作成サイトを8つご紹介!
サイトの名称 | 特徴 | 価格 |
ONLINE LOGO MAKER | 直感的な操作で簡単に作成可能 | ・基本は無料 ・プレミアム会員登録:29.00ドル (高解像度(2000px)・透明背景・30日間ダウンロード可能) |
Cool Text | ポップなテキストロゴを作成可能で、規定のスタイルから選択 | 無料 |
Logo Garden | 業種に合ったシンボルデザインを使用して、ロゴが作成可能 | ・ロゴ作成(※低解像度):無料 ・ロゴ(※高解像度) |
flamingtext | テキストを入力するのみでロゴを作成可能。色などは後に変更できる | 無料 |
Logo Factory | 設定項目があまりなくて、シンプルで簡単に作れる | 無料 |
LOGASTER | 1分で簡単にプロみたいな品質のロゴを作成可能 | 低解像度のロゴ作成:無料 ・高解像度のロゴ:9.99ドル~ |
YouiDraw | 立体的な図形・美しい陰影を含むデザインを使用可能。 | 無料・9.99ドル/月・99.99ドル/年 |
LOGOTYPE MAKER | 英語専用のロゴの自動生成サービス | 0~149ドル |
直感的な操作で簡単にロゴを作成可能「ONLINE LOGO MAKER」
ONLINE LOGO MAKERでは、直感的な操作で簡単にロゴを作成することができます。
サイトについて
ONLINE LOGO MAKERは、無料で簡単にロゴを作成することができる英語サイトです。日本語にも対応しており、直感的な操作で簡単に利用することができます。豊富なフォントや素材が用意されています。
ポップなテキストロゴが作成できる「Cool Text」
サイトについて
「Cool Text」は、124種類のロゴスタイルからお好みのスタイルを選びましたら、入力したテキストをそのスタイルに変換してくれる無料サイトです。フォントは1,900種類から選ぶことができます。
業種別デザインロゴ「Logo Garden」
サイトについて
Logo Gardenは、様々な素材を使って無料でロゴを作成することができる英語サイトです。有料登録すれば、このロゴを使った名刺やTシャツ、スマートフォンケースなどのデザインも可能です。
設定項目があまりなく、シンプルで簡単に作成可能な「Logo Factory」
サイトについて
「Logo Factory」は、画像、タイトル、サブタイトルを設定することでロゴを作成できるサイトです。
テキストを入力するだけでロゴを作成することが可能「flamingtext」
サイトについて
flamingtextは、テキストを入力しましたら、いくつかのスタイルに加工してくれるロゴ作成サービスです。スタイルには、色や塗り、グラデーションなどの設定を加えることができます。
1分でできるロゴ作成サービス「LOGASTER(ロガスター」
サイトについて
「LOGASTER」は、プロ品質のロゴマークや名刺を数分で作成できるサイトです。社名と業種を選択するだけでロゴを自動作成する、使い勝手の良いサービスです。
また、「YouiDraw」を使えば、立体的な形状や美しい陰影を含んだデザインを作成することも可能です。
YouiDrawは、英語ロゴに対応した高品質な有料ロゴ作成サイトです。日本語も選択可能ですが、書体はゴシック体のみ指定可能です。
無料でも利用できますが、ウォーターマークが含まれ、GoogleやDropbox、メールアドレスでのログインが必要です。
英文ロゴを自動で生成する「LOGOTYPE MAKER」
サイトについて
LOGOTYPE MAKERは、英語専用のロゴ作成サイトです。テキストを入力しましたら、ロゴが自動生成されます。生成されたロゴは、後から編集することができます。
コメント