フジムラアンコ「China Girl」メイキング

ラフから完成までメイキングのまとめです。 【環境】 Window7 PhotoshopCS5、IllustratorCS5 Intuos4 Medium
2
フジムラ@HR86 @fujimura69

まず諸注意をば! ・あくまで私の方法なので参考程度に見てくださいね! ・最後にPSDファイルを配布しますが、勝手に印刷したり商品にしたりしないで下さいね!(解像度は落としてあります) 特に二点目は守っていただきたいです! それでは始めます(^o^)

2013-11-25 18:53:33
フジムラ@HR86 @fujimura69

【1】ラフです。今回はチャイナっぽい女の子かきたいなーうーんぐりぐりと適当に動かして。今回の環境はIllustrator、Photoshop共にCS5です。その他のソフトやアナログでの作業は一切してません。 http://t.co/xisJWgvIht

2013-11-25 18:55:30
拡大
フジムラ@HR86 @fujimura69

【2】なんやかんやで線画が出来ました。なんやかんやです。アチョー! http://t.co/N9SMmIG6Qu

2013-11-25 18:56:23
拡大
フジムラ@HR86 @fujimura69

【3】ココらへんは単純作業なのでガンガン省きます!色分け。私の線画は太いので選択範囲でバシバシ色分け出来るので簡単です。アクションに「選択範囲+1→塗りつぶし(描画色)」っつーのを作って登録して、作業の効率化もしてます。 http://t.co/r3A7UvMXWf

2013-11-25 18:59:47
拡大
フジムラ@HR86 @fujimura69

【4】肌の塗りで説明をば。私の場合は通常ペン(不透明度等全部100%)で影やハイライトを入れるのですが、それだけだと単調になるので、ところどころにエアブラシ(筆圧ON)でアクセントを入れてます(この場合ほっぺの赤み等) http://t.co/SZLUYjiykQ

2013-11-25 19:03:22
拡大
フジムラ@HR86 @fujimura69

【5】影は光源を意識しつつも、キャラや雰囲気を最も大事に考えて入れています。時には上手に嘘をつくのも大事だと考えているので、本来は入らない影を入れたり、逆に入れなかったり・・・良い影やハイライトは本当に難しいです・・・! http://t.co/KdAvIHZIVe

2013-11-25 19:06:05
拡大
フジムラ@HR86 @fujimura69

【6】線画がシンプルな私の絵は、ベタ塗りだと単調になりがちなので、グラデを多用しています。綺麗なグラデはPCの利点ですね!全体にかけるとファイルが重くなるので、かけたい部分だけ選択範囲でかけてサイズ軽減もしてます。 http://t.co/babV6PzykD

2013-11-25 19:08:58
拡大
フジムラ@HR86 @fujimura69

【7】柄入れ。フィーリングで入れていきます。この作業が一番好きです。イラストが一気に華やかになります!モチベーション維持の為に、影入れの途中で入れたりもします。笑 http://t.co/l5CFOG8oSv

2013-11-25 19:12:52
拡大
フジムラ@HR86 @fujimura69

【7-2】柄入れの柄について。別ファイルでこんな感じの柄を適当に描いて、コピペで総柄風なチャイナ柄を作ってました。柄一つにも作者のこだわりが見えると楽しいですね! http://t.co/SLrfu3XLfa

2013-11-25 19:14:34
拡大
フジムラ@HR86 @fujimura69

【8】ハイライトを入れています。これも光源を意識しつつ。影もハイライトも柄や模様にしたりするのが好きなので、絵によってはデザインチックなハイライトもあります。レイヤーモードをソフトライトや通常で不透明度を下げたり色々。 http://t.co/v4QkSNlow5

2013-11-25 19:16:48
拡大
フジムラ@HR86 @fujimura69

【9】そんなこんなで人物は完成です。 http://t.co/rKp4JTIzim

2013-11-25 19:17:30
拡大
フジムラ@HR86 @fujimura69

【10】背景。今回はIllustratorで中華風の枠を作りました。イラレで描くと拡大縮小が関係ないので便利ですね! http://t.co/0Ky83WaBM9

2013-11-25 19:19:05
拡大
フジムラ@HR86 @fujimura69

【11】人物を統合してレイヤー効果の境界線で処理。背景と重なると見辛いので、境界線で境目をつくって人物が目立つようにしてます。 http://t.co/CDVOMiAmwX

2013-11-25 19:20:52
拡大
フジムラ@HR86 @fujimura69

【12】どれくらい見辛いかというとこんな感じ(レイヤー効果かける前)背景の模様の色が濃いので、レイヤー効果の境界線をかけることで人物が見やすくなります。 http://t.co/r4xJQpWf63

2013-11-25 19:22:33
拡大
フジムラ@HR86 @fujimura69

【13】背景にテクスチャをかけました。今回のイラストはかけなくてもよかったんですが、先日テクスチャの話になったので、参考程度に使用。テクスチャもやり過ぎると折角描いたあれこれが潰れてしまうので注意ですね・・・! http://t.co/PcaPIoQKjW

2013-11-25 19:26:01
拡大
フジムラ@HR86 @fujimura69

【14】人物もおいて、その上からまた違うテクスチャを薄くかけています。全体にかけて人物だけ浮くのを防止!再度背景のテクスチャの調節もしています。 http://t.co/4lzoL7eDsY

2013-11-25 19:27:43
拡大
フジムラ@HR86 @fujimura69

【15】最後に全体を統合して色味を調節。私はテクスチャかけると色が暗くなりがちなので、細部が潰れないように注意しながら色味調整をしています。 http://t.co/R4A3oHuZT1

2013-11-25 19:29:58
拡大
フジムラ@HR86 @fujimura69

【16】ロゴを入れる工程を省いていましたが・・・完成です!ここまで読んでいただきありがとうございます!お疲れ様でした! http://t.co/8kh2geaqiw

2013-11-25 19:31:25
拡大
フジムラ@HR86 @fujimura69

【17】PSDファイルを見ながら読むと分かりやすいかな?と思いPSDデータも配布致しますのでご参考程度にPhotoshopのVerによってうまく開かない場合は申し訳ないです(CS4以上推奨)少しでも参考になれば幸いです! http://t.co/d5cw6W7Yz3

2013-11-25 19:33:33
フジムラ@HR86 @fujimura69

【補足】同系色でまとめてみたVer。 http://t.co/RIXGe2cuyO

2013-11-25 21:25:55
拡大
フジムラ@HR86 @fujimura69

【補足】補色でまとめてみたVer(ちょっと大げさにしてます) http://t.co/tWXi7wjgUP

2013-11-25 21:40:29
拡大