絵描きの机周り

お絵描き機材やソフト、その他のお絵描き時に欠かせないものを紹介しています。本ページはアフィリエイトプログラムによる収益を得ています。

マンガを描くときの文字入れ(写植)をする際に、どのフォントを使ったら効果的なんだろうと悩んだ経験はありませんか。

もしくは締切間際でフォントを考える時間がないから「とりあえず全部アンチゴシックにしちゃえ!」ってなった経験はありませんか。

[talk set="管理人" pos="left" color="gray"]わたしは両方ともあります。[/talk]

そんな時にこういうセリフにはこのフォントが効果的!というルールがあればだいぶ楽になるとおもいませんか。

週刊少年ジャンプ(WJ)でこういう時にはこのフォントを使用しているというルールを紹介するツィートが以前バズりました。

ツィートにはフォント名は掲載されていますが、どこで買えるのか・どれくらいの価格なのかは調べないとわかりません。

なので本記事でどこのメーカーのフォントなのか、またiPadで使えるのかを調べてまとめました。

またこちらもバズった元マンガ編集者のサノマリナさんの「漫画の文字入れ(写植)のコツについての漫画を描きました」のツィートについて

  • クリスタでどのような設定をすればよいのか
  • 紹介されているフリーフォントの配布元の紹介とiPadへのインストール方法

を解説しています。

本記事を読むとWJで使用されているフォントを自分のマンガにも使えるようになったり、読みやすいマンガ写植をするコツを知ることができますよ。

本シリーズのまとめ記事はこちら。

[card id ="1252"]

[mokuji]


[ads]

週刊少年ジャンプで使用されているフォントとフォントメーカー

https://twitter.com/WEEKLY_shuchan/status/1115125583069888512?s=20

こちらのTwitterで紹介されているWJで使用されているフォントについて

  • どのような場面で使用されるのか
  • どのメーカーのフォントなのか
  • iPadのフォントインストールアプリとして提供されているか

を調べてまとめたのが以下の表です。

週刊少年ジャンプ使用フォントとフォントメーカー、iPadでのインストール方法

[supsystic-tables id=22]

これらすべてのフォントが有料書体のため、利用するには各メーカーのフォントのライセンスを購入する必要があります。

フォントのライセンス料は高額なものが多く(年間ライセンスで数万円程度)、漫画原稿のために個人で契約するには高額です。

ただし一部の書体はiPad向けの月額のサブスクリプションサービスで書体が提供されており、月額料金で利用可能な書体は表の一番右側の列に「フォントインストールアプリ名」が記載されています。

各メーカーのフォントインストールアプリの月額料金は以下の通りです。

  • MORISAWA PASSPORT for iPad:月額880円
  • mojimo-select for iOS:120円/30日
  • mojimo-kawaii for iOS:250円/30日
  • mojimo-manga for iOS:730円/30日

アンチゴシックって?

ちなみに表の一番最初の「アンチゴシック」は特定のフォントを指しているわけではなく、かながアンチック体で漢字がゴシック体のマンガ特有のフォントのことです。

アンチゴシック体にも多くのフォントがありますが、クリスタでは「イワタアンチック体」を購入者特典としてダウンロードして使用可能です。

中間まとめ

週刊少年ジャンプでどのような場面でどのようなフォントを使用しているかを参考

  • 似たようなフリーフォントを探してフォントプロファイルインストールアプリでiPadに追加して使用する
  • MORISAWA PASSPORT for iPadかmojimo-manga for iOSのどちらかを契約してその中で似た感じのフォントを探して使用する

上記どちらかの手段をとるのが良いと思います。

いくらお金がかかっても良いからどうしてもWJと同じフォントを使用したい場合は、フォントインストールアプリで提供されていない書体についてはPC版のライセンスを購入し、取得したフォントデータとフォントプロファイルインストールアプリを使用してiPadに追加することは可能です。

関連記事

MORISAWA PASSPORT for iPadとフォントワークスmojimoについてはこちらの記事をご参照ください。

[card id ="1471"] [card id ="1483"]

無料のフォントプロファイルインストールアプリFontcaseについてはこちら。

[card id ="1315"]

読みやすいマンガ本文の文字入れを実現するには

https://twitter.com/marina_fumetti/status/1177117874210652160?s=21

こちらの元マンガ編集者のサノマリナさんのTweetの内容をもとに

  • 紹介されているフォントをiPadで利用するにはどうすれば良いか
  • クリスタでフォントの各指定をどう設定すれば良いか

を解説します。

読みやすい写植のコツ1:フォント

サノマリナさんが紹介されているフォントはすべてフリーフォントで、商用利用・個人利用ともにOKです。

実際にインストールして使用する際は各フォントの利用規約をしっかり確認してくださいね。

[supsystic-tables id=23]

それぞれのインストール方法を見ていきましょう。

イワタアンチック体

イワタアンチック体はクリスタの購入者特典として配布されており、iPad版のクリスタの場合はクリスタインストール時に一緒に追加されます。

テキストツールでのフォント名称は「I-OTFアンチックStd B」となっておりますので探してみてください。

ヒラギノ丸ゴ

ヒラギノ丸ゴはiPadの組み込みフォント(OSに標準搭載されているフォント)なので、iPad購入時から利用できます

iPad版クリスタでももちろん利用可能です。

IPAexゴシック

IPAexゴシックは情報処理推進機構(IPA)が公開しているオープンソースのゴシック体フォントです。

フォントデータをダウンロードし、フォントプロファイルインストールアプリを利用してiPadに追加する必要があります。

フォントデータ配布場所

文字情報技術促進協議会 - IPAexフォント(Ver.004.01)

フォントのiPadへの追加方法

フォントプロファイルインストールアプリを使用する必要があります。

Fontcaseが無料なのでまずはこちらを使ってみると良いと思います。使い方の詳細は下記記事をご参照ください。

[card id ="1315"]

しっぽり明朝

無料のフォントインストールアプリ「Fontinstall.app」に収録されています。

下記記事を参考にインストールしてください。

[card id ="1255"]

ロゴタイプゴシック

ロゴタイプゴシックは個人の方が作成されたフリーフォントです。

IPAexゴシックと同様、フォントデータをダウンロードし、フォントプロファイルインストールアプリを利用してiPadに追加する必要があります。

フォントデータ配布場所

フォントな - ロゴたいぷゴシック

フォントのiPadへの追加方法

フォントプロファイルインストールアプリが必要ですのでこちらの記事を参考にアプリをインストールしてフォントを追加してください。

[card id ="1315"]

読みやすい写植のコツ2:クリスタでの文字の大きさ設定

本題に入る前に、サノマリナさんのTweetでは文字の大きさの単位がQ(級数)、長さの単位がmm(ミリ)なので、クリスタの単位の設定を合わせましょう。

クリスタマーク>環境設定をタップ
クリスタマーク>環境設定をタップ
定規・単位で単位を設定
定規・単位で単位を設定

左上のクリスタマーク>環境設定>定規・単位で単位を以下のように設定します。

  • 長さの単位:mm (mmかpxから選択)
  • テキストの単位:Q (Qかptから選択)

では文字の大きさの設定をしましょう。

文字の大きさはテキストツールプロパティ>サイズで設定
文字の大きさはテキストツールプロパティ>サイズで設定

クリスタの文字の大きさ設定はテキストツールプロパティ>サイズです。

Tweetでは以下のサイズがオススメとなっています。

  • 商業誌サイズ(B4):20Q
  • 同人誌サイズ(A4):18Q
  • WEB用の縦スクロール漫画:22〜24Q

上記の数値を参考にB5サイズ同人誌を作る場合は18Qに設定し、A5サイズの場合は読みやすさ重視なら18Q、文字が多めの漫画の場合は16Qあたりに設定すると良いと思います。

WEB用の縦スクロール漫画の場合の文字サイズが他と比べて大きいのは、縦スクロール漫画の場合読者は画面を高速スクロールしながらかなり早いスピードで読むため22〜24Qくらいの大きめの文字サイズが読みやすいということだと思います。

以下は余談ですが、商業誌サイズ(B4)、同人誌サイズ(A4)というのは、アナログで原稿を描く場合に使用する際の原稿用紙のサイズのことです。

漫画雑誌などの商業誌に掲載する場合、完成原稿に対し印刷時に縮小をかけます。

縮小することで絵の密度を高くし見栄えを良くできるからです。

そのため実際の雑誌のサイズより大きなB4サイズの原稿用紙を使用します。

同人誌サイズ(A4)は原稿用紙のサイズはA4で漫画を描く場所(内枠)の大きさはB5サイズです。

B5サイズ同人誌の場合は原寸で印刷します。

読みやすい写植のコツ3:クリスタでの行間設定

テキストツール>ツールプロパティ>右下のレンチマーク>行間・揃え>行間で行間を設定
テキストツール>ツールプロパティ>右下のレンチマーク>行間・揃え>行間で行間を設定

クリスタで行間を設定する方法はテキストツール>ツールプロパティ>右下のレンチマーク>行間・揃え>行間です。

ここをTweetを参考に行間:5で設定します。

読みやすい写植のコツ4:クリスタでの白フチ設定方法2パターン

次は文字に絵がかかるときに使用する白フチです。

Tweetではフチの幅は0.6〜0.8mmがオススメとのこと。

白フチにはやり方が2パターンあります。

  • テキストツールのフチを使用する方法 → テキストごとに設定可能
  • レイヤーツールのフチ効果を使用する方法 → レイヤー全体に適用

どちらのやり方でも出来上がりに見た目は同じですが、

  • テキストの追加方法が「選択中のテキストに追加」の場合は「テキストツールのフチを使用する方法」
  • テキストの追加方法が「常にレイヤーを作成」の場合は「レイヤーツールのフチ効果を使用する方法」

が良いと思います。

理由は同一レイヤーにテキストをまとめている場合は「レイヤーツールのフチ効果を使用する方法」で白フチをつけるとすべてのテキストに反映されてしまうからです。

テキストの追加方法とはテキストツールのツールプロパティの設定のことです
テキストの追加方法とはテキストツールのツールプロパティの設定のことです

テキストツールのフチを使用する方法

テキストツール>ツールプロパティ>右下のレンチマーク>テキスト>フチで白フチ設定
テキストツール>ツールプロパティ>右下のレンチマーク>テキスト>フチで白フチ設定

クリスタのテキストツールのフチを使用する方法はテキストツール>ツールプロパティ>右下のレンチマーク>テキスト>フチです。

フチにチェックを入れ、スライダーで0.6〜0.8を設定します。

フチの色が白になっていない場合は白色を選択してください。

レイヤーツールのフチ効果を使用する方法

レイヤープロパティ>境界効果>フチで白フチ設定
レイヤープロパティ>境界効果>フチで白フチ設定

フチをつけたいテキストレイヤーを選択した状態でレイヤープロパティ>境界効果>フチをタップしてください。

フチの太さは0.6〜0.8の間で設定、フチの色が白になっていない場合は白色を選択してください。

読みやすい写植のコツ5:クリスタでの白ヌキ設定方法

白ヌキにしたいテキストを選択した状態でカラーセットから白を選択
白ヌキにしたいテキストを選択した状態でカラーセットから白を選択

テキストツールで白ヌキにしたいテキストを選択した状態でカラーセットから白を選択すると白ヌキになります。

読みやすい写植のコツ6:クリスタでの縦中横(たてちゅうよこ)設定

縦中横(たてちゅうよこ)とは

漫画のテキストは通常縦書きですので、縦書きの状態で半角英数字や半角記号を入力すると横に倒れた状態で入力されます。

文字が横に倒れたままだと読みにくいので横書きに直して読みやすくすることを縦中横(たてちゅうよこ)と言います。

数字の縦中横設定

テキストツール>ツールプロパティ>右下のレンチマーク>テキスト>自動縦中横で縦中横設定
テキストツール>ツールプロパティ>右下のレンチマーク>テキスト>自動縦中横で縦中横設定

マンガのセリフに100や10000などの数字を入れる必要がある場合、百、一万と漢数字にすれば縦書きで特に問題はありません。

なんらかの理由で半角のアラビア数字(100、10000)で入力する必要がある場合はクリスタの縦中横設定を使用します。

クリスタの縦中横設定はテキストツール>ツールプロパティ>右下のレンチマーク>テキスト>自動縦中横です。

自動縦中横について、「しない」から「4文字」までの間で選択することが可能です。

たとえば「100」とテキストツールで半角数字で入力して自動縦中横が「2文字」だと横倒しになり、「3文字」だと横に並んだ状態になります。

アラビア数字をセリフに使用する場合、以下のルールで記載するとレイアウトが崩れず読みやすいと思います。

  • 1桁の場合は全角
  • 2桁から4桁は半角で縦中横
  • 5桁以上は漢数字での表記

アルファベットの縦書き表示

自動縦中横を「なし」にしてテキストツールで一文字ずつ選択しながらテキストツールのツールプロパティ>縦中横のチェックを入れる
自動縦中横を「なし」にしてテキストツールで一文字ずつ選択しながらテキストツールのツールプロパティ>縦中横のチェックを入れる

「sns」などの短い半角のアルファベットを縦書きで入力したい場合はやり方が特殊です。

まずは自動縦中横を「なし」に設定します。

その後テキストツールで一文字ずつ選択しながらテキストツールのツールプロパティ>縦中横のチェックを入れるとアルファベットが縦に並んで表示されます。

全角英数字で入力すれば自動で縦書きになる
全角英数字で入力すれば自動で縦書きになる

キーボードからテキストを入力する際にアルファベットを全角で入力すれば上記の方法を使用しなくても自動で縦書きになります。

2つの方法のうちやりやすい方で行ってください。

番外:クリスタのテキスト設定を初期設定にするには

テキストツール>ツールプロパティ>右下のレンチマーク>全設定を初期設定に登録で初期設定として登録できる
テキストツール>ツールプロパティ>右下のレンチマーク>全設定を初期設定に登録で初期設定として登録できる

今回の記事で紹介したテキスト設定を自分のクリスタの初期設定として登録したい場合は以下の手順で行うことが可能です。

テキストツール>ツールプロパティ>右下のレンチマーク>登録したい設定がされている状態で「全設定を初期設定に登録」

もし上記でうまく登録できない場合はテキストツールにロックがかかっていることが原因だと思います。

ツールプロパティ上部の鍵マークをタップして鍵を外した後に再度「全設定を初期設定に登録」をタップして登録してください。

まとめ

マンガを描いていてフォントまで気を配ることは大変なので、ある程度決まったパターンを作ってしまうのが見栄えと時短を両立するのに良い手段だと思います。

フォントの選び方は作者の個性を出す場所ではなく、読者の読みやすさを優先した方がよい場所ですので、有名雑誌でのやり方やプロの手法を盗んで効率よく本文フォントを攻略してしまいましょう。


先日、マンガやイラストを描き始めた方とお話していたときに

イラストやクリスタの参考書には線の太さなどの設定の仕方は記載されているが

どれくらいの値を設定するのが適切かは記載されていないので悩んでいる

という相談を受けました。

 

主線や枠線、吹き出しの線の太さ、セリフの文字の大きさ、トーンの線数は

絵柄によって変わりますので正解と呼べる数値はありません。

 

ですがイラストを描き始めた方や初めて同人誌を作ろうとしている方向けに

線の太さなどの参考値をまとめておいた方が便利だと思って作ったのが本記事です。

また、ClipStudioPaint(以下クリスタ)でどのように設定するかについても解説しています。

 

本記事を参考書がわりに使って素敵なイラストや同人誌を作ってくださいね。

下記の参考値をもとに自分の絵柄にあう値を探してみてください

  • 各値はB5サイズ、600dpi(pixel/inch)の原稿の場合の参考値です。
  • 主線の太さ:17〜25px
  • 枠線:線の太さ 12px〜19px、左右の間隔 45px〜95px、上下の間隔 95px〜150px
  • 吹き出しの太さ:4〜6px
  • セリフ:文字の大きさ 11〜15pt、フォント種類 I-OTFアンチックStd B(クリスタ購入特典)
  • トーン:線数 42.5〜85.0線 濃度 10〜80%

単位について

クリスタでは長さの単位としてmm(ミリ)とpx(ピクセル)、

テキストの大きさの単位としてpt(ポイント)とQ(級)が使用できます。

 

本記事では長さの単位はpx、テキストの大きさの単位はptで記載します

イラストソフトでそれぞれどちらの単位を使用するかはその人の好みで良いです。

 

長さの単位 mm(ミリ)、px(ピクセル)

mm(ミリ)とは

mm(ミリ)はみなさんご存じのようにメートル法で決まっている長さの単位です。

とてもわかりやすい単位なのですが、

Webイラストの世界では後述するpxの方を使用される場合が多いです。

px(ピクセル)とは

ギザギザの一粒がピクセル
ギザギザの一粒がピクセル

上の写真のようにスマホやパソコンでイラストや写真をものすごく拡大するとギザギザになりますよね。

このギザギザの一粒をpx(ピクセル)と言います。

ピクセルの大きさはそのイラストや写真の解像度に影響されます。

解像度って?

解像度を表す単位はdpi(ディーピーアイ)です。

dpiはdots per inchの略で1インチ(25.4mm)に何個のドットが並んでいるかを示しています。

 

一般的にカラーの印刷物は350dpi、白黒の印刷物は600〜1200dpiでデータが作成がされます。

350dpiと1200dpiを比べると1インチあたりに並んでいるドットの数は

1200dpiは350dpiの約3.4倍ですので、1200dpiの方がきめ細やかに表示できます。

pxをmmに変換するには

pxは解像度によって大きさが変わるため、pxをmmに変換する場合は解像度が必要です。

計算式は mm = px × 25.4÷dpi です。

例えば10pxは解像度72dpiのときは約3.5mmですが、解像度350dpiのときは約0.73mmです。

  • 解像度72dpiはWebイラスト、
  • 解像度350dpiは印刷用カラーイラスト、
  • 解像度600dpiと1200dpiは印刷用白黒イラストに使用されます。

テキストの単位 pt(ポイント)、Q(級)

pt(ポイント)とは

pt(ポイント)は欧米の活字サイズに基づく写植の単位です。

1ptは0.35mmです。

欧米から日本に輸入されたオフィスソフト(Microsoft Officeなど)や

デザインソフト(Adobe illustratorなど)はテキストサイズを指定にptが使用されているため、

日本でもptの方がなじみ深い人が多いのではないかと思います。

Q(級)とは

Q(級)は日本独自の写植の単位です。

1Qは0.25mmです。

編集者や印刷関連の方はこちらの単位を使う場合が多いようです。

クリスタでの単位の指定方法

クリスタで長さとテキストの大きさの単位を指定する方法を説明します。

左上のクリスタマーク>環境設定を開きます。

左上のクリスタマーク>環境設定
左上のクリスタマーク>環境設定

「定規・単位」の中の「単位」で設定します。

「定規・単位」の中の「単位」で設定
「定規・単位」の中の「単位」で設定

主線の太さ:17〜25px

ブラシサイズはブラシサイズパレットやツールプロパティから変更が可能
ブラシサイズはブラシサイズパレットやツールプロパティから変更が可能

まずは主線の太さの基準値を見ていきましょう。

B5サイズの600dpi(pixel/inch)で17〜25pxくらいが標準のようです。

ブラシサイズの変更はクリスタのブラシサイズパレットやツールプロパティから変更が可能です。

 

ただし筆圧の強さや設定、絵柄、用紙の大きさによって適しているブラシサイズは異なるため、

基準値にとらわれず自分の絵にぴったりなサイズを探してみてください。

 

筆圧は左上のクリスタマーク>筆圧検知レベルの調整から調整可能です。

筆圧は左上のクリスタマーク>筆圧検知レベルの調整から調整可能
筆圧は左上のクリスタマーク>筆圧検知レベルの調整から調整可能

枠線

枠線の太さ:12px〜19px

コマ枠の太さはコマ枠フォルダー作成時に指定する
コマ枠の太さはコマ枠フォルダー作成時に指定する

コマ枠の太さの基準値は12px〜19pxです。

少年漫画だと太く、少女漫画だと細くなる傾向があります。

コマ枠の太さの指定はコマ枠フォルダー作成時に指定します。

 

回想シーンのコマなどで細い枠線を使用する傾向があります。

特定のコマのみ枠線の太さを変更したい場合はレイヤーウィンドウでコマ枠フォルダーを選択した状態で

オブジェクトツールで枠線幅を変更したいコマの四隅のいずれかをタップ、

ツールプロパティのブラシサイズからコマ枠の太さを変更します。

オブジェクトツールで太さを変更したいコマ枠を選択しツールプロパティからブラシサイズを変更
オブジェクトツールで太さを変更したいコマ枠を選択しツールプロパティからブラシサイズを変更
コマ枠の太さが変更できました
コマ枠の太さが変更できました

枠線の間隔:左右の間隔(45px〜95px)、上下の間隔(95px〜150px)

基準値は左右の間隔(45px〜95px)、上下の間隔(95px〜150px)です。

間隔も少年誌の方が大きく、少女誌は小さくなる傾向があります。

 

枠線の間隔は左右は小さく上下は大きくした方が読みすいため多くの人がこのルールを採用しています。

 

枠線の間隔の設定はコマ枠ツールのツールプロパティウィンドウの「左右の間隔」「上下の間隔」で設定します。

コマ枠ツールのツールプロパティウィンドウの「左右の間隔」「上下の間隔」で設定
コマ枠ツールのツールプロパティウィンドウの「左右の間隔」「上下の間隔」で設定

吹き出しの太さ:4〜6px

フキダシツールのツールプロパティのブラシサイズで太さを変更
フキダシツールのツールプロパティのブラシサイズで太さを変更

吹き出しの線の基準は4〜6pxです。

ただ漫画家さんによっては主線と同じペンで引いている場合もあるのでもっと太くても良いかもしれません。

フキダシツールのツールプロパティのブラシサイズで太さを変更できます。

 

フキダシツールのデフォルトの線だとフキダシが絵から浮く場合は

フキダシの線の種類を変更できます。
変更の仕方はこちらをご参照ください。


セリフ

文字の大きさ:11〜15pt、フォント種類 :I-OTFアンチックStd B(クリスタ購入特典)

文字の大きさやフォントの種類はテキストツールのツールプロパティから変更
文字の大きさやフォントの種類はテキストツールのツールプロパティから変更

セリフなどの文字の大きさの基準は11〜15ptです。

 

かながアンチック体で漢字がゴシック体のアンチゴシック体がマンガの写植に使用されます。

クリスタを使用している場合、I-OTFアンチックStd Bというアンチゴシック体が

購入特典として使用できるため利用すると良いでしょう。

 

文字の大きさやフォントの種類はテキストツールのツールプロパティから変更が可能です。

 

マンガの写植については別記事で特集しているので、こちらの記事も合わせてご確認ください。

トーン

線数:42.5〜85.0線

トーンについては線数は60線が標準とされています。

 

ただ個人的には60線は点が大きすぎるように感じますのでわたしは基本85線を使用しています。

アナログ原稿は85%程度縮小して印刷する場合が多いので

60線くらい大きいトーンが良いとされてきたのではないかと思います。

 

絵柄や好みによって線数は42.5〜85.0の間で自由に選んで良いと思います。

 

トーンの大きさは印刷する紙によっても変えた方がよく、

コミック紙などの表面がざらざらしている紙の場合は大きめのトーン、

上質紙などの表面が平滑な紙の場合は小さめのトーンを使うと印刷映えがします。

60線の網点トーン
60線の網点トーン
85線の網点トーン
85線の網点トーン

濃度:10〜80%

トーンの濃度の基本は10%〜80%です。

これ以外の濃度だときれいに印刷することが難しく、

5%のトーンだと貼っていないように印刷されたり、90%のトーンだとベタのように印刷されてしまいます。

 

トーンの線数と濃度はレイヤープロパティから変更が可能です。

余談:砂目トーンについて

セーターやウールの洋服などに使用されることが多い砂目トーンというトーンがあります。

クリスタのノイズトーンが砂目トーンにあたると思うのですが、

ノイズトーンは砂目以外に斜め方向に模様が入っているように見えるので個人的に好きではなく、

下のクリスタ素材を砂目トーンとして使用しています。

Clip Studio Assets - 砂目トーン

細め03の砂目トーンを使用
細め03の砂目トーンを使用

まとめ

絵が自由に描くものなのであまり基準にとらわれて欲しくはないのですが

お金をかけて印刷する同人誌で失敗したくないという気持ちもわかります。

本記事を参考に自分の絵柄にあった線の太さなどを見つけてくださいね。

 

印刷でどのように出るかを確認したい場合はコンビニのネットプリントを利用して

試し刷りをしてみると良いですよ。

家庭のプリンターで利用されるインクジェットプリンターは線が太りやすいので

線の太さの確認には適しません。

↑このページのトップヘ