当サイトではプロモーション広告を使用しています。

[東京卍リベンジャーズ]のロゴやフォント書体はどこで手に入る?作り方を解説

webデザイン
浅山

・webデザイン 受託
・web制作 受託
・ブログ記事200本超

講師、担任経験のある現役のWEBデザイナー、デザインを10年経験しています。大阪在住。「生きづらい人を1人でも減らす」をメインテーマに活動しています。

浅山をフォローする
あなた
あなた

東京卍リベンジャーズ風のロゴを作りたいんですが
どうすればいいですか?

このような疑問をお持ちの方に向けて解説します。

「東京卍リベンジャーズ風のロゴを作ってみたい!」このような方も多いのではないでしょうか?ササっとロゴデザインできたらかっこいいですよね…

浅山
浅山

かつての僕もその中の一人。

そこで今回は、webデザイナーである著者が作り方を解説します。この記事を読むことで、是非作り方の参考にしてみてくださいね。

この記事のポイントまとめ
  • 東京卍リベンジャーズ風のロゴの作り方がわかる
  • 東京卍リベンジャーズのロゴの書体や再現方法がわかる
スポンサーリンク

東京卍リベンジャーズ風ロゴの完成

私自身がもし依頼を受けたら上記のような形で再現するかなと思います。

東京卍リベンジャーズ風ロゴの使用機材

東京卍リベンジャーズ風ロゴを再現するのに、使用した機材は、

使用ソフトCLIP STUDIO PAINT PRO (Photoshopでも代用可能)
使用した書体ヒラギノ角ゴ、ヒラギノ明朝(MORISAWA Font Select Pack 1

で作成しました!作成時間は、だいたい30分ぐらいかな?と思います。

フォントや書体、加工などパーツについて解説

何かを再現するときにはまず構成要素を分解すると良くて、それぞれ今回どんな書体を使っているかと言うと、

  • ①ヒラギノ角ゴシック
  • ②ヒラギノ明朝
  • ③銃痕のシルエット素材

を使用しています。

東京卍リベンジャーズ①ヒラギノ角ゴシック

今回は、ヒラギノ角ゴシックを使いました。太さはW6です。ただ、ゴシック体であればなんでもいいと思います。

東京卍リベンジャーズ②ヒラギノ明朝

今回は、ヒラギノ明朝を使いました。太さはW6です。ただ、ゴシック体と同じで明朝体であればなんでもいいかな〜と思います。

東京卍リベンジャーズ③銃痕のシルエット素材

銃痕の素材を使えば、東京卍リベンジャーズ風のロゴに近づきます。

素材は、シルエットデザインさんの銃痕のフリー素材を使わせていただきました。背景が透過してる方が使いやすいので画像ファイルはjpgで無く、pngがオススメです。

>>シルエットデザインさんの銃痕素材を見に行く

補足:グランジ加工

本家の物を観察するとフォントを削っています。ダメージ加工のような形で加工されているので、白いペンで黒い部分を削って上げるとより完成度が増します。

東京卍リベンジャーズ風ロゴの作り方と手順

それでは順番に工程見せながらを説明します。是非真似してみて下さいね。

  1. 文字の配置
  2. ヒラギノ角ゴシックとヒラギノ明朝に分ける
  3. 銃痕のシルエット素材を配置
  4. 文字を太くする
  5. 文字のバランスを崩す
  6. グランジ加工する
  7. 完成

東京卍リベンジャーズ風①文字の配置

まず文字を配置します。こんな感じで、「地名」+「チーム名」と2行で作ってあげると良いでしょう。

東京卍リベンジャーズ風②ヒラギノ角ゴシックとヒラギノ明朝に分ける

上のゴツゴツしている書体が、①ヒラギノ角ゴシックです。(ゴシック体であればなんでも良い。)下は、②ヒラギノ明朝です。小説や雑誌などで使われています。

東京卍リベンジャーズ風③銃痕のシルエット素材を配置

銃痕のシルエット素材を本家を見ながら同じような位置に配置していきます。png素材を別タブで開いてカット。貼り付けます。

東京卍リベンジャーズ風④文字を太くする

元の書体の太さでは足りなかったので、線を太くしていきます。クリスタの文字のフチ機能を使って、線幅を増やしました。

参考:画像やテキストにフチをつけるにはどうしたらいいですか?

東京卍リベンジャーズ風⑤文字のバランスを崩す

文字をラスタライズして画像に変更してあげましょう。参考:テキストレイヤーのラスタライズ

選択範囲で、文字をバラバラに切り離して本家のようにバラバラなサイズ感してあげます。1文字ごとに、「範囲選択 > 切り取り > 貼り付け」でレイヤー分けします。

文字もちょっと縦に長くしたり(長体という)するとそれっぽくなります。

東京卍リベンジャーズ風⑥グランジ加工する

文字の一部分を削ってあげると良いです。消しゴムツールでは、あまりザラザラな感じにならなかったので、エアブラシツールの[ノイズ]を選択。色を白にして透明度を40%にして薄く削っていきます。

真横に手を動かして削っていくと本家に似やすくなります。

東京卍リベンジャーズ風⑦完成

と感じで完成しました。いかがでしょう?それっぽくはなってるかなと思います。是非参考にして下さいね。

ロゴ作成のよくある疑問

ロゴ制作のよくある疑問に答えました!

  1. ソフトは必ずクリップスタジオのみですか?
  2. ロゴ作成、自分ではできません。誰に頼めばいいですか?
  3. ロゴはどうやって勉強すればいいですか?
  4. 作り方はわかりましたが、難しくて作れません。

1.ソフトは必ずクリップスタジオのみですか?

A.お絵かきツールで同じような環境であれば作成可能だと思います。

  • ゴシック体と明朝体が入ってる
  • 文字がラスタライズできる

があればどのツールでも作成できると思います。

今回使用したツール

2.ロゴ作成、自分ではできません。誰に頼めばいいですか?

A.デザインツールを持っている手先が器用な友人さんに頼みましょう。この記事を見せれば作ってくれるはず。もしくは、ココナラでデザイナーさんに頼むとかかな。

3.ロゴはどうやって勉強すればいいですか?

A.本を使って学習すると良いでしょう。

参考本:ロゴのつくりかたアイデア帖
参考本:ロゴデザインの教科書
参考本:たのしいロゴづくり -文字の形からの着想と展開

あたりを図書館などで借りて来て読んでみましょう。またyoutubeもわかりやすくてオススメです。

「ロゴの作り方」や「作字」で検索してみましょう。ロゴの作り方の基礎に触れておくと良いでしょう。

ゲーム、アニメ、イラストをもっと勉強したい場合、専門学校もあり

ゲーム、アニメ、イラストを勉強したい人は、専門学校も良いですよね。好きなもので繋がれる仲間が得られます。体験会で雰囲気を確かめてみてくださいね。

>>声優、ゲームアニメーション、3DCG漫画、ノベルズ作家になるなら【アミューズメントメディア総合学院】

4.作り方はわかりましたが、難しくて作れません。

A.東京リベンジャーズ ロゴジェネレーターを利用しましょう。手軽に誰でもロゴ制作を楽しむことができます。

東京リベンジャーズ ロゴジェネレーター

と思ったら、ありませんでした…。誰かエンジニアの人が作ってくれるのを待ちましょう。ちなみにロゴジェネレーターとは、こんな感じ。

参考:鬼滅の刃ロゴジェネレーター

ロゴに対するみんなの反応

他の漫画風ロゴについて解説

このサイトでは他の漫画風ロゴについても解説しています。

呪術廻戦のロゴについて

【完全版】呪術廻戦のロゴで使われている書体やフォントは何?使えるソフトは?で解説しています。

鬼滅の刃のロゴについて

【人気】鬼滅の刃ロゴのフォントや書体、字体って何?無料で手に入る?で解説しています。

スパイファミリーのロゴについて

スパイファミリー(SPY×FAMILY)のロゴやフォントや書体はどれ?作り方も解説で解説しています。

Macの初期設定

パソコンで長時間作業していくと思いますが、

  • 目に優しい
  • 外でも音が出ない

設定にしておきましょう。[Mac]おすすめの初期設定。クリエイターが買ったらすぐ行う設定を共有します。また、パソコンにはアプリケーションを減らしてインストールしておくと良いです。[Mac]おすすめのアプリケーション。webデザイナーがDLする神アプリを紹介で解説しています。

まとめ:漫画風ロゴを楽しもう。

いかがだったでしょうか?

個人的に東京卍リベンジャーズ風ロゴの作り方のポイントは、

  • ゴシック体と明朝体を使う
  • 銃痕のシルエット素材を配置
  • 文字を太くする
  • グランジ加工する

だなと思いました。

他の作品で作り方を知りたい人がいらっしゃいましたら、是非コメント欄でお知らせくださいね。

浅山
浅山

twitterでもお気軽に問い合わせください。
@akisara_asayama

それでは。

コメント

タイトルとURLをコピーしました