デザイン知識ゼロでもロゴマークを作る方法

筆の画像 フリーランス道
スポンサーリンク

平素よりお世話になっております。みつをです

先日、自転車を整備しブーツも奥にしまい込んだのに予想外の雪が振ってしまいました

もう全身夏タイヤにしたんですけど

今回はデザイン知識ゼロの僕がブログのロゴマークを作成した手順の紹介です。

難しいことは全くありませんので、作成に迷っている方は是非参考にしていただければ幸いです

とりあえずLOGASTERを使ってみましょう

僕はこのブログを立ち上げた当初、特にロゴマークも無くヘッダー部分に

フリーランスみつを

と書いてあるだけのサイトでした

なんだか味気ないですし、これからweb制作で稼いでいくのならある程度は自分で何でもできるようになりたいです。

ロゴ作成、マーケティングまで何でもできるwebデザイナー。いいですね
剣も魔法も使えるキャラみたいでワクワクします

しかし僕には絵心も制作の経験もありません。美術の評価は2でした

10分ほど考えましたが微塵もアイデアが浮かびません。気が付けばお昼ご飯の焼きそばを作り始めていました

埒が明きません。とりあえず検索してみましょう

「ブログ ロゴ 作り方」

するとどうやらLOGASTERという無料でロゴが作れちゃうサービスがあるみたいです。
待ちきれないよ、早くやらせてくれ!

社名とカテゴリーを選ぶ

手順に沿って進めていくだけなので1分くらいでデザインが出てきます

1.公式ページにアクセスし、無料でお試しをクリック

2.会社名(ブログ名)、ビジネスタイプ(カテゴリ)の選択

この時「スローガンを追加」をクリックすると、下記のようにスローガンを入力する項目が表示されます。
ちょうどブログのサブタイトルのように作成されるので僕は利用しました

スローガンは必要なければ空欄で大丈夫です。では「次へ」をクリック

気に入ったデザインを選ぶ

では「次へ」を押した後の画面です

すげええええええええ!!! ”それっぽい”デザインが自動的に作られちゃってます

しかも10ページ以上あります。すっごい

僕の場合、「スローガン」が長すぎたせいで文字がとても小さくなってしまっていますね。
細かい部分は後で編集できるので、大体イメージと近いものを選んで「次へ」

編集

「次へ」を押すと「ロゴデザインの編集」画面になります。

アイコンを別のものに変えたり、位置をずらしたり細かい編集が必要な場合は
左下の「ロゴデザインの編集」をクリックしましょう

すると文字の位置や大きさ、アイコンまで変更できる編集画面になります。

気のすむまで弄りましょう。
僕はアイコンを横に移動し、スローガンを大きくしました

あとはダウンロードすれば完了です。 大きなサイズのものは有料になっているので必要に応じてどうぞ

3000円台なので外注するよりよっぽど安いですね

マークもオリジナルのものを作りたい

編集時間も含めおよそ3分ほどで素敵なロゴマークができました

このままでも十分使えるレベルなのですが、ここまできたら…

マークも自分で作りたい

ですよね? パソコンのマークの部分を自分で作ってしまおうという話です

まぁ無理だった諦めるとしてとりあえずやってみましょう。

まずは検索して情報収集です。
今回はひとり広報さんの記事を参考にさせていただきました

紙に連想される単語、キーワードを書き出しましょう

なんでも、書いていくことで頭の中が整理されるそうなので手書きするのがオススメみたいです

行き詰った時に全体を見返して新たな発想が浮かびやすいというメリットもあるみたいですね

いま僕の中に浮かんでいるイメージは

・動物をモチーフにしたい
・フリーランスになりたい人に読んでほしい

こんなところですかね。 では書いていきましょう

ちょうど学生の頃使っていた、数学の時間にとりあえず開いておく用のノートがありました。
開いておくだけなのでまだ半分以上空白のページです

上にあるのは好きな動物です

根幹である「フリーランス」の単語からは連想ゲームのように他の単語を書き出してみました

眺めて考えましょう。うーむ………………………!!!

手書きノートの画像

「ねずみ」と「底辺」…なにか繋がるものがありますね

ということでドブネズミをモチーフにアイコンを作ることに決定です

早速ねずみを書いて、また全体を眺めてみましょうか

手書きのねずみ

うーん… 何か悪だくみを企んでそうなのは連想できるのですが…なにこれ?

僕からこれ以上のねずみは望めそうにないので、画像検索をして見ながら書きましょう

ネズミの画像

こんなもんですね。

ねずみを見ていると、

尻尾をみつをのMにして、先を上に向けることでチャレンジ精神を表そう

というのが浮かんだので書いてみました。いやぁ手書きするのってすごいですね

尻尾はいいとして、耳や体の部分が寂しいですね。
また全体を眺めてみましょう……..

フリーランスから連想した言葉として自由→という単語がありました

なので耳の部分を太陽にしましょう。いい感じですね

書くとこんな感じでしょうか

ネズミの画像

決まりですね。あとはデジタルで再現するだけです

ただ僕には絵心が無く、今から勉強するにもかなり時間がかかりそうです

そこで今回はフリー素材を加工して作ることにしましょう。

SILHOUETTE ILLUSTさんから”ねずみ”と”太陽の”イラストを拝借します

フリー素材を扱う際は必ず利用規約をすべて読んでから使いましょう。
加工OKといっても、切り取りはNGなど細かく定められている場合もあります。

そして完成したのがこちらです

様々な意味を込められたので非常に満足のいく出来になりました。

自分で描画した尻尾の部分はなんかガタガタしてますが

というわけでドブネズミくんの誕生です

ドブネズミ君
ドブネズミ君

こんにちは

吹き出しのドブネズミくんは丸く収まるように尻尾の位置をずらしました。
どこから生えてんだよ

というわけでデザイン知識ゼロからオリジナルロゴマークを作ることができました。
やはり検索は無敵ですね

これからブログを始める方なども参考にしていただけると嬉しいです

それでは次の記事で

コメント

  1. けんた より:

    みつをさんのブログ拝見しました。とても惹き付けられる文章ですね。
    コールセンターから、独学でプログラミングへの道を目指す
    とっても素晴らしいと思います。
    私は、コールセンター(発信)を3日でやめたものなので、、
    室蘭より応援してます。

    • mituwo mituwo より:

      お褒めの言葉をいただき光栄です。

      僕も初めてのコールセンターは発信だったのですが、1か月程度で辞めてしまいました
      受信と発信の違いについても今度記事にしてみたいと思います。

      応援していただけると本当に励みになります。
      今後もご期待くださいませ