fantiaはじめました!無料素材やAI、PSDを配布中です。

【Illustrator】ラノベ(ライトノベル)でありがちなロゴの作り方 後編【サンプルAI有り】

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

ラノベ(ライトノベル)風ロゴのメイキング後編です。
前編はコチラです。
オリジナルラノベのロゴ制作をしてみましょう。

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

斜めにしてみよう

文字を傾けてみるとロゴっぽくなります。
文字の周囲に印象的な色のドロップシャドウを落とすとラノベ感がアップ!

「〇〇さんは従妹の〇〇ちゃんの旦那さんで~」とか説明されても、知らんがな、と。
ぶっちゃけ赤の他人(ストレンジャー)ですよね。
夏に実写映画が予定されています。

つくりかた

STEP.1
ベースの文字を入力1
文字を1文字単位で入力します。
「魔」「界」「王」…全てバラバラの文字オブジェクトです。

使用フォントはモリサワの黎ミンです。

文字の水平比率は85%に変更しています。

STEP.2
シアーツールで傾ける
[ シアーツール(S) ] で文字を傾けます。

ツールバーのシアーツールのアイコンをダブルクリックします。
角度は20°、水平方向にチェックを入れます。
※角度はお好みで調整してください。

最後に [ OK ] をクリックします。

すると文字全体が水平方向に20°傾きます。
STEP.3
文字を回転させる
[ 文字パネル ][ 文字回転 ] を適用します。

回転角度は20°を適用します。
※角度はお好みで調整してください。

こんな感じです。
STEP.4
レイアウト調整&グループ化
[ 選択ツール(V) ] で文字のレイアウトを整えます。
ついでに文字パーツを全て [ Ctrl + G ] でグループ化しておきます。
STEP.5
影パーツを作る
手前の文字グループの色を白に変更します。
[ Ctrl + C ] → [ Ctrl + B ] で背面にコピーし、影の色に変更します。

[ 移動ツール(V) ] で少し位置をずらすと影表現ができます。
手前と背面の文字オブジェクトをグループ化します。

※イラレの便利なコピペ方法はコチラ

STEP.6
ドロップシャドウを加える
[ アピアランスパネル ] → [ スタイライズ ] → [ ドロップシャドウ ] を適用します。
シャドウの色や大きさはお好みで調整してください。

※アピアランスが非表示の場合は
画面上部の [ ウィンドウ ] → [ アピアランス ]
で表示させます。

※アピアランスを使った文字の装飾はコチラ

ドロップシャドウを加えた状態です。
FINISH
完成
副題みたいなのを追加してみます。

菱形は
[ 長方形ツール(M) ] で正方形を作成 → [ 45°回転 ] → [ 拡大・縮小ツール(S) ] で水平方向に縮小
で簡単に作れます。

といった感じで完成です。
文字を改造するだけなので超短時間で作れます。

モチーフを入れてみよう

作品のキーアイテムを入れてみるパターンです。
異世界モノに必要不可欠な剣を入れてみるとラノベっぽくなります。

そして「カタカナ」でサブタイトルとか入れてみたりすると、さらにラノベ感がアップ!

色はよくあるグラデーションで処理しておきます。

再来年の冬に映画が公開予定です。

つくりかた

STEP.1
文字を入力&配置
今までの文字入力と同じ要領で文字を配置します。
モリサワのリュウミンを使用しています。

文字は [ Ctrl + Shift + O ] でアウトライン化しておきます。
※アウトライン化する前のオブジェクトは別で保存しておく事をオススメします。

STEP.2
キーオブジェクトを作成
キーオブジェクトを作成します。
ペンツールライブトレース様々な図形の作り方などを使って作成しましょう。

STEP.3
文字とキーオブジェクトを配置
[ 選択ツール(V) ] 等を使ってキーオブジェクトと文字をレイアウト調整します。
調整後は [ Ctrl + G ] でグループ化しておきます。
STEP.4
パスのオフセットを適用
コピーし、[ オブジェクト ] → [ パス ] → [ パスのオフセット ] を適用します。
背面グラデーション用の一回り大きいロゴを作成します。
すると元のロゴより一回り大きいオブジェクトが作成されます。
オフセットを適用すると、元のロゴが残っているので削除します。

削除後は背景用のオブジェクトを [ パスファインダ ] → [ 合体 ] させておきます。
パスファインダーの使い方はコチラ

STEP.5
グラデーションを適用する
グラデーションを適用します。
FINISH
完成
最後に白の塗りにした元ロゴをグラデーションの上に配置したら完成です。

長いタイトルにしてみよう

ラノベと言えばやたら長いタイトルの作品がありますよね。
タイトルを長くするとラノベっぽくなります。
使用フォントは「ラノベPOPフォント」です。

「近所のスーパーへ買い物へ行くと包丁砥ぎ職人が来てて その職人が小学校低学年の幼女で 仕上りがちゃんと出来ているか俺の首で切れ味を確かめようとされている最中なんだが。」
略して「包丁幼女」。

来春アニメ化予定です。

つくりかた

STEP.1
文字を入力&調整
[ 文字ツール(T) ] を使って文字を入力し、サイズや配置を調整します。

コピーして [ Ctrl + Shift + O ] でアウトライン化しておきます。

STEP.2
パーツごとにグループ化
グラデーションさせたいパーツでグループ化しておきます。
サンプルは分かりやすいように色分けしています。
STEP.3
パスのオフセットと合体
先のロゴと同様に [ オブジェクト ] → [ パス ] → [ パスのオフセット ] を適用します。
不要なオブジェクトは削除し、グラデーションパーツごとに [ パスファインダー ] → [ 合体 ] を適用しておきます。
STEP.4
グラデーションを適用
各パーツの塗りにグラデーションを適用します。
STEP.4
文字オブジェクトを配置
白の塗りに変更した文字オブジェクトを手前に配置します。
文字と背景パーツを [ Ctrl + G ] でグループ化しておきます。
FINISH
仕上げ
お好みで周囲に白縁を追加したり影を落として完成です。

AIをダウンロード

サンプルAIをfantiaで公開中です。

Illustratorが必須
AIを編集するにはAdobe Illustrator(アドビ イラストレーター)が必須です。
公式サイトからダウンロードしておきましょう。
Photoshopも使うのであればコンプリートプランが断然オススメ!

モリサワフォントは必須

デザイン制作をする上でフォントは必要不可欠です。
無料で素敵なフォントは沢山ありますが、有料フォントがあると圧倒的にデザインの幅が広がります。

モリサワのフォントは本当に使いやすくてキレイなので、強く導入をオススメします。
プロの現場では必須です。

おわりに

以上、ラノベ風ロゴの作り方でした。

基本的な文字ツールの使い方、グラデーションツール、アピアランス、シアーツール等を組み合わせると簡単お手軽にラノベ風ロゴが作れます。
是非オリジナルのラノベ風ロゴの制作を試してみて下さい。

ラノベロゴメイキングの前編を再確認したい方はコチラからどうぞ。

ではまた!

Illustratorを最安で導入するには

Illustrator(イラストレーター)を持っていない方向けに最安価格での導入について解説します。

オススメはコンプリートプラン

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。
アプリ単体を2つ3つ使うと費用がコンプリートプランと同等かそれ以上になります。

制作はPhotoshop、Illustrator、Lightroom、InDesign、Acrobat、etc…複数のアプリを使い分けながら作る事が多いです。
Illustratorで作業をしている際に「Photoshopなら効率的に作れるのに…」、「完成したデザインをPDFで複数ページに冊子形式にしたいなぁ…」という事は頻繁にあります。
なのでデザイナーにとって最低限Photoshop、Illustrator、Acrobatは必要です。

それならいっそ初めからコンプリートプラン を選択する方が断然便利でお得ですよ。

学生・教職員なら

学生や教職員の方にオススメなのが
65%OFFはデカイです!
アプリ1本分の価格で全てのAdobe製品が使い放題!

Illustrator単品なら

Illustrator単体ならがあります。
ソフト1本当たりの価格はコンプリートプラン と比べて割高ですが、Illustratorだけ使われたい場合はオススメです。

ゼロイラもくじ

ゼロから始めるIllustratorのもくじです。

ゼロから始めるIllustrator目次
【導入編】ゼロから始めるIllustrator
最安値でイラレを購入する方法と導入方法
イラレでよく使う機能15選 for 初心者
イラレ全ショートカット一覧
Illustratorとは・DTPの基礎知識
操作画面、新規作成と保存、各種ファイル形式
オブジェクトの作成と選択、構造
イラレの塗りと線について
イラレのカラーモードについて
RGBからCMYKへ変換する方法
整列と分布について徹底解説
オブジェクト重ね順について徹底解説
数値入力によるオブジェクトの作成と操作
レイヤーの概念と操作を分かりやすく徹底解説
オブジェクトの色々なコピペ方法
ペンツールの基本操作とパスの編集
ペンツールを使ったトレースのテクニック①
ペンツールを使ったトレースのテクニック②
グラデーションツールを極める
メッシュツール・グラデーションメッシュの使い方
ブラシツール・塗りブラシツールの使い方と違い
消しゴムツール・はさみツール・ナイフの使い方
パスファインダーの機能全てを徹底解説
ブレンドツールを使ったオブジェクト作成
回転ツールと回転コピーの使い方
リフレクトツールの使い方
歯車や花、本など色々な図形を作る方法
文字ツールの基本的な使い方
文字を装飾する・アピアランスの設定
文字で画像をマスクする
アピアランスを使って線を設定・線をデザインする
クリッピングマスクの使い方を徹底解説
ライブトレースを徹底解説
ライブペイントを徹底解説
イラレで略地図を作る
編集しやすい角丸長方形の作り方
トンボ(トリムマーク)の設定と塗り足し
名刺サイズのレイアウト用紙の作成とガイドの作成・活用
ポートフォリオ用のテンプレート
ニーアオートマタのUI風ポートフォリオ用テーマ
ゼロイラの目次一覧
SCROLL
目次一覧
ゼロから始めるシリーズ

IllutratorとPhotoshopの使い方をゼロから解説する「ゼロから始めるIllustrator」と「ゼロから始めるPhotoshop」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記からどうぞ。