【Illustrator】ラノベ風ロゴの作り方【サンプルAI有り】

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

みなさん、ラノベ（ライトノベル）は好きですか？
私は文字だけの本が大嫌いな人なのでアニメ化orマンガ化したラノベ作品しか内容を知りません。

という事で、ラノベ風のロゴをIllustrator（イラストレーター）を使って作る方法について解説します。
ラノベでありがちなロゴをパターン別に作り方とサンプルAIを紹介します。

当記事は前編です。
後編はコチラ。

自作のキャラにロゴを乗せて、ラノベの表紙っぽくすると面白いかもしれませんよ。

では早速始めていきましょう！

この記事の目次

文字を入力してみよう

文字入力の基礎的なトコロです。
ロゴ制作には文字入力が必要不可欠です。

Illustratorを導入しましょう

当記事の内容を実践するにはIllustratorが必須です。
未導入の方はIllustrator公式サイトからダウンロードしておきましょう。（7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

縦書き・横書きどっち？

縦書き・横書きでイメージが変わります。
結構印象が変わりますよね。

文字の組み方向の変更方法はコチラで解説しています。

文字間を調整してみよう

文字間に余裕を持たせるとキレイ目に見えます。
逆にゴシック体でギュッと詰めて配置してみたり。
文字間を調整するだけで印象が変わります。

文字ツールの基本的な使い方はコチラで解説しています。

ゴシック体と明朝体

書体には大きく分けて「明朝体」と「ゴシック体」があります。
同じ文言でも全く違った印象を与えます。
作品のイメージに近い書体を選ぶことは重要です。

オススメのフリーフォントはコチラで紹介しています。

書体を変えてみよう

書体を複数使うとロゴっぽくできます。
モリサワの「はせトッポ」や「タカハンド」はラノベっぽいフォントの一つです。

つくりかた

STEP.1

ベースの文字を入力する

[ 文字(縦)ツール ] でテキストを入力します。
文字ツールの基本操作はコチラで解説しています。

Illustratorの準備はできているでしょうか？
導入がまだの方はIllustrator公式サイトからダウンロードしておきましょう。

STEP.2

書体を変更する

書体を変更します。
文字属性の変更方法はコチラで解説しています。

サンプルはモリサワの「はせトッポ」や「タカハンド」の2種類を使用しています。

[ 文字ツール ] で変更したい文字を選択し、任意の文字を設定すると変更できます。

STEP.3

文字サイズを調整する

文字サイズやウエイト（太さ）を変更します。

一つの文字オブジェクト内でも文字のサイズや行間を個別に変更できます。

FINISH

完成

最後に塗りの色を変更すれば完成です。

特にややこしい操作が発生しないお手軽なラノベ風ロゴの制作方法です。

Photoshopで異世界系ロゴを作る方法

【Photoshop】異世界転生モノでありがちなロゴデザインの作り方4選forフォトショ初心者

異世界転生系にありがちなロゴデザインをフォトショップで再現する方法をフォトショ初心者の方に徹底解説しています。併せてチェックされてみませんか？

大きさや位置を変えてみる

文字の大きさや配置を変えてみるとロゴ的なものが作れます。
明朝体はモリサワの「リュウミン」や「A1明朝」が使いやすいです。

四角で文字を囲うと「とある」的な？

つくりかた

STEP.1

ベースの文字を入力

[ 文字ツール ] で文字を入力します。
一文字ずつ入力し、個別に位置をざっくり調整します。

ベタ打ちした文字を文字タッチツールを使って調整しても大丈夫です。

サンプルはモリサワのリュウミンを使用しています。
AdobeStockにも様々なフォントがあるので探してみて下さい。

STEP.2

サイズを変更する

文字サイズとウエイトを変更して文字の太さを変更します。

ついでに [ 長方形ツール ] で「寝」の下に四角を作成します。

STEP.3

アウトライン化する

文字を [ アウトライン化 ] します。

アウトライン化したい文字を選択し、[ Shift + Ctrl + O ] (Mac：Shift + ⌘ + O) でアウトライン化できます。

STEP.4

グループ化してグラデーションを適用

グラデーションにしたい文字と四角のオブジェクトを [ Ctrl + G ] (Mac：⌘ + G) でグループ化します。
「寝」は一時的に別レイヤーに入れる、またはロックをしてからグループ化をすると良いでしょう。

その後、グループ化したオブジェクトにグラデーションの設定を行います。

グラデーションツールの詳しい使い方はコチラ。

FINISH

「寝」の色を変えて完成

最後に「寝」の塗りを白に変更したら完成です。

モリサワフォントは必須

デザイン制作をする上でフォントは必要不可欠です。
無料で素敵なフォントは沢山ありますが、有料フォントがあると圧倒的にデザインの幅が広がります。
モリサワのフォントは本当に使いやすくてキレイなので、強く導入をオススメします。
プロの現場では必須です。

AIをダウンロード

サンプルAIをfantiaで公開中です。
※AIを編集するにはIllustratorが必須、未導入の方はIllustrator公式サイトから入手しておきましょう。

後編に続く

後編では左図のロゴのメイキングを解説します。
引き続きラノベ風ロゴを作成していきましょう！

高品質なロゴテンプレート

Photoshopで使える高品質なロゴテンプレートです。
全て商用利用可能！
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのテンプレートです。

#01 Realistic Press and Gold Foil Logo and Text Effect Mockup

Photoshop形式のロゴテンプレートです。
なお、Photoshopは公式サイトのフォトプランがどの販路よりもお得に導入できる方法です。

ダウンロード

#02 3D Wooden Wall Sign Logo Mockup

木目調のロゴテンプレートです。
こちらもPhotoshop形式、文字ツールを使ってテキストを変えるだけでオリジナルロゴの完成！

ダウンロード

#03 Wooden Sign on Brick Wall Mockup

丸形の板に焼き印のようなイメージのロゴテンプレートです。
喫茶店等に合いそうです。

ダウンロード

#04 Paper Cut Out Logo and Text Effect Mockup

紙を切り抜いたような質感が表現できるテンプレートです。

ダウンロード

#05 Embossed Logo Mockup

エンボス加工がされたロゴテンプレートです。
サークル型のロゴがキレイです。

ダウンロード

Photoshop用とIllustrator用のロゴテンプレート

【商用可】高品質なロゴのテンプレート50選【Illustrator・Photoshop】

フォトショップとイラストレーター用の高品質なロゴテンプレート50選です。
全て商用利用可能！

ワンランク上のテンプレート素材

Illustratorのスキルアップをする上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減するだけでなく、スキルアップの教材としても活用できますよ！

AI形式で作られた高品質なフライヤーのテンプレート50選です。画像と文字を差し替えるだけ、超短時間でハイクオリティなフライヤーが作成可能！
様々なフライヤーのテンプレート50選

デザイン制作を学ぶ導入編としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

ロゴ作成とIllustratorの相性は抜群！
ロゴ制作の効率化だけでなく、アイディアやデータの作り方を学習・研究するための良質な教材だらけですよ。
ハイクオリティなロゴテンプレート50選

単なる白黒のテキストを高品質なロゴのようなグラフィックにできるエフェクトです。
ロゴ・見出しなどキャッチなオリジナルタイトルを一瞬で作成できる優秀な素材ばかり！
商用利用が可能で高品質なテキストエフェクト50選

継ぎ目が無い高品質な背景素材50選です。
全て商用利用OK！作品の密度を一気に高める事ができる汎用性の高い素材ばかりです。
商用利用できる高品質なシームレス背景パターン58選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Illustrator（イラストレーター）を使ったラノベ風ロゴの作り方前編でした。
引き続き後編で別デザインのラノベ風ロゴの作り方を解説します。

ラノベのロゴデザインだけでなく、Webデザイン、DTPデザイン、UIデザイン、ポートフォリオ制作など、Illustratorを使ったクリエイティブ全般で応用が利くテクニックです。
是非活用し、日々の制作を効率化して下さい！

ではまた！

様々なテキストエフェクトの作り方

Illustratorのアピアランスを使いこなして様々な質感のテキストエフェクトを作る方法を解説しています。
気になるサムネイル画像をクリックすればジャンプします。

※作成したテキストエフェクトをグラフィックスタイルへ登録する方法はコチラ

InDesignは活用されていますか？

Illustratorだけでなく、InDesign（インデザイン）も活用されているでしょうか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート40選はコチラ！

Illustratorの操作方法

イラレ基本操作