SAIで群集の影（ハイライト）塗り実験・考察まとめ - 動画作成用wiki＠レッツゴー！メイデンズ

△▼△　SAIで群集の影（ハイライト）塗り実験・考察まとめ（Ver.3）　△▼△

群集パレットを使用する1シーン（または一連の動き）をSAIをメインで使用し、
複数の人間で分業して塗り上げていくことを前提にしています
※ここでは便宜上群集シーン＝５人ダンスシーン及び047系、という意味で使っています
※このまとめのやり方で誰が塗っても問題が起きないように随時修正しています
　まだこのやり方に決定されたわけではありません

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

■□　分業工程案　□■

※例として、全20枚の群集シーンを分割し、
　そのうちの1枚目～5枚目を作業する、とします

工程０．　20枚を作業がしやすいようにキー線画を決める……☆最終調整する職人が中心となって考える

工程１.　キー線画のみベース塗り……☆塗り初心者でもおｋ．使用ソフトもPSD保存ができれば何でもおｋ

工程２.　SAIでキー線画の境界線を描き、影塗りをする……☆最終調整する職人が作業

工程３．　2、3、4枚目の境界線を描く……☆中割経験のある職人さんならできそう

工程４．　2、3、4枚目のベース塗りと影塗りをする……☆塗り初心者でもおｋだが、影の調整の難易度はちょい高め

工程５．　20枚分全てのデータが揃ったら最終調整をして確認……☆工程２の職人が担当
　　　　　→PNG化……☆PNG化は画像処理職人に依頼しても可

この５工程に作業を分けて分業していきます
以下より詳しいやり方の説明です

工程０．20枚を作業がしやすいようにキー線画を決める

……例として、キー線画を1、5、9、13、17、20枚目の6枚とすると
　　1～5、5～9、9～13、13～17、17～20の5つのグループに分割できる

　　・工程３、４の職人が作業しやすいようにするため
　　　分割した各データの最初と最後に見本となる塗りと境界線がある
　　・前のグループとかぶっている塗りがあることで、グループ毎のつなぎもスムーズになる

　　分割は実際の動作や割りの枚数とも関連するので
　　いつもこの例のように分割できるかはわからないが
　　上記の３つの点は押さえていかないと分業がスムーズに進まないことになるかも

　　★グループ分割は工程２担当の職人が中心となって、間の線画が1～3枚になるようにする

工程１.　キー線画のみベース塗り

……使用ソフトはPSDで保存ができれば何でもおｋ
　　１ファイルで線画５枚分までとする
　　★瞳レイヤーは必ず一番上に作ること
　　二値化線画は影塗りでも使うので、必ず残しておく！
　　パスでベース塗りをした場合は二値化線画は作らなくてもおｋ

　　　　　　↓
　　　　　　↓次の作業者へPSDでデータを渡す
　　　　　　↓

工程２.　SAIでキー線画の境界線を描き、影塗りをする

……使用ソフトはSAI
　　この作業をする人が最終的に20枚全体の調整役となるので、
　　ここで一気に全部のキー線画の境界線を描き、影塗りも行う
　　ただし１ファイルでキー線画５枚までとする
　　ベース塗りデータがフォルダを使用していない状態で受け取った場合は
　　やりやすいようにフォルダを使って整理していく

　　まずは1枚目から作業開始
　（１）境界線を描く　　
　　境界線はパスで描くので保存形式は.saiに変更
　　境界線を描く時は以下の状態で描くこと
　　この状態で描くと後で修正しなくても選択範囲の閉じ漏れはまず起こらない
　　・通常線画は非表示で二値化線画を表示
　　・筆圧はなし
　　・境界線の太さは1.0、
　　・合成モードはカラー二値化
　　・不透明度は40％
　　境界線は最終的には非表示にするので黒以外なら何色でもおｋ
　　細かくなるが、肌影の境界線も描くこと
　　垂直・平行に近い曲線は稀に切れてしまうことがあるので、その時は制御点をいじると再び繋がる

　（２）白目、瞳の中をフリーハンドで塗る
　　群集は線画が細かく、こういった部分は境界線が描けないのでフリーハンドで塗る
　　鉛筆・エアブラシツールのどちらを使用してもいいが、
　　ブラシの形状は必ず一番右の最もボケの少ないものにする。消しゴムも同様
　　★白目レイヤーは瞳レイヤーの直下に作ること
　　★瞳ﾊｲﾗｲﾄは瞳ベース塗りレイヤーとは別レイヤーに塗った方が無難
　　「下のレイヤーでクリッピング」（グループ化機能）を活用すると便利
　　★瞳と白目をひとつのフォルダに入れ、名前を「目」にしておく
　　この後「目」フォルダをコピーして使いまわしていく
　　肌影のフリーハンド塗りは基本は不可とする

　（３）バケツで影とハイライトを塗る
　　★・各ベース塗りレイヤーは念のため「透明部分の保護」をする
　　・二値化線画と二値化境界線を表示
　　　二値化線画が無かった場合は作っておく（やり方は「SAIでベース塗り」参照）
　　・バケツツールの設定は
　　　領域抽出モードが「色差が範囲内の部分」
　　　色差の範囲は±25
　　　領域抽出元は「全表示レイヤー」にチェック
　　　アンチエイリアスもチェック
　　・バケツツールでベース塗りレイヤーに直接塗る
　　　鋭角部分や線が込み入っている部分は拡大すると1、2ドットの塗り残しがあることが多いので
　　　塗り残しの無いようにバケツで塗っておくこと
　　　そういった部分の手を抜かないことによって綺麗な鋭角が表現できる
　　　間違って境界線部分をクリックすると境界線の下が塗られてしまうので
　　　充分拡大してから（500～800％程度）ペンタブではなくマウスで行うと吉

　　※いきなり境界線を描くのはイメージがつかみにくいという人は
　　　先にフリーハンドで影塗りをして、それを元に境界線を描いてもおｋ
　　　フリーハンド塗りの際は修正しやすくするため、ベース塗りレイヤーとは別レイヤーに
　　　「下のレイヤーでクリッピング」を活用して影を塗った方が吉

　（４）細部を手直し
　　基本的には（３）のやり方でかなり綺麗に仕上がるが
　　鋭角な部分に穴が開いたような塗り残しが起きることがた稀にあるので、
　　境界線を非表示にして確認し、極細い鉛筆ツールで修正。ただしやり過ぎない事
　　50％に縮小した時わからない程度ならスルーでおｋ

　（５）次の境界線を描く
　　次の境界線を描く時は、1枚目（または似たポーズ）の境界線をコピーし
　　それを元に描いていくと通しで見た時のブレが防げる（線画の中割と同じ）
　　マクロ変形制御点ON/OFFとストロークマクロ変形を活用するとｼｱﾜｾになれる

　（６）（３）と同じ要領で塗る

　（７）１枚目の「目」フォルダをコピーして使いまわす
　　サイズ変更・自由変形・回転をするとエッジがぼけたり変色したりするのでやや注意が必要
　　★白目や瞳はとても小さいため変色等も目立ちにくいので、少々の変形ぐらいならイケる
　　★明らかに顔の向きが違う場合は潔く新たに塗った方が無難
　　★ただし瞳ﾊｲﾗｲﾄの配置がズレると意外に目立つので注意！
　　以降これを繰り返していく
　　途中でレイヤー枚数上限に引っ掛かるかもしれないのでレイヤーを増やし過ぎないように

　（８）GIFアニメでチェック
　　　　★チェック終了後、１枚目の影をフリーハンド塗りしていた場合は
　　　　★「目」フォルダ以外バケツ塗りでやり直しておくこと

　　　　　↓
　　　　　↓　次の職人へ.saiでデータを渡す
　　　　　↓

工程３．　2、3、4枚目の境界線を描く

……使用ソフトはSAI
　　１枚目と５枚目以外は削除
　　工程２の（１）と（５）の要領で２～４枚目の境界線を描いていく

　　　　　↓
　　　　　↓次の職人へ分割したデータを.saiで渡す
　　　　　↓

工程４．　2、3、4枚目のベース塗りと影塗りをする

……使用ソフトはSAI
　（１）ベース塗り
　　二値化線画でバケツ塗り
　　線画と各キャラごとベースカラー分のレイヤーを準備
　　二値化線画の作り方は「SAIでベース塗り」を参照
　　バケツツールの設定は
　　・領域抽出モードが「色差が範囲内の部分」
　　・透明とみなす範囲は後で影塗りするときに±25にしないといけないので±25に設定
　　　（実際はこの作業での数値はほとんど関係ない模様）
　　・領域抽出元は「全表示レイヤー」
　　・アンチエイリアスはチェックを外す
　　・線画と境界線の色に近い背景、ムラのある背景は作業に支障をきたすので絶対に不可
　　鋭角部分、線の込み入った部分の塗り残しに注意
　　★各ベース塗りレイヤーは念のため「透明部分の保護」をする

　（２）影塗り
　　工程２の（３）（４）（７）の要領で作業する
　　バケツのアンチエイリアスのチェックを入れるのを忘れずに！

　　塗りあがったらGIFアニメでチェック
　　スレで指摘があれば修正していく。なるべく境界線から修正するのが望ましい

　　　　　↓
　　　　　↓　工程２の作業者へ.saiでデータを渡す
　　　　　↓

工程５．　20枚分全てのデータが揃ったら最終調整をして確認→PNG化

　　最終調整は作業者のやりやすいようにやればおｋ
　　微妙な修正ならフリーハンド修正の方が楽かもしれない
　　後悔しないように.saiでの最終保存を忘れずに

　　最終調整が終わったら
　　・境界線は非表示（または削除）
　　・二値化線画は表示したまま　（※1）
　　・フォルダを統合してからPSDで保存　（※2）
　　・フォトショップまたはGIMPで背景透過のPNG-24で保存　（※3）

　　（※1）SAIでベース塗りをすると二値化線画の下には色が塗られていないため
　　　　　通常線画だけだとその部分が微妙に半透明化してしまう
　　　　　必ず二値化線画を表示したままにしておくこと
　　　　　線画の下にベース色が入っていて更に二値化線画を表示しても特に害はないので
　　　　　ベース塗りの状態がどうであっても二値化線画は表示のままで！

　　（※2）GIMPはﾌｫﾙﾀﾞ機能やグループ化機能がなく、
　　　　　それらが使われたデータを開くと全て解除されてしまうし、
　　　　　ﾌｫﾄｼｮはバージョンによってﾌｫﾙﾀﾞ機能に差があって開けたり開けなかったりするため
　　　　　SAIの段階でﾌｫﾙﾀﾞは統合しておく
　　　　　統合の仕方は１枚分の線画・塗りの入った最上層フォルダを一発で統合する

　　（※3）SAIは縮小があまり得意ではないようなので、縮小はﾌｫﾄｼｮかGIMPで行う
　　　　　この作業は画像処理職人に依頼しても可

以上で分業は終了です
状況により工程３と４の作業を同じ人が行ってもいいと思います
一見境界線やバケツ塗りの設定が面倒そうですが、最初に設定してしまえばいじる必要はほぼ無く、
いじるのはベース塗りと影塗りでアンチエイリアスを切り替えるだけです

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

■□　群集ｼｰﾝの影塗り分業をSAIで行う長所と短所　□■

◎　長所　◎

• 製品化前のテスト版を無償で使用できる

• パス線が描ける

• スレに使い慣れた人が多い

……機能面での質問がスレであった時答えられる人が多い→作業者が不安になりにくい

• 扱いが比較的容易なので初めて使う人も覚えやすい

• 多階層フォルダを作ることが可能

……頻繁に前後の絵を見て比較するので、
　　フォルダ機能がないと確認の度に数十枚のレイヤーをさかのぼり
　　表示非表示を切り替えなければならないが
　　フォルダでレイヤーをまとめてしまえば簡単楽チン→精神的負担が大幅に軽減

• グループ化機能（下にあるレイヤーの透明部分をマスクとして扱える機能）がある

……「下のレイヤーでクリッピング」という機能がこれにあたります
　　フリーハンド塗りの時に非常に便利です

◎　短所　◎

• レイヤーが256枚までしか作れない。レイヤーが256枚以上あるデータも開けない

　（フォルダもレイヤー1枚としてカウントされる）
対策→→作業者の負担、データの重さ等を考えても基本的に１ファイルで線画５枚以下、
　　　　５人のシーンは前列と後列に分けてキャラ数は３人までが理想です
　　　　線画５枚で、瞳など一部を除き影塗りをベース塗りレイヤーに直接塗れば
　　　　256枚以内に収めることができます
　　　　それでも無駄なレイヤーを作っている余裕はあまりありません

• パスを選択範囲に変換することが出来ないので、多少塗り残しが起きる可能性がある

対策→→バケツ塗りの時、鋭角部分や線が込みいっている部分の1、2ドットの塗り残しを
　　　　拡大してきちんと潰しておけば、後の手直しはほぼ必要なくなります
　　　　実験ではバケツ塗り後のフリーハンド修正一切ナシで綺麗に仕上げることに成功しています

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

■□　フォトショップ、GIMPとの連携問題　□■

• 多階層フォルダを活用することが前提となっているので、他のソフトととの連携作業が難しい

• 二値化線画でアンチ有塗りという組み合わせでこの仕上がり状態になるのはSAIのクセのようなので

　工程４の影塗りをSAI以外のソフトでやると仕上がりが変わってしまう可能性がある？

• パス情報の共有ができない ―→ 修正の可能性を考えると、最後にPSD化する直前までパス情報は生かしておきたい

……作業のわかりやすさと仕上がりを優先すると、工程２～５の作業は一貫してSAIで行うことに
　　した方が良いのではないかと考えています
　　各ソフトユーザーごとに担当シーンを棲み分けした方が結果的に職人さんの負担も少なくなりそうです