素人がPhotoshopの写真加工で新海誠のアニメ風景にどこまで近づけるか:都会編

投稿日: カテゴリー: photoshop

アニメ映画「君の名は。」が爆発的なヒットを記録した新海誠、

その映画の大きな特徴といえるのが緻密に描かれた背景です。

こんなの素人が1から描いてたら話になりません。

ただ私達にはPhotoshopという強力な武器があります。

これで新海誠にどこまで近づけるか試してみます。


必要なもの

・Photoshopのみ


関連記事

%e7%94%b0%e8%88%8e%e5%ae%8c%e6%88%90

素人がPhotoshopの写真加工で新海誠のアニメ風景にどこまで近づけるか:田舎編

 

%e5%8c%96%e7%89%a9%e8%aa%9e%e9%a2%a8

誰でも出来るSketchUpとPhotoshopで描くアニメ「化物語」風の建築パース

 

 




 


今回素材とする画像はこちら。

photo-1473167146081-90eecb675695

 

 

まずは画像をPhotoshopで取り込み

イメージ>色調補正>HDRトーンで色合いを調整します。

以下のような設定にしてみて違和感があれば調整してください。

※またこの時点でレイヤーを複製しておいてください。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-19-16-14-17

 

 

この時点でこんな感じ。

%e9%80%94%e4%b8%ad

 

 

次にフィルター>ぼかし>ぼかし(表面)でぼかしを入れる。

下記の値を参考にしてください。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-19-16-29-09

 

 

わかりづらいですが、ぼかすことでディテールが消え水彩っぽさがでました。

%e3%81%bb%e3%82%99%e3%81%8b%e3%81%97%e5%85%a5%e3%82%8c%e3%81%9f%e3%81%a8%e3%81%93

 




 

次にぼかしを入れる前に複製しておいたレイヤーをつかいます。

フィルター>表現手法>輪郭検出で輪郭線のみの画像にします。

その後イメージ>色調補正>二階調化で白黒の輪郭線のみにします。

%e8%bc%aa%e9%83%ad%e7%b7%9a

 

この輪郭線のレイヤーを前のぼかしを入れたレイヤーの上に乗算、不透明度40%くらいで重ねます。

するとこんな感じ。この辺で満足してもいいですが・・・。

%e8%bc%aa%e9%83%ad%e7%b7%9a%e4%b9%97%e7%ae%97%e5%be%8c

 

欲張って別レイヤーでハイライト、影、ぼかしを適宜入れ、色合いを調整します。

%e3%81%bb%e3%82%99%e3%81%8b%e3%81%97%e3%81%a8%e3%81%8b %e8%bc%aa%e9%83%ad%e7%b7%9a%e4%b9%97%e7%ae%97%e5%be%8c

 

完成です。

かなり手描きに近いところまでいけたと思います。

ただこの方法は画像によってはあまり相性がよくありません。

数値を調整したりして色々試してみると良いでしょう。

%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88%e9%a2%a8%e5%8a%a0%e5%b7%a5