エヴァンゲリオン風のデザインを作成するには？エヴァンゲリオン、フォントも作れるやって！
💡 エヴァンゲリオンのあの太くて明朝風のフォント、実は「マティスEB」という名前のフォントだって知ってました？
💡 このフォント、エヴァンゲリオン関係者も使ってるらしいよ。
💡 無料で入手できるエヴァンゲリオン風のフォントもあるみたい！
それでは早速、エヴァンゲリオンに関して、フォントやデジタルコンテンツ作成など、様々な角度からご紹介していきたいと思います。
公式フォントとエヴァンゲリオン風の表現
まずは、エヴァンゲリオンでおなじみのフォント、「エヴァフォント」についてご紹介します。
公開日:2020/01/10
✅ 「エヴァンゲリオン」のサブタイトルに使用された「エヴァフォント」こと「マティスEB」は、フォントワークス社が1994年にリリースした明朝体。モダンなスタイルの極太明朝体で、たっぷりとした筆と墨を連想させる雄渾な書風と、エッジの柔らかさとインパクトの強さを兼ね備えたデザインが特徴。
✅ 「マティスEB」は、そのインパクトと表情の豊かさから、「エヴァンゲリオン」の庵野秀明監督に選ばれ、サブタイトルに使用された。また、作品内の看板や背景文字などにも使用され、作品の印象的なビジュアルを支えた。
✅ 「エヴァンゲリオン」で使用されたことで「マティスEB」は注目を集め、放送業界やアニメ業界でも使用されるようになった。さらに、放送業界から「漢字」や「かな」と「英数字」の天地の高さを合わせた専用フォントの要望があり、フォントワークス社はそれに応えて放送業界向けの専用フォントを制作した。
さらに読む ⇒Fontworks｜フォントワークス出典/画像元: https://fontworks.co.jp/column/394/実はこちらのフォント、アニメで使用するために制作されたものではないんです。
「新世紀エヴァンゲリオン」で使用された「エヴァ明朝」の正式名称は「マティスEB」である。
フォントワークス社から個人利用限定で提供されている「エヴァンゲリオン公式フォントマティスEB版」には、TV版と新劇場版の2種類のフォントデータが収録されている。
このフォントを使用することで、より本格的なエヴァンゲリオン風の表現が可能になる。
また、特典ブックレットにはエヴァ放映当時のフォントワークス社のエピソードも紹介されている。
ほーん、知らんかった。てっきりアニメ用に作られたと思とった。
エヴァンゲリオン風のデジタルコンテンツ作成
続いて、エヴァンゲリオン風のデジタルコンテンツを作成する方法をご紹介します。
公開日:2020/02/02
✅ After Effectsを使用してエヴァンゲリオン風のオープニングタイトルを作成する方法を解説。テキストへのグラデーションや輪郭線の追加、テキストの変形（リシェープエフェクトの使用）、文字の輪郭のギザギザ化（ディスプレイスメントマップエフェクトの使用）、キラキラ光る演出の追加（CCLightRaysエフェクトとシェイプレイヤーの併用）の手順を記載。
✅ NotoSerifJapaneseフォントを使用して、サブタイトルや見出し要素を作成する方法を紹介。背景を黒くしたサブタイトル風の見出し、1文字目のフォントサイズと色を変えた見出し、サブタイトルを入れた見出し、縦書きのサブタイトルを付けた見出し、サブタイトルを付けた見出しの5種類のスタイルを紹介。
✅ Googleスライドを使用して、エヴァンゲリオン風のプレゼンテーションを作成する方法を記載。NotoSerifJapaneseフォントとエヴァンゲリオンカラーパレットを使用して、エヴァンゲリオン風のスライドを作成する方法を解説。
さらに読む ⇒ホワイトボードアニメーション制作・手書き動画ならキザキヤ（東京・新宿）出典/画像元: https://kizakiya.redaatore.com/after-effects%E3%82%A2%E3%83%95%E3%82%BF%E3%83%BC%E3%82%A8%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9%E3%80%80%E3%83%8D%E3%82%AA%E3%83%B3%E9%A2%A8%E3%81%AB%E6%96%87/動画編集ソフト「After Effects」を使用すると、エヴァンゲリオンのオープニングタイトルのような本格的なタイトルを作成できます。
AfterEffectsでは、エヴァンゲリオン風のオープニングタイトルを作成するための基本操作が解説されている。
具体的には、テキストへのグラデーションや輪郭線の追加、テキストの変形（リシェープエフェクトの使用）、文字の輪郭のギザギザ化（ディスプレイスメントマップエフェクトの使用）、キラキラ光る演出の追加（CCLightRaysエフェクトとシェイプレイヤーの併用）の手順が記載されている。
これらの操作をマスターすれば、差し替えるだけでスライドショーを作成できるようになる。
また、GoogleFontsの「NotoSerifJapanese」フォントを使用することで、エヴァンゲリオン風の見出しやアラート要素を作成できる。
具体的には、背景を黒くしたサブタイトル風の見出し、1文字目のフォントサイズと色を変えた見出し、サブタイトルを入れた見出し、縦書きのサブタイトルを付けた見出し、サブタイトルを付けた見出しの5種類のスタイルを紹介している。
これらのスタイルを作成するためのHTMLとCSSコードも記載されており、エヴァンゲリオングッズの紹介記事やインパクトのある見出しやアラートを作成する際に役立てることができる。
ふーん、若い子ってこういうん好きなんやね。
エヴァンゲリオン風のエンドロール作成
さらに、エヴァンゲリオン風のエンドロールを作成する方法もご紹介します。
✅ PowerDirectorでエヴァンゲリオン風のエンドロールを作成する方法を解説。手順は、タイトルデザイナーでエンドロールを作成し、BCCFastFilmGlowでグロー効果を追加し、背景合成用の素材をダウンロードして配置し、複製してエフェクトを削除することで、背景の光がエンドロールのテキストに合わせて強くなる効果を作成。
✅ タイトルデザイナーでエンドロールを作成し、テキストに境界線を追加してぼかし、スクロールアニメーションを設定。
✅ 背景合成用の素材をダウンロードして配置し、乗算ブレンドモードで合成。さらに、複製して背景の光がエンドロールのテキストに合わせて強くなる効果を作成。
さらに読む ⇒お遊び動画編集部！出典/画像元: https://douga-hensyu-bu.com/eva-endroll/動画編集ソフト「PowerDirector」を使用すると、背景に光が強くなるエヴァンゲリオン風のエンドロールを作成できます。
PowerDirectorを使用して、エヴァンゲリオン風のエンドロールを作成する方法が解説されている。
手順は、タイトルデザイナーでエンドロールを作成し、BCCFastFilmGlowでグロー効果を追加し、背景合成用の素材をダウンロードして配置し、複製してエフェクトを削除することである。
これにより、背景の光がエンドロールのテキストのスクロールに合わせて強くなるエヴァンゲリオン風のエンドロールを作成できる。
うぉ、かっこいい！
エヴァンゲリオンの世界観にマッチするフリーフォント
また、エヴァンゲリオンの世界観にマッチするフリーフォントもご紹介します。
✅ 「源ノ明朝」フォントから派生した、崩れゆく世界観を表現した明朝体フォント「源界明朝」が紹介されている。派生元の「源ノ明朝」は実用的なクオリティを持つフォントで、そのクオリティを損なわないよう装飾が施されている。
✅ 源界明朝は、物語の世界観と一致した小説や漫画などの創作活動で効果的に使用できる。例えば、崩壊した世界を舞台にした物語の見出しなどに適している。
✅ 源界明朝は個人利用・商用利用ともに無償で使用可能で、SIL Open Font License 1.1に準拠する。ただし、利用前にホームページの説明を必ず確認する必要がある。
さらに読む ⇒LINE NEWS出典/画像元: https://news.line.me/detail/oa-japaaan/56c2edd386ca「源界明朝」などのフリーフォントは、エヴァンゲリオンのタイトルのような崩れた雰囲気を表現しています。
「エヴァフォント」と呼ばれる極太明朝体のフォントに近い、日本語フリーフォントが紹介されている。
具体的には、「NotoSerif」、「ZENアンチック」、「略字超少明朝ステンシル風」、「源界明朝」、「異世明」、「BIZUDPMincho」、「しっぽり明朝」、「瀞ノグリッチ明朝」などである。
これらのフォントは、「エヴァフォント」の特徴である太めの明朝体や縦長な長体の形状を再現しており、エヴァンゲリオンのタイトルパロディの作成などに利用できる。
また、「エヴァフォント」に近づけるためには、フォントの横幅を85～90%に縮小して縦に引き伸ばす加工を行うと良いとされている。
まじ？すげーじゃん。
PowerPointで作成するエヴァンゲリオン風スライド
最後に、PowerPointでエヴァンゲリオン風のスライドを作成する方法をご紹介します。
✅ PowerPointの標準フォント「HGP明朝E」と「HG明朝E」を使用して、エヴァンゲリオン風の横書きと縦書きのスライドを作成する方法を紹介。横書きタイプは、フォントを太字にして縦に引き伸ばし、黒背景に白文字でフォント間隔を狭くすることで作成。縦横混合タイプは、横書きに「HGP明朝E」、縦書きに「HG明朝E」を使用し、フォント間隔と行間を狭くすることで作成する。
✅ 横書きタイプは、フォントを太字にして縦に引き伸ばし、黒背景に白文字でフォント間隔を狭くすることで、エヴァンゲリオン風の横書きを作成する。
✅ 縦横混合タイプは、横書きに「HGP明朝E」、縦書きに「HG明朝E」を使用し、フォント間隔と行間を狭くすることで、エヴァンゲリオン風の縦横混合を作成する。
さらに読む ⇒Crow゛s eye – カラスの瞳出典/画像元: https://kzmmtmt.pgw.jp/?p=706標準フォント「HGP明朝E」を使用すると、エヴァンゲリオン風の横書きと縦書きのスライドを作成できます。
PowerPointの標準フォントを使用して、無料でエヴァンゲリオン風のスライドを作成する方法が説明されている。
横書きタイプは、「HGP明朝E」フォントを使用し、太字にして縦に引き伸ばし、黒背景に白文字でフォント間隔を狭くする。
縦横混合タイプは、「HGP明朝E」フォント（横書き）と「HG明朝E」フォント（縦書き）を使用し、フォントを縦に引き伸ばさず、フォント間隔と行間を狭くする。
作成したスライドは画像として保存することで、PowerPoint以外の用途にも使用できる。
ほほう、なかなかやるじゃない。
以上、エヴァンゲリオン関連のフォントやデザインについてご紹介しました。
💡 エヴァンゲリオンファンの方は、ぜひ参考にしてみてください。
💡 エヴァンゲリオンの世界観を再現したデザインで、自分だけのオリジナル作品を作成しましょう。
💡 なお、紹介したフォントや方法はあくまで参考であり、実際に使用する際はライセンスや著作権に留意してください。
