コンパクトでない空間

a good experience become even better when it is shared

完成度をワンランク上げるデジ絵加工技術

f:id:saho-london:20171128051203j:plain:w400

これはCCS Advent Calendar 2017 - Adventarの二日目の記事です。

前： †皆伝暴龍天†が推すッ！弐寺とボルテの名曲、13選 - †皆伝歩夜騎之娘ノ舞†

なにを書いてほしいかTwitterでアンケートをとったのですが、

アンケートの結果は完全に無視し、よっつめのやつを書くことにしました。
なんでかって？
よく考えた結果、他の奴は全部「ぐぐれカス」で終わっちゃうってことに気づいたからだよ！

ぐぐれカスだけじゃあんまりなので、一応記事の最期に他のテーマに関するリンクも置いておきます。
なので、よかったら最後までおつきあいください。

さて、本題です。
ここに、この記事のために無駄に頑張って描き下ろした絵があります。
f:id:saho-london:20171128033405j:plain
これを、
f:id:saho-london:20171128045405j:plain
こうなるように加工します。
並べるとこんな感じ。
f:id:saho-london:20171128033405j:plain:w400f:id:saho-london:20171128045405j:plain:w400
空間の奥行きが感じられるようになっているかと思います。
キャラクターの奥の空間に空気が存在している感じ、あるいは、絵の中の世界ではなく、本当に自分がそこにいるような感じ、を出したい。
という加工のお話です。
これを読めば誰でも臨場感のある神秘的な絵が描けるように！なる！
加工前の元の絵が描けないって？
そんなん私が書かずともいくらでもメイキングがあるだろ！頑張れ！

私は普段SAI2を使っているので、SAI2で進めていきますが、基本的にどんなお絵かきツールにもある基本的な機能しか使わないので、なにを使ってもできると思います。
一か所だけphotoshopにしかないフィルターを使います。
現状のレイヤー数は背景とキャラの2枚です。
f:id:saho-london:20171128033638p:plain:w200
解像度はこのぐらい。
f:id:saho-london:20171128033845p:plain:w400
この解像度、メモリ的にはギリギリア……セーフ、ぐらいのラインで、chromeや他の大きい解像度の画像を開いているときにSAI2でレイヤーをガンガン複製していくとメモリが死ぬので、私みたいな「馬鹿みたいにでかい解像度じゃないとモチベーションあがんない！！」とかでなければもう少し小さくした方が無難かと思います。
SAIのメモリ効率が悪いだけで、photoshopとかクリスタなら大丈夫なのかも。

背景をぼかす

まず背景のぼかしから。
背景のレイヤーを複製し、ぼかします。
f:id:saho-london:20171128033949p:plain:w600
f:id:saho-london:20171128034151p:plain:w200
全部ぼけていると変なので、奥と手前を残し、キャラの周辺にあるものだけクリアにしましょう。
こんな感じの透明度が低く、輪郭のぼけた消しゴムツールを用意して消していきます。
f:id:saho-london:20171128034127p:plain:w200
このぐらい消すと、
f:id:saho-london:20171128034419p:plain:w600
下のレイヤーを表示したらこうなってくれます。
f:id:saho-london:20171202000739j:plain:w600
念のためバックアップ用にレイヤーを複製してから、背景レイヤーを結合してぼかし工程は終わりです。
f:id:saho-london:20171128034817p:plain:w200
背景とキャラに異なる操作をするのはここまでなので、念のためにバックアップとしてレイヤーを複製してから、背景とキャラのレイヤーを統合しましょう。
工程前後比較
f:id:saho-london:20171128033405j:plain:w400f:id:saho-london:20171202000739j:plain:w400

彩度の調整

次は、彩度レイヤーを使ってみましょう。
新規レイヤーを彩度モードにして、顔、手等目立たせたいところや、光が当たっているところに彩度の高い色をぼかしたエアブラシでのせます。
f:id:saho-london:20171128035552p:plain:w600
同じように、目立たせたくないところに黒をのせていきます。
f:id:saho-london:20171128035856p:plain:w600
いい感じの見た目になるように不透明度を調整するとこんな感じになります。
f:id:saho-london:20171202001451j:plain:w600
工程前後比較
f:id:saho-london:20171202000739j:plain:w400f:id:saho-london:20171202001451j:plain:w400

テクスチャ

テクスチャを貼りましょう。
自分が撮った写真や過去絵を使うのがオススメです。
全然関係ないもので構いません。
今回はこれを使ってみましょう。
f:id:saho-london:20171128041722j:plain:w400
適当にぼかして大きさを調整して回転させます。
なんとなく明るいところ同士が一致するような向きにします。
オーバーレイにしながらコントラスト、色相、明度を色調補正をしていい感じにします。
コントラストは色が飛ぶぐらいが目安、色相は空気の色（シアン～青）ぐらいが目安、明度はオーバーレイにして元の絵の全体の明度の印象が変わらないぐらいが目安です。
f:id:saho-london:20171128042234p:plain:w600
不透明度を3～10%ぐらいにして完成。
f:id:saho-london:20171202001016j:plain:w600
工程前後比較
f:id:saho-london:20171202001451j:plain:w400f:id:saho-london:20171202001016j:plain:w400

ハイパス

SAI2はここまでで、ここでpsdで保存してphotoshopに移動します。
レイヤーを複製し、オーバーレイにして、フィルターのハイパスをかけます。
ハイパスのある位置はバージョンにより異なるので各々調べてください。
先にレイヤーモードをオーバーレイにしてからハイパスをかけることで、仕上がりを確認しながらハイパスのパラメーターをいじれます。
今回は3.4pixelにしました。
レイヤー単体で見るとこんな感じです。
f:id:saho-london:20171128044607p:plain:w600
オーバーレイにするとこんな感じ。
f:id:saho-london:20171128044910p:plain:w600
背景だけぼけてるのが気になったので、背景だけハイパスを強くかけました。
背景をぼかすのに使った、フィルターをかけたくないところだけ消しゴムで消す手法で。
f:id:saho-london:20171128045109p:plain:w600
工程前後比較
f:id:saho-london:20171202001016j:plain:w400f:id:saho-london:20171128045405j:plain:w400

完成

f:id:saho-london:20171128045405j:plain
前後比較
f:id:saho-london:20171128045338j:plain:w400f:id:saho-london:20171128045405j:plain:w400

いかがだったでしょうか。
え？変わってないって？
この微妙な差が大事なんだよ、微妙な差が！

そんなわけで、書かなかった他のテーマの関連リンクを書いていきます。

メイク入門

私はこの本を読んで勉強しました。
でもたまたま書店に置いてあったのを手に取っただけで、こういうメイク教本はいくらでもあるので、お好みのものを買えばいいと思います。

女装メイク

ひげ隠し
ameblo.jp
眉について
www.youtube.com
女装コスプレメイクのやり方 | ハツコス！
ノーズシャドウについて（これは女装メイクではなく女の子の普通のメイクの話題ですが、男性は鼻が大きめなのでより参考になるかと）

線画の抽出

SAI2ならコントラストと輝度を透明度に変換を使えば終了。
photoshopなら
hisakatano.raindrop.jp