無料PhotoshopチュートリアルYouTubeで更新中>>

Photoshopで写真をイラスト・アニメ風に加工する方法

Photoshopでアニメ風に編集する方法
記事内に商品プロモーションを含む場合があります
ちびたじ
ちびたじ

写真をジブリみたいなアニメ化することってできるのかな?

ちびえりな
ちびえりな

できるよ!ジブリの雰囲気は青っぽい雰囲気が特徴的だね!

アニメといってもいろんなアニメの雰囲気があると思いますが、今回はふんわりした雰囲気のアニメのイメージで作っていきます。

Photoshopは月額1,180円で使える有料ソフトです。
無料体験もできるので、まだ持っていない人はこちらをチェック

【Photoshopどれを買えばいい?】おすすめプラン購入方法とダウンロード方法をわかりやすく解説
Adobe社の画像編集ソフトPhotoshopを購入するのに生じる様々な疑問を解決します。買い方・購入場所・プラン・セール情報・支払い方法・ダウンロード・インストール方法・パソコンの必要動作環境等この記事を読めばすべてわかります。
\PhotoshopとLightroomが月額1,180円/

Photoshop公式サイト

スポンサーリンク

Photoshopで写真をアニメ化する方法【チュートリアル動画】

動画でも詳しく解説してるので、ぜひ見てみてください。

※練習用の画像はYouTube概要欄に貼ってあります

Photoshopで写真をアニメ化する手順
  1. 空を別の空に置き換える
  2. Camera Rawで写真の基本補正をする
  3. フィルターギャラリーで絵の具のようにする
  4. ハイパスでくっきりさせる
  5. トーンカーブでメリハリをつける

手順はたった5ステップです。

空を別の空に置き換える

ちびえりな
ちびえりな

この写真をアニメ化したときに空が寂しいから、まず空を替えるよ!

では、まず念のため、ベースとなる写真を複製しておきます。

Photoshopでアニメ風に編集する方法

 

編集▶︎空を置き換えをクリックします。

Photoshopでアニメ風に編集する方法

 

Photoshopに元から入っている空はたくさんあるのですが今回は自分で用意しておいた空を使いたいのでプラスマークをクリックします。

Photoshopでアニメ風に編集する方法

 

そして入れ替えたい空の写真をクリックします。

Photoshopでアニメ風に編集する方法

Camera Rawで写真の基本補正をする

写真をスマートオブジェクトにしておくと、あとからでもCamera Rawや次にやるフィルターギャラリーに戻って直せるので、この写真をスマートオブジェクトにします。

右クリックしてスマートオブジェクトに変換をクリックします。

Photoshopでアニメ風に編集する方法

 

そしてここからフィルター▶︎Camera Rawにいきます。

Photoshopでアニメ風に編集する方法

 

そして写真全体の基本補正をしていきます。

Photoshopでアニメ風に編集する方法

  • まず全体的にホワっとした明るいイメージを作りたいので、シャドウをあげます。+52
  • カラーミキサーで緑を少しだけ強調させていきます。色相緑+11、彩度緑+37
  • 逆に他の目立つ色は少し抑えたいので、止まれの赤を抑えるために彩度赤-29
  • カラーグレーディングで全体的に青を入れたいので、中間調を青、シャドウを濃い青、ハイライトに薄い青を入れます。

Photoshopでアニメ風に編集する方法

 

ちびえりな
ちびえりな

あとからハイパスで元の写真と空の写真を合わせた1枚のレイヤーが必要だから、ここで合わせておくよ!

⌘+option+shift+Eで1枚のまとめたレイヤーを作ります。

Photoshopでアニメ風に編集する方法

 

まとめたレイヤーはあとで使うので、ここでは一旦非表示にします。

Photoshopでアニメ風に編集する方法

フィルターギャラリーで絵の具のようにする

ちびえりな
ちびえりな

フィルターギャラリーを使って写真を絵の具っぽい雰囲気に寄せていくよ!

ここは、元の写真レイヤーと空の写真で別々に効果をかけていきます。

では、まず元の写真からです。

元の写真をクリックして、フィルター▶︎フィルターギャラリーをクリックします。

Photoshopでアニメ風に編集する方法

 

そしてカットアウトのフィルターをかけます。

Photoshopでアニメ風に編集する方法

 

そしてもう一つフィルターをかけたいので、右下のプラスマークをクリックして、今度はドライブラシをかけてOKをクリックします。

Photoshopでアニメ風に編集する方法

 

次に空の写真んほうにフィルターギャラリーの効果をかけたいので、空の写真のレイヤーをクリックしてフィルター▶︎フィルターギャラリーをクリックします。

Photoshopでアニメ風に編集する方法

 

空は割りとシンプルにしたいので、ドライブラシだけをかけます。

Photoshopでアニメ風に編集する方法

ハイパスでくっきりさせる

ちびたじ
ちびたじ

なんか全体がほわほわしすぎちゃったみたい…

ちびえりな
ちびえりな

ここでくっきりさせるためにハイパスをかけていくよ!

では、少し前にまとめた1枚のレイヤーを表示にして、このレイヤーにハイパスをかけていきます。

Photoshopでアニメ風に編集する方法

 

そしてフィルター▶︎その他▶︎ハイパスにします。

Photoshopでアニメ風に編集する方法

 

そして線が結構くっきり見えるまで上げていきます。

Photoshopでアニメ風に編集する方法

 

このままだと写真が見えなくなってしまうので、このレイヤーの描画モードをオーバーレイにします。

Photoshopでアニメ風に編集する方法

 

そうするとグレーのところは透過して、他のところはコントラストをつけてくれるので、このようにくっきりした線になりました。

Photoshopでアニメ風に編集する方法

トーンカーブでメリハリをつける

ちびえりな
ちびえりな

このままでもいいんだけど最後にトーンカーブでメリハリをつけていくよ!

では、塗りつぶし調整レイヤーからトーンカーブをクリックします。

Photoshopでアニメ風に編集する方法

 

そしてメリハリをつけるためにS字カーブにしていきます。

Photoshopでアニメ風に編集する方法

ちょこっとアドバイス

S字カーブは明るいところをより明るく、そして暗いところをより暗くしてメリハリがつく!

 

そうすると、写真をアニメ風の編集をすることができます。

Photoshopでアニメ風に編集する方法Photoshopでアニメ風に編集する方法

Photoshopで写真をアニメ化する方法まとめ

Photoshopで写真をジブリ風のアニメ化する方法を見てきました。

写真によっては、調整する必要がありますが、このようにしてアニメ風に仕上げることができます。

ちびたじ
ちびたじ

わーい!写真の雰囲気が一気に変わった!

コメント

タイトルとURLをコピーしました