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

この記事を読むのに必要な時間は約 11 分です。

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

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

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

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

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

この記事の目次

文字を入力してみよう

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

縦書き・横書きどっち？

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

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

文字間を調整してみよう

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

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

ゴシック体と明朝体

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

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

ポートフォリオ制作&転職を最短で実現しよう

MATCHBOX はマイナビクリエイターが提供している無料ポートフォリオ作成サービスです。
作品とテキストを入れるだけでポートフォリオが作成できます。PDF出力ができるので紙媒体とWeb媒体の両方を同時に作成可能！
無料で使えるMATCHBOX を活用し、最短でポートフォリオ制作とクリエイティブ業界への転職を実現しましょう。

書体を変えてみよう

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

つくりかた

STEP.1

ベースの文字を入力する

[ 文字(縦)ツール ] でテキストを入力します。

侍エンジニア塾

無料体験レッスンでAmazonギフト券5000円分がもらえる

侍エンジニア塾は未経験からプロのエンジニアを目指せるオンラインスクールです。
現役プロによるマンツーマン指導、手厚い転職支援により高い転職成功率を誇っています。

今だけ無料体験レッスンに申し込むとアマゾンギフト券5000円分がプレゼントされます！

侍エンジニア塾公式サイト

STEP.2

書体を変更する

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

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

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

STEP.3

文字サイズを調整する

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

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

FINISH

完成

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

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

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

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

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

つくりかた

STEP.1

ベースの文字を入力

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

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

サンプルはモリサワのリュウミンを使用しています。

レバテッククリエイター

クリエイターの転職に必要不可欠

レバテッククリエイターはクリエイティブ業界に特化した無料で使える転職エージェントです。

Web業界、ゲーム業界、デザイン業界、イラストレーターなど、クリエイティブに特化した求人数が業界トップクラス！

転職だけでなく派遣・フリーランスなど、様々な働き方にも対応していますよ。

レバテッククリエイター公式サイト

STEP.2

サイズを変更する

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

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

STEP.3

アウトライン化する

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

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

STEP.4

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

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

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

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

FINISH

「寝」の色を変えて完成