【クリスタ】モノクロ原稿をWEB用に書き出し＆縮小する方法2つ

クリスタで紙の同人誌として印刷することを想定してモノクロ2値で作った漫画原稿。

これをWEBに上げるための出力方法は2パターンあります。

トーン効果を消さずにモノクロ2値のままWEB用に出力する方法と、トーン効果を消してモノクロ2値→グレースケールに変換して出力する方法です。

この2つの出力結果の違いはモノクロ2値のトーン効果を保持するかしないかです。

もちろんWEB用に縮小もします！

モノクロ2値からグレスケ変換してモノクロ原稿をWEB用に書き出す方法

モノクロ2値で描いた原稿は書き出す時にグレスケ変換してWEBにアップするやり方が主流です。

液晶画面を通して見るWEBの場合はグレスケの方が綺麗に見えるためです。

このやり方はモノクロ2値のトーン効果が失われますが、書き出す時に同時に縮小することが可能です。

書き出す時に設定をミスっていると線画が汚くなったり、一部のトーンがうまく出力できなくなったりしますのでお気を付けください。

クリスタでモノクロ2値をグレスケ変換する手順

以上の手順で、モノクロ2値をグレスケとしてWEB用に書き出せます。

【クリスタ公式FAQ】印刷用に作ったマンガやイラストをWebにアップロードしたいです

グレスケで書き出すと液晶で見た時に綺麗でモアレも起きにくいメリットがありますが、トーン効果が消えてしまうデメリットがあります。

トーン効果を残してモノクロ原稿をWEB用に書き出す方法

同人誌として印刷を前提にモノクロ2値で作成した原稿をグレスケに変換せず、トーン効果を保持したままWEBに上げたいことありますよね。

そういう場合はいったん原寸大で書き出してから書き出した画像を縮小すれば、トーン効果を保持したまま綺麗に縮小できます。

クリスタでモノクロ2階調（原寸大）書き出しする手順

書き出した画像をWEB用に縮小する

1. クリスタでモノクロ原寸大で書き出し
2. ①で書き出したものを縮小する

ことで、トーン効果を保持したままWEB用に適したサイズにきれいに縮小できます！

クリスタで書き出した画像の縮小は、一括リサイズできるフリーソフトを使うと楽です。

フリーソフトは窓の杜でお好きな物を探すか、オンラインでもできます。

オンラインでできるものはデータを取得されるかもしれないため、私はフリーソフトのRalphaを使って一括縮小しています。

同人誌を電子書籍配信する時は配信先の推奨サイズにあわせる必要がありますので、縮小する時はそのサイズを指定してください。

Q. 原稿データを入稿する際の規定はありますか？

弊社推奨サイズは

縦サイズ1200〜2370pixel
横サイズ860〜1680pixel

表紙、本文サイズは統一してご入稿ください。
統一されていない画像がある場合、自動的に拡大・縮小、余白の追加などの処理が行われます。
その際画像が多少荒くなる場合がございます。ご了承いただきますと幸いです。

引用：ナンバーナイン

配信先によっては原寸大でアップロードすると縮小がかかって画像が荒くなってしまうので、紹介した手順で縮小してみてください。

もし配信先が推奨サイズをヘルプに載せていない場合は配信先に直接問い合わせてください。

また、ここで紹介した他に下記のやり方も可能です。

モノクロ二値B5原寸サイズで作業してます。自分の場合ですが書き出しの際に

・カラー→RBG
・色の詳細設定→レイヤーに付与されたトーン効果を出力するにチェック(それ以外はデフォルトのまま)
・元データからの圧縮率→任意の%
・拡大縮小時の処理→イラスト向き

で特にモアレなど感じていません。
ただ自分はトーンの重ね貼りなどはほとんどしていないのでそのせいかもしれませんが…

引用：モノクロ2値で製作した同人誌用データのWeb用出力の方法について…

拡大縮小時の処理の違い

ざっくりまとめると、グレスケでの書き出しは「グレスケにして、トーン効果を有効にするのチェックを外し、イラスト向きで書き出す」ことで、書き出す時に縮小をかけても画像が荒れない。

モノクロ2値の場合は「モノクロ2値にして、トーン効果を有効にするのチェックを入れ、コミック向きで書き出す」必要があります。

この場合、書き出す時に縮小をかけると画像が荒れてしまいます。

それはなぜかというと、拡大縮小時の処理に違いがあります。

これについてクリスタのサポートに分かりやすい回答があったので、引用します。

[コミック向き]は、レイヤーごとに拡大縮小の処理を行ってから統合をしております。

縮小した段階ではまだレイヤーの特性が生きているため、レイヤーの種類や表現色ごとに、縮小結果に違いが生じます。

ベクターレイヤーの場合は、縮小時に必ず線の情報を維持しますので、元々モノクロで描いた線画は、縮小書き出ししてもモノクロのままです。

ベクターレイヤーの場合は、縮小時に必ず線の情報を維持しますので、元々モノクロで描いた線画は、縮小書き出ししてもモノクロのままです。

そのため、添付画像①と②はモノクロで出力される状態です。

ラスターレイヤーは、書き出し時の[ラスタライズ]の設定が[品質優先]の場合に、縮小書き出し時にアンチエイリアスかかります。

③はグレーレイヤーなのでこれに該当します。

一方④はモノクロレイヤーなので、[コミック向き]で縮小すると、縮小時点でモノクロでの表現しか出来ない関係上、アンチエイリアスはかかりません。

且つ、ベクターレイヤーのように線の情報を持ってはいないため、単純に画像に縮小がかかった結果、細い個所は途切れた状態になります。

[イラスト向き]にした場合は、全レイヤーを統合後に縮小がかかるため、レイヤーの種類や表現色に関わらず、同じようにアンチエイリアスがかかります。

上記の特性をご確認の上、書き出し時の設定の参考にしていただければと思います。

引用：「コミック向き」で縮小しグレースケールで出力すると、線がモノクロ2値になってしまう

上記引用先のリンクを見ていただくと色んなパターンで書き出した結果が載っています。

画像を見ながらサポートの回答を読むとなんとなーく理解できるかと思いますので、なんでこんな現象が起こるのか知りたい方はサポートを見てみてください。

よく分かんない！という方は、とりあえず本記事に書いたやり方ならモノクロ原稿をWEB用に綺麗に書き出せるんだな、と思っていただければ。

お好みの方法で書き出し、縮小してみてください

モノクロ2値とかグレスケとか、レイヤープロパティとかラスタライズとか……。

漫画原稿を書き出す時は気を付けないといけないことが多くてややこしいですよね。

もしここに書いた手順でも綺麗に書き出せない時は、レイヤープロパティやラスタライズの有無を確認する必要があるかもしれません。

お使いの素材によっても変わってくるので、うまくいかない時はレイヤープロパティの確認やラスタライズが必要かなどもあわせて調べてみてください。

また、CLIP STUDIO PAINT PROで漫画を描いている場合は一括書き出しができないので色々大変です。

これを機にCLIP STUDIO PAINT EXへのアップグレードを検討されてもいいかもしれませんね。