名探偵コナン｜フォント は何? コナン風タイトルを簡単に作る方法

名探偵コナン は大人も子どももみんな大好き。そんなコナンのちょっと気になるタイトル文字。この フォント は何だろう？探してみましたが見つからないので作ってみました。

大人から子どもまで大人気の『名探偵コナン』。映画の予告やグッズで見る、あの「トゲトゲしたタイトル文字」を見て、「何のフォントを使っているんだろう？」と気になったことはありませんか？

どうやらあの文字は市販されているフォントではないようです。

デザインソフト「Adobe Illustrator（イラストレーター）」を使えば、パソコンに入っているおなじみのフォントを使って、誰でも簡単に「名探偵コナン風タイトル」が作れちゃいます。

今回は、デザイン初心者の方や「これからイラレを触ってみたい！」という方向けに、Adobe Illustrator を使用して「名探偵コナン風タイトル」を 簡単に作成する方法を解説します！

この記事では、名探偵コナン風のタイトルを Adobe Illustrator を使用して簡単に作成する方法を紹介しています。

公式サイト：読売テレビ名探偵コナン

コナン風タイトルを作るのに必要なもの

 使うのは、プロのデザイン現場でも使われている「Adobe Illustrator（通称イラレ）」です。

• 使用アプリ：Adobe illustrator
• 使う機能：パターンブラシ

「プロのソフトなんて難しそう…」と思うかもしれませんが、今回は「文字を打つ」「トゲトゲを作る」「重ねる」の3ステップだけなので、初めて触る方でも大丈夫です！

ステップ1：ベースになる文字を入力しよう

まずは、コナン風にしたい文字を入力します。

今回は、MacやWindowsのパソコンに最初から入っていることが多い「Osaka」や「メイリオ」というフォントを使います。すっきりとした太めのゴシック体を選ぶのが、本物に近づけるコツです。

文字を入力したら、イラレの機能で文字を「図形（アウトライン）」に変換します。

操作方法： 文字を選択して 書式 ➔ アウトラインを作成

これで、文字が自由に変形できる準備が整いました！

ステップ2：あの「トゲトゲ」の部品を作ろう

コナンのタイトルの最大の特徴といえば、文字のあちこちが「トゲトゲ」になっているところですよね。これを1個ず手描きいていくのは大変です。

そこで、イラレの便利機能「パターンブラシ」を使います。今回は2種類のパターンブラシを使いランダム感を出しました。

ステップ3：文字にトゲトゲを適用させて完成！

ステップ1で作った文字をコピーして以下のように準備します。

• ベースの文字（塗り：黒）
• ベースの文字にトゲトゲパターンAを適用（線：白）
• ベースの文字にトゲトゲパターンBを適用（線：白）

この3つの文字を、ぴったり重なるように上に重ねます。

 不要なトゲトゲを削除

重なり合って「ちょっとトゲトゲがうるさいな」と感じる部分や、文字の内側に入り込んでしまった不要なトゲトゲを、矢印ツール（ダイレクト選択ツール）で消していきます。

操作方法： 全体を選択して オブジェクト ➔ アピアランスの分割

これでトゲトゲをひとつずつ触れるようになりました。ダイレクト選択ツールで不要なトゲトゲを一つずつ削除してください。

最後に、背景を黒にして、文字を白に変えれば……
映画のスクリーンで見るような、あの「名探偵コナン風タイトル」の完成です！

あとがき：デザインの楽しさはイラレから！

 一見、複雑に見えるロゴも、Illustratorの機能を組み合わせれば、お絵かき感覚でパズルのように作ることができます。

「これなら自分にも作れそう！」「デザインって面白いかも」と思った方は、ぜひIllustratorを体験してみてください。自分の好きなアニメのロゴや、友達の名前でパロディロゴを作ってみるだけでも、時間を忘れるほど楽しいですよ！

※この記事のタイトル画像に使われているものはベースフォントにメイリオにして更にコナンぽく改良したものです。

 以上、コナン風タイトル文字作って見た！でした