フォント、吹き出し、ストーリーエディタ、コマ割りなど漫画に必要なクリスタ(CLIP STUDIO PAINT)の機能を見ていきましょう。
ストーリーエディタなど漫画の機能を使うにはクリスタexの導入が必要です。
クリスタ(clip studio paint)のフォント・テキスト周り
クリスタは同一レイヤーのテキストを選択できない
クリスタは同一レイヤーのテキストを選択できません。整列もできません。
不便すぎるためAdobe Photoshopで軽く片付けましょう。1ヵ月～契約できます。
クリスタでイワタアンチックＢ(i-otfアンチックstd b)のWinとMacのインストール方法
漫画ではイワタアンチックＢを使うのが定番です。イワタアンチックＢは初期状態ではインストールされていないため追加インストールする必要があります。
下記からログインしてダウンロード。ダウンロードにはシリアル番号が必要です。
ダウンロード方法は以下のとおりです。
フォントのダウンロード > ログイン > シリアル番号を入れて[ 認証 ] > イワタアンチック体Bのダウンロード > ダウンロードする
シリアル番号の確認方法は以下のとおりです。
マイページ > ご利用製品シリアルナンバー > ダウンロード版、期限付きライセンス
ダウンロード版と期限付きライセンスが一緒なので、期限付きライセンスのものかと勘違いしてすぐに他のところをみてしまいました。。
ダウンロードしたらwindows osの標準の手順でインストールします。インストールが成功すると「i-otfアンチックstd b」というフォントが追加されます。
Macの場合、WindowsとMacは共通のファイルのため、ダウンロードまでは手順は一緒です。
Macの場合のインストール方法は下記のとおりです。
IwaAntStd-Bd.otfをダブルクリック > fontbookが起動 > フォントをインストール
なお、photoshopのpsdで書き出すとフォントはラスタライズされる仕様のようです。
クリスタでフォントの移動
文字はオブジェクトツールで移動します。
クリスタでフォント、行間の一括変更
ストーリーエディタを使うためクリスタEXではないとできません。
まとめて選択して一括変更できると思っていたら、まどろっこしいです。。
だだ、簡単にいうと次のとおりです。
- フォントツールであらかじめ数字を設定しておく
- ストーリーエディタを開いて適用
まず、
ツールの[A] > ツールプロパティ[テキスト]
先に適用したいフォントやサイズを選択します(もしくはストーリーエディタを開いたのち、あとからテキストツールを選択する方法でもできるようです)。
行間は隠れているためテキストツールのスパナアイコンを押して表示します。
テキストツールのウィンドウ右下[ スパナアイコン ] > 行間・揃え > 行間
パーセント指定にしましょう。150%ぐらいが見やすいです。
テキストカラーを変更したい場合は次のとおりです。
[テキスト]ツール > ツールプロパティのテキストの色の右にある[▼] > ユーザーカラーを選択 > 値を入力して[ok]
次にストーリーエディタを使います。
ページ管理 > テキスト編集 > ストーリーエディタを開く
編集したいフォントを全選択。シフト、取捨選択したい場合はCtrlを使います。
右クリック > テキストにツールプロパティを適用
かなり面倒ですが、Photoshopはフォントを一括変更する機能がバージョンによってはないようです(古いバージョンはある?)。CS6はなし。スクリプトを書く手間を考えればクリスタの方が楽といえます。
フォントのアウトライン化
ベクター化すればゆるい感じではできます。ただ、形状が微妙に変わってしまいます。
Illustratorのような厳密な意味でのアウトライン化はできないようです。Adobeですかね。
ストーリーエディタの使い方
ストーリーエディタを使う前の設定(常にテキストを別レイヤーで作成する設定)
ファイル > 環境編集 > テキスト編集
以下の設定にしています。
新規テキストの挿入方法
[ 常に新規レイヤーを作成 ]
テキストを追加した場合のレイヤーの扱いですね。
[ 既存のレイヤーに追加 ]も試しましたが、Photoshop使いのためか使いにくかったです。クリスタはレイヤーの上限も増えましたし問題ないかなっと。
同一レイヤーにしても通常のお描き画面で切り取り→ペーストで無理やりレイヤーをわけることができるようです、テスト的に作ったものをそれで修正しました。
方向：縦書き
完全に趣味の問題ですけど、シナリオは縦書きにしようかなっと。ちなみに、テキストエディタからシナリオのテキストをコピペできますが、縦書きでも問題ありません。
本文フォント
I-OFTアンチックStb
デフォルトのフォントは定番のI-OFTアンチックStbに指定します。
ストーリーエディタの使い方
ページ管理 > テキスト編集 > ストーリーエディタを開く
ストーリーエディターを立ち上げるとヒストリー(履歴)が何故か削除されます！
- シフトは選択です。Ctrlも組み合わせられます。
- Shift + enterで次のセリフを書けます。
- なお、ストーリーエディタはレイヤーを非表示にしていると編集できません。
- 削除は選択の上、右クリックからできます。
- 文字の移動はストーリーエディタを抜けたのち、ツールパレット[操作]オブジェクト > クリック で動かせます。
フォントをまとめて拡大する方法は、フォントの見出しをみてください、
テキストファイルをストーリーエディターに一括インポート
インポートする機能ぐらいあるんじゃ！？とぱっと見、見当たらなかったが、調べたところ、公式が解説していてメモ帳からコピペすればいいだけでした。
ページ管理 > テキスト編集 > ストーリーエディタを開く
CLIP STUDIO PAINT EXの[ページ管理]ウィンドウと[ストーリーエディター]は複数のページをまとめて編集できます。漫画のネーム製作への活用方法を紹介します。https://t.co/S7ecqYZ9Th#clipstudio pic.twitter.com/HuZRDf52kR
— CLIP STUDIO (@clip_celsys) June 8, 2020
一行一行コピペする必要はありません。
秀丸のアウトラインエディタとの相性は抜群です。
ストーリーエディターのテキストに、横書きにする、縁をつける
オブジェクトツールを選択したのち、普通のテキスト機能が使えます。
色、行間、フチは初期は隠れています。
- 右下の設定アイコン > フォント > 色
- 右下の設定アイコン > 行間・揃え > 行間
- 右下の設定アイコン > テキスト > フチ
- 右下の設定アイコン > テキスト > フチの色
ストーリーエディターのテキストを整列・分布
普通に整列機能が使えるようです。
- オブジェクトツールで選択
- 編集 > 整列・分布
ストーリーエディターのテキストのフォントサイズ
ツールプロパティ > サイズ
ドラック&ドロップして一部のフォントを変更することも可能なようです。
クリスタで漫画の用紙色を一括変更
用紙色が白よりグレーの方が描きやすい人もいるでしょう。またたまには気分転換に他の色にしたい人もいるかもしれません。
ページ管理 > 作品基本設定を変更 > 用紙色
なお、[作品基本設定を変更]はページが開いていると開けないため、閉じましょう。
ページ単位では、ページ管理 > ページ基本設定を変更からできます。
商業誌のフォントサイズと行間
商業誌のフォントサイズと行間を調べました。若干、違う意見の人もいますが、次の基準でいい気がします。
- デフォルトの文字サイズは20Q（14ptが近い大きさ）。
- 大声は24Q（17ptが近い大きさ）で表現しますが、状況によって柔軟に。
- 行間は125%(漢字にルビが入るかにもよる)。
コマ割りのコツ
3段ぐらいで1ページに細々と描きません。
動きがあるコマ以外は意外と斜めに切ったりしませんよね。
佐藤秀峰のやり方です。
・データ形式: jpg
（最終的にePubにする必要がありますが、大きな問題ではないので割愛）・サイズ: 1414×2000px（クリスタを使用した場合、用紙B4、600dpi、断ち切り枠をA4に設定すると、縦2000pxにして断ち切りの内枠までを書き出した時に1414×2000pxになります）
・解像度: 72dpi以上(600dpiで元データを作成している場合は、600dpiでも構いません）
・セリフの抜けがないこと（フキダシ内のテキストがすべて入力された状態であること）
・断ち切り位置が適切であること（ノド側に余白があり、断ち切り外に余白などがないこと）
https://note.com/shuho_sato/n/n1a8c927b588d
【小学館 まんが家養成講座】フキダシやセリフを入れてみよう！ | イラスト・マンガ描き方ナビ
https://www.clipstudio.net/oekaki/archives/152081
【漫画作成】セリフの吹き出し 最適な位置など5つの考察 – すごないマンガがすごい！
https://subcham.blog.fc2.com/blog-entry-928.html
マンガと情報デザイン・5（吹き出しと描き文字） – イディア：情報デザインと情報アーキテクチャ
https://www.idia.jp/report/manga-and-information-design-5/
3段
平均コマ数は６コマ、セリフ数は10コマ
漫画フォントの表現力と使い分けのコツ | 時短絵師うさぎ
https://jitan-eshi.com/archives/93
フォントサイズが9～12ptくらいが一般的
9小さい声？
10
12スマホでも見れる
14
17大声
の3サイズでいこう！
- デフォルトの文字サイズは20Q（14ptが近い大きさ）。
- 大声は24Q（17ptが近い大きさ）で表現しますが、状況によって柔軟に。
- 行間は125%(漢字にルビが入るかにもよる)。
行間125
http://manga.jp.net/knowhow/150924font/
漫画フォントが全部ｗかある。
https://twitter.com/jump_henshubu/status/1115153285973852166
漫画の文字入れ（写植）のコツについての漫画を描きました🤟 pic.twitter.com/t7D5Ov8bBV
— サノマリナ｜元編集者の漫画家 (@Marina_fumetti) September 26, 2019
行間のおすすめ
パーセント指定で150%ぐらいですかね。長さ指定はほぼ使ったことありません。
擬音や効果音は手書きそれともフォント？
フォントを使う人が増えているようです。字が汚い人はなおさら…たぶん。。オリジナルにするにしてもアタリを取るのには役立つでしょう。
今、結構多くの絵師が、漫画の効果音・擬音を
手描きじゃ無くてデジタルフォントに頼ってるとか聞いて、
ちょっと驚いてる。
カッコイイ独自のセンス出せる格好のポイントなのになぁ。（汗） pic.twitter.com/xREEyl51oo— 歩き目です (@arukime01) August 22, 2019
もちろん、手書きで描けばフォントの問題が起きない
原稿用紙のサイズ
| 用途 | サイズ(mm) | モノクロ 600dpi | カラー 350dpi | 備考 |
|---|---|---|---|---|
| B4原稿 | 257×364mm | 6071×8598px | 3541×5016px | 商業誌投稿の定番 |
| A4原稿 | 210×297mm | 4961×7016px | 2894×4093px | 同人誌原稿で多い |
| B5原稿 | 182×257mm | 4299×6071px | 2508×3541px | B5仕上がり向け |
| Web（B5の約50%） | 182×257mm相当 | 約2150×3035px | 約1254×1770px | 原稿を50%縮小したイメージ |
| Web移植（横幅1200px） | 比率維持 | 約1200×1697px | 約1200×1697px | ブログ掲載向け |
| Web移植（横幅1000px） | 比率維持 | 約1000×1414px | 約1000×1414px | ブログ掲載向け |
| 比率（実測） | – | 約1:1.414 | 約1:1.414 | A判・B判共通 |
| 5:7換算 | – | 1000×1400px | 1200×1680px | Webで扱いやすい近似比率 |
★定期ポスト
— 赤き花は小指に結び(猗窩恋＆恋猗窩webオンリー) (@chirominko) March 4, 2026
webアンソロご寄稿のお願い
サークル参加の方は誰でも参加可能です。
1000×1414pxが推奨サイズとなります。
約A5程の比率です。健全猗窩恋・恋猗窩作品指定。小説や漫画、イラストなど。カラー・モノクロ可。1人2ページまで・テーマは「花」です。#赤むすinfohttps://t.co/AQXSJdETlb
| 用途 | 原稿サイズ | GPT-image推奨サイズ（16倍数） | 余白 |
|---|---|---|---|
| B4カラー | 3541×5016 | 3552×5024 | +11,+8 |
| A4カラー | 2894×4093 | 2896×4096 | +2,+3 |
| B5カラー | 2508×3541 | 2512×3552 | +4,+11 |
| Web（B5の50%） | 1254×1770 | 1264×1776 | +10,+6 |
| Web移植（1200幅） | 1200×1697 | 1200×1712 | +0,+15 |
| Web移植（1000幅） | 1000×1414 | 1008×1424 | +8,+10 |
GPT-image2の総画素数ではB5カラーは作れません。
- B5:2508 × 3541=8,882,828 px(約888万画素)
- GPT-image 2の総画素数:1024 × 1536=1,572,864 px(約157万画素)
Photoshopのアップスケールが必要です。
コメント