記事を探す方はサイトマップへ

WordPressブログのオシャレな無料ロゴ画像作成ならLogo Maker

どうも、マクリン(@Maku_ring)です。

WordPressでブログを書き始めて1ヶ月と10日が経ちました。

ぶっちゃけいまだにHTMLもCSSもよく分かっていません……。

ですが「新人っぽくないデザイン」にするため、とにかく色々なブログデザインを見て、良さそうなものは取り入れました。

そんなわけで今回の記事は「Logo MakerとPhotoScapeを使ったおしゃれなロゴ画像の作成方法」について書いていきます。

 

 

 

とても簡単にオシャレなブログ用アイキャッチ画像を作成する方法
弱小ブログでもSEO対策の基本で検索順位を上げる方法:ものくろキャンプ
WordPressでブログを50記事書いたので振り返り:PV数を増やすために行った4つの事

独自性を出すならやっぱり手書き

たとえばヘッダー画像のこちら。

 

 

こなれた感を出すのにだいぶ役立っています。

もしこれが落ちてる画像をそのまま使っただけなら、オリジナリティが出しづらいです。

※ちなみに画像はぱくたそからもらっています。

 

マクリン

既存の画像に手書きのタイトルを組み合わせるだけで、いい感じにこなれた感が出るのです!

 

手書きタイトルはヨメに書いてもらいました。

マクリン

ヘタすぎずウマすぎず絶妙な感じで!

僕の無茶ぶりに見事に応えてくれています。

ヘッダー画像の勢いでごまかしていたのですが、実は最近までヘッダータイトルがテキストのままでした。

そろそろ「ヘッダータイトルをロゴ画像に変えたい」と思っていました。

偉人たちのブログを見ていると、みんなオリジナルのロゴを持っている人が多くて「ええな〜! カッコええな〜!!」とうらやましかったのです。

僕がリッチピープルなら、センス高めのデザイナーに数万払って「ええ感じの作っといて!」となるのですが、そこはしがないサラリーマン。

タダで済ませなくてはなりません。

というわけで、無料ソフトを使うことにしました。

 

 

 

無料ロゴ作成ツール「Logo Maker」

今回僕が使ったロゴ作成ツールをご紹介します。

 

 

その名も「Logo Maker」です!

海外のサービスなので英字ロゴにしか対応していません。

オシャレに見せたい僕にとってはむしろ好都合でした。

上から業種をえらんでロゴ名入れて「Make a Logo」ボタンを押すだけです。

そうすると候補のロゴをずらりと出してくれます。実にシンプル。

 

 

ものすごい数の候補を出してくれるので選出が大変です。

予め「こんなのがいい!」というイメージをもって選ぶといいでしょう。

僕の場合は「頭が活性化していく感じのデザイン」を探していました。

 

マクリン

結局、脳内メーカーみたいなデザインになっちゃいましたが……

 

候補のロゴが見つかったら、色やフォントを編集するので「Edit Logo」を選択します。

編集画面に入ります。

 

 

編集画面は直感的ですごく使いやすいです。イラスト部分の色も変えられます。

なぜかフォントの種類も実にたくさんの中から選べます。

編集そっちのけで珍しいフォント探しをしていたらこんなものを見つけました。

 

 

その名も「Ninja Naruto」フォント!

 

マクリン

NARUTO人気おそるべし……!

 

少し迷いましたが、ブログの雰囲気にそぐわないのでやめました。

今回は「Audiowide」というスタイリッシュなフォントにしました。

 

 

フォントは奥が深すぎてなにが正解か分かりません……。

名刺も作れますが、今回はロゴだけなので「Not Right Now, Just Save My Logo!」を選びましょう。

 

 

脳フィーチャーのデザインだからか、名刺になるとちとコワイ。

そして出来上がったロゴデザインを保存して完了です。

 

 

ちなみに無料だとpngイメージかつ小さいサイズでしか保存できません。

3,500円払うとそこらへんの融通が効きますが、特に困らないのでスルーして大丈夫です。

ということで、完成したロゴデザインがこちら。

 

 

飽き性なのでまた変更するかもしれません。

 

 

 

オリジナルロゴと手書きタイトルを組み合わせよう

せっかくだからオリジナルロゴとオリジナルテキストを組み合わせてみたくなりました。

偉大な先人たちのブログは、だいたいその組み合わせだったからです。

いろいろ視察した結果、以下の構成で行くことにしました。

 

 

サイト名はヘッダー画像のものを使いまわすことにしました。

キャッチフレーズの手書きロゴはマテリアルがなかったので、またもやヨメに書いてもらいました。

 

 

いろいろなパターンで書いていただきました。

下から三番目に決定!

三つのマテリアルがそろったのでこれらを合体することにしました。

 

マクリン

ここでPhotoshopを使えたらカッコいいのですが、そこはしがないサラリーマン……。

 

無料ソフトで済まします。

Photoshopほど高機能ではないですが、なかなか使えるソフトがあります。

それが「PhotoScape」です!

 

 

このソフトも直感的で使いやすいです。

しかもできることがなかなか多い。

今回は結合するので「結合」をクリックします。

 

 

まずはマクリンロゴを画面上にドロップ。

ロゴの背景色を白からヘッダー色の「ライトシーグリーン」に変更して保存します。

そしてロゴとサイト名の手書きマテリアルを合体します。

 

 

マクリン

いや〜、めっちゃ簡単ですね〜!

 

「ロゴ+サイト名」画像を保存したら、最後はいよいよキャッチフレーズ画像と結合です。

 

 

画像の結合方向が下なので今度は「下」タブを押してから、画像ドロップで完成です。

 

マクリン

僕のやりたい画像編集レベルなら、ぜんぜんPhotoshop要りませんね!

 

少しは「こなれた感」が出てきました。

 

 

 

 

まとめ

今回の記事は「Logo MakerとPhotoScapeを使ったおしゃれなロゴ画像の作成方法」について書きました。

ようやく待望のオリジナルロゴ画像が設置できました。

ちなみに最近、プロフィール画像やファビコンも手書きイラストに変えました。

サイトに温かみが出てなかなかいいものです。

今後はさらなるオリジナリティ向上のため、そろそろCSSを真面目に勉強しようと思っている今日この頃です……。

どうも、マクリンでした。

 

 

 

とても簡単にオシャレなブログ用アイキャッチ画像を作成する方法
弱小ブログでもSEO対策の基本で検索順位を上げる方法:ものくろキャンプ
WordPressでブログを50記事書いたので振り返り:PV数を増やすために行った4つの事