【JOJO】写真を杜王町風に加工するチュートリアル:Photoshop

【JOJO】写真を杜王町風に加工するチュートリアル:Photoshop

日常系アニメ「ジョジョの奇妙な冒険 第4部」が4月よりスタートしました。
そんなわけで、今回は写真を杜王町風に加工するチュートリアルをご紹介いたします。
作業の手順を簡略化するためのフリー素材付きなので絵が苦手な人でも大丈夫です。

Before

練習用に使いたい方はこちらよりダウンロードしてください。 → DL
(この写真自体はフリー素材ではないので、あくまで練習用としてお使いください)

After
(ジョジョの奇妙な冒険)写真を杜王町風に加工するチュートリアル:Photoshop写真を杜王町風に加工するチュートリアル:Photoshop

基本的には「緑・黄色系を紫にする」「空を切り抜いて入れ替える」で杜王町ぽくなると思います。
面倒な人は、ステップ2とステップ3だけでもいいかもしれません。

 

1. Camera Rawでベースを作る

フィルター > Camera Raw フィルター

基本補正:シャドウを明るく、彩度を高く、明瞭度を低く

ディテール:細かいディテールを潰しつつ、輪郭はシャープに

HSL/グレースケール:イエローをグリーンに

レンズ補正:色収差を除去(やらなくてもいいけど)

効果:かすみの除去でメリハリを出す

 

2. 空を切り抜く

今回は空に木がかぶっているので、やや切り抜くのが面倒。
写真によってはもっと簡単に切り抜きできるし、もしかしたらもっと簡単な切り抜き方があるかもしれません。

まず、レイヤーを複製します。
このレイヤーは選択範囲を決めるためのものです。
作業が終わったら削除して構いません。

複製したレイヤーを選択し、
イメージ > 色調補正 > 色相・彩度
シアン系とブルー系の明度を明るく

余計な部分を消します。

イメージ > 色調補正 > 明るさ・コントラスト
全体の明るさを調整します。

自動選択ツール > 「隣接」のチェックをはずし、許容値を適当に設定
空の白を選択。

細かい選択範囲を調整。

元のレイヤーに戻り、選択範囲を削除します。

わかりやすいように背景を黒くしたものがこちら。
まだ部分的に空の青が残っています。

レイヤー > マッティング > フリンジ削除


クイックマスクモードで編集
空の青が残っているところを塗ります。

クイックマスクモードを解除し、選択範囲を反転。
イメージ > 色調補正 > 色相・彩度
シアン系とブルー系の彩度・明度を下げます。


新規レイヤーを作成し、「#fde377」で塗りつぶし、最背面に配置。
今回は黒を最背面に入れていたので、それをそのまま塗りつぶしました。

これで空はひとまずOK。

 

3. 色の調整

イメージ > 色調補正 > 色相・彩度
グリーン系・イエロー系の色相と彩度を調整し、紫にします。

奥にある山がまだ緑っぽいので紫にします。
クイックマスクモードで編集
山並みを塗りつぶします。

クイックマスクモードを解除し、選択範囲を反転。
イメージ > 色調補正 > 色相・彩度
シアン系の色相と彩度を調整して紫にします。

右手前の建物がちょっと暗いので調整しましょう。
クイックマスクモードで編集
右手前の建物を塗ります。

クイックマスクモードを解除し、選択範囲を反転。
イメージ > 色調補正 > シャドウ・ハイライト

ついでに色も調整します。
イメージ > 色調補正 > 色相・彩度
シアン系・ブルー系の彩度を下げます。

 

4. 表面を整える

フィルター > ぼかし > ぼかし(表面)


フィルター > シャープ > アンシャープマスク

 

5. アウトラインの追加

レイヤーを複製し、最前面に配置。

フィルター > 表現手法 > 輪郭検出

イメージ > 色調補正 > 2階調化

奥の方や左手前の文字がごちゃごちゃしているので、白で塗りつぶします。

レイヤーの描画モードを乗算に。

 

6. 色の追加

大まかなカラーを杜王町風にします。

まずは道路を「#afd8a1」あたりで塗りつぶし、乗算に。

次に、縁石的な部分(今回のこれは縁石じゃないけど)を「#e3c5ab」あたりで塗りつぶし、乗算に。

そして水を「#a9fead」あたりで塗りつぶし、乗算に。

 

7. 雲の追加

最後に杜王町っぽい雲を追加します。
テキトーに作成したものでよければダウンロードしてご自由にお使いください。
イラレで作ったので、イラレがない人はPNGをダウンロードしてください。

杜王町っぽい雲.png
杜王町っぽい雲.ai

(ジョジョの奇妙な冒険)写真を杜王町風に加工するチュートリアル:Photoshop写真を杜王町風に加工するチュートリアル:Photoshop

これで完成です。

もうちょっと遊びたい人は、擬音を入れたり色相をいじってみるといいんじゃあないでしょうか。
(ジョジョの奇妙な冒険)写真を杜王町風に加工するチュートリアル:Photoshop
※猫の写真は写真AC様よりお借りしました。

おわりに

いかがでしょうか。
これをマスターすれば、あなたの街も杜王町に早変わり。
すぐにでも、ほのぼのスタンドライフを始められそうですね。

▼他、使用した素材とか
オーラ的なものはこちら(フリー素材) → DL

擬音のファイルはこちらのページよりダウンロードできます。

以上、中村でした。

 

※当記事内で公開しているフリー素材の2次配布およびそれに順ずる行為は禁止です。

スポンサーリンク

関連記事

▼スポンサーリンク
▼LINEスタンプ販売中です!
▼おすすめの記事
▼スポンサーリンク

新着記事

  1. 【北海道無人駅】函館本線 道南編その7 掛澗駅〜東森駅
  2. 【北海道無人駅】函館本線 道南編その6 鹿部駅〜渡島砂原駅
  3. 【北海道無人駅】函館本線 道南編その5 池田園駅〜銚子口駅
ページ上部へ戻る