ウープスデザインブログ (デザイナーまめこ)

東京都でフリーランスデザイナーをしているイシジマミキのブログです。制作実績やその作り方とか。あと運営しているコワーキングスペース「こけむさズ」に関して。書評などのレビューもします。

タイトルロゴを作ろう!その2:リアルな筆文字っぽいものをIllustratorで作るぞ!

2013年3月22日

「勝手に漢字一文字診断」Facebookアプリ | ウープスデザインブログ (デザイナーまめこ)

こちらの案件をつくったときに工夫した点を取り上げながら、タイトルロゴ作りを解説していきたいと思います。作るの大好きタイトルロゴ!

タイトルロゴはサービスや企業のロゴとは違って作る機会も多く、消費される機会も多いものです。1年とかもっと短い期間で新しくなったりなくなったりします。

これに数日かけて「しっかり作る」ということはあまりしないのではないでしょうか。それでもやっぱりけっこう大切なので短い時間でそれなりに見せたいですよね。

タイトルロゴを作る

今回は「勝手に漢字一文字診断」をサンプルに解説いたします。

漢字といえば漢字検定!

スクリーンショット 2013 01 26 6 31 56

せっかくだから参考画像を意識して漢検っぽい四角を使ってみました。

スクリーンショット 2013 01 26 6 37 32

残りの部分はこれ。「一文字」というのが、アプリ的にも大きなポイントなのでここは特別扱いしたい。

書体を細かく変えています。「一(いち)」と「文字」で違う書体にしているのは優先順位を「一(いち)」のが高くしたためです。

スクリーンショット 2013 01 26 6 38 51

赤色にしました。でもインパクトが足りない「一(いち)」をもっと目立たせましょう。そうすることでアプリの「一文字」診断というのがより分かりやすくなります。

「一(いち)」を丸で囲みました。

スクリーンショット 2013 01 26 6 41 17

ちょっと目立つかな?

でもここまでやるなら「一(いち)」をもっと筆文字らしくしたいですねぇ。

アウトライン化して、バウンディングボックスで変形させます。

名称未設定 1

ぐいーっと。

スクリーンショット 2013 01 26 6 39 59

「一(いち)」が大きくなった。

でもここまでやるなら、もっと筆文字らしくしたいですねぇ。

筆文字を探すのもめんどうなので作ります。

スクリーンショット 2013 01 26 6 50 28

こうするとカンタンにゴミというか傷というかみたいなグランジ素材をGET!できます。探しに行くのめんどうですし、権利関係が不明な無料素材を使うのも怖いのでこういうのも覚えておくといいかもです。

スクリーンショット 2013 01 26 6 52 40

ダイレクト選択ツールにて一部だけ選択し、90度くらい回転しましょう。

スクリーンショット 2013 01 26 6 54 22

それを先ほど作った「一(いち)」にくっつければOKです。

スクリーンショット 2013 01 26 6 54 26

パスでみるとツギハギの様子が分かりやすいですね。

スクリーンショット 2013 01 26 6 33 18

これで筆っぽくなりました!

完成

スクリーンショット 2013 01 26 6 56 35

雰囲気良くなりましたかね?

素材を探したり書いたりする手間が省ける

デザインで時間をとられてしまうのが、素材を探すことです。無料の素材もよく紹介されていますが、それがピッタリ当てはまるケースというのはナカナカありません。

いちいち探すくらいなら、Illustratorプリインストールのものでさくっと作ってしまったほうが楽チンです。

ぜひ試してみてください。

少しでも役だったらシェアしたり、コメントもらえると記事を書くモチベーションが跳ね上がります!

▲ ページ上部へ戻る

4 Responses タイトルロゴを作ろう!その2:リアルな筆文字っぽいものをIllustratorで作るぞ!to “”

  1. @woopsdez より:

    筆文字、インターネットで無料素材探すくらいならまずは自分で作ってみると速いかもよ? // タイトルロゴを作ろう!その2:リアルな筆文字っぽいものをIllustratorで作るぞ! | ウープスデザインブログ (デザイナーまめこ) http://t.co/k7tDtjrH4B

  2. @woopsdez より:

    タイトルロゴを作ろう!その2:リアルな筆文字っぽいものをIllustratorで作るぞ! | ウープスデザインブログ (デザイナーまめこ) http://t.co/k7tDtjrH4B

  3. @ekshinyah より:

    タイトルロゴを作ろう!その2:リアルな筆文字っぽいものをIllustratorで作るぞ! | ウープスデザインブログ (デザイナーまめこ) http://t.co/TTh21h7Tfi

  4. @maritime_color より:

    うお!これ便利!/タイトルロゴを作ろう!その2:リアルな筆文字っぽいものをIllustratorで作るぞ! | ウープスデザインブログ (デザイナーまめこ) http://t.co/FozDpQ6K6T)

Leave a Reply