クリエイターなら絶対に登録しておきたい転職エージェント5選!

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

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

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

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

斜めにしてみよう

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

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

つくりかた

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

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

文字の水平比率は85%に変更しています。
MATCHBOX
ポートフォリオ制作&転職を最速で実現
MATCHBOX はマイナビクリエイターが提供している高品質なポートフォリオを無料で作成できるサービスです。
作品とテキストを準備するだけで簡単にポートフォリオが作成できます。PDFに出力できるので紙媒体とWeb媒体の両方を超簡単に作成可能!

無料で使えるMATCHBOX を活用し最短でポートフォリオ制作とクリエイティブ業界への転職を実現しましょう。
STEP.2
シアーツールで傾ける
[ シアーツール(S) ] で文字を傾けます。

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

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

回転角度は20°を適用します。
※角度はお好みで調整してください。
こんな感じです。
CodeCamp(コードキャンプ)
デザインをオンラインで効率的に学習
本気で未経験からプロのデザイナーに転職を考えられている方は CodeCamp(コードキャンプ) がおすすめです。

独学は時間がかかる割に非効率的な学習になりがちです。現役デザイナーのプロによる授業、転職を見据えた実践的なカリキュラム、手厚い転職サポートで短時間で転職を成功させましょう。

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

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

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

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

※アピアランスを使った文字の装飾はコチラ
ドロップシャドウを加えた状態です。
FINISH
完成
副題みたいなのを追加してみます。

菱形は
[ 長方形ツール(M) ] で正方形を作成 → [ 45°回転 ] → [ 拡大・縮小ツール(S) ] で水平方向に縮小
で簡単に作れます。
といった感じで完成です。
文字を改造するだけなので超短時間で作れます。

モチーフを入れてみよう

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

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

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

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

つくりかた

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

文字は [ Ctrl + Shift + O ] でアウトライン化しておきます。
※アウトライン化する前のオブジェクトは別で保存しておく事をオススメします。
レバテッククリエイター
クリエイターの転職に必要不可欠
レバテッククリエイター はクリエイティブ業界に特化した無料で使える転職エージェントです。

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

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

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

削除後は背景用のオブジェクトを [ パスファインダ ] → [ 合体 ] させておきます。
パスファインダーの使い方はコチラ
STEP.5
グラデーションを適用する
グラデーションを適用します。
FINISH
完成
最後に白の塗りにした元ロゴをグラデーションの上に配置したら完成です。

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

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

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

来春アニメ化予定です。

つくりかた

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

コピーして [ Ctrl + Shift + O ] でアウトライン化しておきます。
侍エンジニア塾
無料体験レッスンでAmazonギフト券5000円分がもらえる
侍エンジニア塾 は未経験からプロのエンジニアを目指せるオンラインスクールです。
現役プロによるマンツーマン指導、手厚い転職支援により高い転職成功率を誇っています。

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

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

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

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

AIをダウンロード

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

Illustratorが必須
AIを編集するにはAdobe Illustrator(アドビ イラストレーター)が必須です。公式サイトからダウンロードしておきましょう。
コンプリートプランが最強に便利ですが、Illustrator単品は次のリンクから入手できます。

モリサワフォントは必須

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

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

おわりに

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

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

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

ではまた!

Illustratorを最安で導入しよう

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

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。Photoshop、Illustrator、Acrobatを単体で使うと、費用がコンプリートプランと同等かそれ以上になります。
初めからコンプリートプランを選択する方が断然お得&便利ですよ。

学生・教職員なら

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

Illustrator単品なら

Illustrator単体なら があります。
ソフト1本当たりの価格はコンプリートプランと比べて割高ですが、イラレ単体なら最安です。

制作を加速させる最強素材サイト

最強素材サイトであるAdobeStockがあると制作の効率性、品質がさらに高まります。
無料素材とは一味違うので手を加える手間が劇的に省けますよ。

ゼロイラもくじ

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

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

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