名探偵コナン は大人も子どももみんな大好き。そんなコナンのちょっと気になるタイトル文字。この フォント は何だろう？探してみましたが見つからないので作ってみました。
この記事では、名探偵コナン風のタイトルを Adobe Illustrator を使用して簡単に作成する方法を紹介しています。
公式サイト読売テレビ名探偵コナン
コナン風タイトル文字を作るのに使ったアプリと機能
- 使用アプリ：Adobe illustrator CS
- 機能：パターンブラシ
とても簡単にできます。
使用アプリの Adobe Illustrator CS は古いバージョンで最近のCCとは使い方が違う可能性があります。
その辺は上手くアレンジしてやってみてください。
コナン風タイトル ベースのフォント選び
名探偵コナンのタイトルは上記の画像のような感じで文字の所々がトゲトゲに欠けています。
トゲトゲに欠ける処理は後回しにしてベースとなるフォントを探しました。
等幅で払いの部分だけ明朝のように抑揚があるフォント。
そんな都合の良いフォントは見つかりませんでしたw
しょうが無いのでOsakaで代用。
ベースのフォントは各々用意できる好きなものを使用してください。
名探偵コナン (風)
タイトル文字を作成する方法
ここからは具体的に作成方法を説明していきます。手順はおおまかに以下の通り。
- 文字を打つ
- トゲトゲのパターンを作成
- 文字に適用
- 不要なトゲトゲを削除して完成
トゲトゲをどうやって簡単に作るかがポイント。
文字を打つ
まずベースとなる文字を打ちましょう。
ここではOsakaというフォントを使用しています。もちろんOsakaでなくても大丈夫。できるだけ似たフォントを使ってください。
文字はアウトライン化しましょう。
テーマが古いw
トゲトゲはパターンブラシで再現
特徴的なトゲトゲはパターンブラシで作ります。
今回は2種類のパターンブラシを使いランダム感を出しました。
パターンはひとつでもOK
ひとつのほうがシンプルで見やすくなります。
上記のように2種類のトゲトゲを用意してパターンブラシとして登録します。
画像はわかりやすくするために、選択した状態です。
パターンを文字に適用する
ベースの文字をコピペで3つ用意し2つにパターンを適用します。
- ベース文字（塗り/黒）
- パターンAを適用した文字（塗り/黒・線/白）
- パターンBを適用した文字（塗り/黒・線/白）
トゲトゲパターンを適用した文字は塗りを黒、線を白に設定。
太さはフォントや文字サイズによりあわせて調整してください。
3つのタイトル文字を重ねる
ベース文字を背面に送りトゲトゲパターンAとBが上になるようにします。
3つのタイトル文字を重ねてトゲトゲパターンAとBの塗りを無しにします
不要なトゲトゲを削除
重ねた文字を見ると文字の中に入りこんでしまったトゲトゲや密集しすぎている箇所のトゲトゲを削除します。
全体を選択して アピアランスの分割。
ダイレクト選択ツールで不要なトゲトゲを一つずつ削除してください。
消した状態↓ 処理前↑と比べてみてね
コナンのタイトルは黒バックなので色を変更してルビをつけたら出来上がりです。
・背景に黒い四角、ベース文字は白、トゲトゲは線色を黒
あとがき
トゲトゲの大きさや間隔のバランスを変更すればもっとコナンタイトルに近くなると思います。
この記事のタイトル画像に使われているものはベースフォントにメイリオにして更にコナンぽく改良したものです。
イラレ操作ができる前提で書いているので「ここをもう少し細かく！」とか要望があればコメントください。
以上、コナン風タイトル文字を作って見た。
