How to make photos look like anime｜Photoshop Tutorial

[@なかさん-b3c]

完全にはこの技法(作例)を踏襲していないですが要所要所で技法(作例)を踏襲しつつオリジナル要素を加味してアレンジした作品を創ってみました、最初は上手く行かず悩んで何度もアクションを組み直しながら試行錯誤しましたが作例とは大分異なりますが我ながら案外アニメっぽい作風の作品が出来上がったとは思ってます。なんの因果かは理解りませんが或る意味この動画にたどり着けたのも何かの縁です、こうやってアイディア提供してくださったことにホント感謝です。正直、この動画を観て得しました！

[@hjpsge6396]

動画手本にやってみたんですけど、 天才的な背景になりました…感動で前が見えません。最高の動画です。感動で夜も眠れません。本当にありがとうございました神様

[@kyoshirostudio]

そんなに喜んでいただけるとは…笑 お役に立てて良かったです！ 見てくれてありがとうございます！

[@kihirochillmusic734]

フォトショの操作のときに、きちんと拡大して手順も見せてくれるので大変わかりやすいです。わりとそこをはしょってぱっぱと進んでしまう方が多いので

[@kyoshirostudio]

僕もそう感じることが多くて、自分で編集する時は気をつけました。 そこを評価していただけたのは本当に嬉しいです😭 ありがとうございます！

[@kihirochillmusic734]

@@kyoshirostudio ​ フォトショは文字が小さいから、そこをパッパと行かれるとすごくわかりにくいんですよね。バージョンによっても違うしコマンドが隠れてるときもあるし。アフターエフェクト系の画像を動かす技術も知りたいです。これとかどうやって動かしているのか不思議です。kzbin.info/www/bejne/qquqmYOYf8hqhpY

[@kyoshirostudio]

素敵な映像ですね💡 ちなみに、これくらい単純であれば、アフターエフェクト使わず、フォトショだけでも実現可能です👍 機会があれば、フォトショで画像を動かす方法も作ってみますね！

[@kihirochillmusic734]

@@kyoshirostudio 凄いですね！楽しみにお待ちしております😊

[@spinachsmoothie5489]

面白そうなので次何かartworkつくるときやってみます！

[@nfq-en7js]

わかりやすい手順解説ありがとうございます。100回くらいいいね押したい

[@Google_account0326]

サムネなんか君の名はで見た気がする

[@嘉波信基]

これすご！

[@dotmouth391]

凄い楽しい！わかりやすい！これで推しを自由自在に召喚できます！ありがとうございます！

[@GLM17]

夕刻の踏切、素敵ですね。 自分はphotoshopを使い、 写真から線画を強調したマンガチックな画を 作って遊んでましたが、こういった アニメ調の作品作りにも興味が湧いてきました。

[@kyoshirostudio]

ありがとうございます！ ぜひ、アニメ調でも遊んでみて下さい！ 逆に、僕もマンガっぽくするものに挑戦してみたいですね💡

[@tyororin6103]

なんでみんな眩しい感じにするんだろう・・・

[@kyoshirostudio]

1番お手軽な方法だからですかね…？笑 他にもやり方あると思いますが、複雑すぎてチュートリアルにはできないんじゃないかと。 ぶっちゃけ描けるなら描いた方が早いですw

[@patipati1423]

マジレスをすると白飛びで色が潰れてよりアニメっぽくなるからですね。逆に階調の幅が広いと写真っぽくなります。

[@tattsun999]

青春はいつも眩しいからさw

[@sspr2201]

GIMPを使っています。最初にやったフィルターのドライブラシというものがどこにあるのか分かりません…

[@Ziploz]

Thank you very much for making English subtitles! It is really helpful. 😊 I look forward to watching your channel.

[@LePopCollectibles]

チュートリアルビデオありがとうございます。I'm very happy KZbin recommended your video for me to watch. Now, with this knowledge, I can save time painting anime type backgrounds. Thank you very much also for putting in English subtitles.

[@岩隼]

すごいです。

[@kyoshirostudio]

ありがとうございます💡 嬉しいです…！😭

[@tattsun999]

すごいノスタルジック！

[@kyoshirostudio]

嬉しい！ありがとうございます😭

[@hogehoge0535]

機能を覚えるのではなく何をするのかを教えてもらえるのはありがたいです

[@kyoshirostudio]

めちゃくちゃ嬉しいお言葉😭 こちらこそ、ありがとうございます！

[@fouremew1520]

18:40 のBeforeAfterは結構時間かかってそうに見えますが そうでもないんでしょうか？ ・ごちゃっとした要素（電線とか木の枝とか）を排除 ・建物の配置を全体的に下げたり移動させる ・光沢を付与 1，2番目の作業が結構時間かかりそうに思えます

[@kyoshirostudio]

おっしゃる通りです！ ここまでやろうと思ったらめちゃくちゃ時間かかります😅

[@fouremew1520]

@@kyoshirostudio お返事ありがとうございます。そうですよね。 かなり時間かけた作品だなぁと感じたもので。 でも、その分、凄くクオリティは高いなと思いました！

[@kyoshirostudio]

ありがとうございます！ そこわかっていただけるのめっちゃ嬉しいです😭

[@awrote2336]

三つぐらいの視点付デジカメと立体化ツールとアニメ風フィルリング組み合わせられれば、 現代モノのアニメは背景描画が手間省けそうですね。漫画もか。

[@kyoshirostudio]

作風次第、ですかね…💡 本当にただの一枚絵なら良いんですが、本気でアニメや漫画に落とし込もうとすると、素材集め(撮影)にめちゃくちゃコストかかるので、絵が描ける人にとっては、描いた方が早くて自由度も高い気がします。

[@さとる-i4p]

すごい！！面白い！やってみます！！

[@kyoshirostudio]

ありがとうございます！ ぜひやってみてください💡 もしわからないことあれば相談して下さい✨

[@さとる-i4p]

@@kyoshirostudio ありがとうございます！

[@トップハット-s6f]

おもしろい。影の付け方にセンス感じます。

[@kyoshirostudio]

ありがとうございます！ 影の付け方褒めてもらえるの、めっちゃうれしいです！ 影って大切ですよね。。。

[@kinpiragobou0538]

こういう加工が出来るのは面白いですね。 実際にキャラクターを動かすアニメーションでは使えない技術ですが、個人で1枚絵のイラストを描く際にひと工夫したい時には楽しいテクニックだと思います。 実際のアニメーション制作では例題にしている路地のようなパースでレイアウトを描くと、演出や作画監督からNGを出されます（特殊な演出時は除く）。 一般的に撮影する写真とアニメーションの背景ではパースの取り方が若干違うのです。 この背景でキャラクターを動かすと不自然に見えてしまうので、プロのアニメーターやアニメ美術を目指している人は注意して下さい。

[@kyoshirostudio]

まさに！補足ありがとうございます💡

[@アル-b2p]

夜景バージョンも見てみたいです

[@manuru0124]

写真加工するの面白いよな やりすぎると目が痛くなるけどw

[@kyoshirostudio]

わかります、楽しいですよね💡 そして、やり過ぎるのはみんな通る道だとも思ってますw 何個目が痛い作品を作ってきたことか🤣笑

[@竹田勇太-q5t]

す、すごい！！チャンネル登録しました！勉強させて頂きます。

[@kyoshirostudio]

ありがとうございます！ 簡単なので、ぜひ試してみて下さい💡

[@悠里冨田]

楽しみにしてました！ 案件倒したらやってみてTwitterにあげます✨ 有益な情報ありがとうございます🙇💦

[@kyoshirostudio]

ありがとうございます！ ぜひ！楽しみにしてます💡

[@ひとりん-m8y]

便利な世の中になりましたね

[@kyoshirostudio]

Photoshop もずっと進化し続けてるので、これからもっと便利になりそうですね！

[@前田優-y9r]

わーいめっちゃわかりやすい！ こんな動画を探してました！ 早速今日やってみます！🤗

[@kyoshirostudio]

ありがとうございます！ 優さんの作品楽しみ💡

[@柴田三四朗-e3e]

とてもためになります！もしよろしければ、雲のくりぬき方を詳しく教えていただけると幸いです。

[@kyoshirostudio]

3 4 さん 見ていただきありがとうございます！ 雲に関しては、雲だけを切り取ったわけではなく、空全体を大まかに切り取って、別の空の画像を貼り付けてます！ 空自体はペンツールで切り抜きました！

[@ます-f2r]

グラデーションがかけられない場合の対処法教えてほしいです！同じ手順でやれているとは思うんですが！

[@kyoshirostudio]

グラデーションがかけられないというのは、色自体が乗らないということでしょうか？ 動画で言うと何分あたりのところになりますか？

[@emuemu_yt]

一年前のコメントに失礼します...私もグラデがかけられなかったのですが、ラスタライズしてからだとできました！レイヤー＞ラスタライズです。

[@---bo6yq]

これから始めようと思うのですが、Ps Elementsでは同じような操作はできませんか?

[@user-ze7cg7it6j]

上手！！！👏

[@kyoshirostudio]

ありがとうございます！

[@truongdinh1995]

Amazing good job

[@kyoshirostudio]

Thank you !

[@dietbobzero8053]

11:30

[@tomonobu.tanizono]

え・・・コレ無料でいいんですか・・・ものすごくタメになりました・・・ありがとうございました。こんなんチャンネル登録するしかない( ﾟДﾟ)

[@mafiyuuch6474]

it helps my art thank you!

[@kyoshirostudio]

Glad I could be of help to you! Thanks for watching my video!

[@klikhoror]

thankyou for make such a cool tutorial

[@chiffon]

とても為になりました！ 今日初めて作ってみました！ まだ下手ですが頑張ります♪ 勉強させていただきます！

[@kyoshirostudio]

ありがとうございます！ 慣れると簡単なので、是非色々試してみて下さい💡

[@5sougo]

質問です。 今、この動画を参考にフォトショップで画像を加工しているのですが、べた塗りした後のグラデーションがうまくできません。何度も動画を見直して、同じ手順で行っているつもりなのですが、何か考えられる原因はありますか？教えてください。

[@kyoshirostudio]

ご質問ありがとうございます！ うまくいかないというのは、具体的にどのような状態でしょうか？ 例えば、グラデーションのかかる方向が違うとか、そもそもグラデーション自体がかからない等… 考えられる可能性は幾つかありますので、わかる範囲でより詳しく教えていただければお答えできるかもしれません💡

[@荒野行動のフレンチうさぎ]

丁寧な説明、ありがとうございました。勉強になりました。KYOSHIROさんの作業では線が水彩風になりますね。実際に似たようなプロセスで線をはっきりできる方法はありますか

[@kyoshirostudio]

ありがとうございます！ いくつかのフィルターの併用や、ハイパスなどを利用すれば可能かと思います💡 もしくは、超地道な作業になりますが、ペンツールやブラシツールなどで、上から直接線を描いちゃっても、結構良い感じになるはずです💡

[@eienban1224]

勉強になります！ レイヤーが出てこないんですけどどこにあるんでしょうか。

[@kyoshirostudio]

もしレイヤーが画面にないのであれば、画面上のメニューの「ウィンドウ」の中にあると思います！

[@eienban1224]

@@kyoshirostudio ありがとうございます！

[@stonech1979]

ベタ塗り複製からのスクリーンでグラデーションを下から上なのですが 全くグラデーションかかいです😭

[@period44]

画面上の方の書式の下にある モードを通常にしてあるとできると思います。

[@岡部恭志郎]

同じ名前の人初めてあったぁ

[@kyoshirostudio]

漢字までそっくりそのまま同じです！！ ビックリしました！笑

[@自由人ゆとり]

すごい！ 勉強になります！ チャンネル登録させていただきます！

[@kyoshirostudio]

ありがとうございます！ 少しでもお役に立てれば嬉しいです💡

[@artlistmusicbynicolaxbute9531]

面白い動画ありがとうございます。音楽Artlist ですね

[@kyoshirostudio]

こちらこそ、見ていただきありがとうございます！ そうです、Artlistです。 音のクオリティ高くていつもお世話になってます。

[@galaxyway999]

8:10 無料ホラゲのワンシーンとかにありそう、、、。

[@daisukemiyoko1124]

クリスタで同じ事が可能なんでしょうか？背景程時間が掛かります この動画を見てるとある程度の範囲ならサクッと出来るメリットがあり 是非習得したい技であります 一応自分なりにやってはいるのですが 項目が違う所があり難航してます

[@kyoshirostudio]

最初の「フィルターギャラリー」で写真を崩すところだけは、クリスタにはないかもしれないですね… 下記のURLに、それっぽい加工の仕方が書いてあったので、是非参考にしてみて下さい！ canvas-cluster.com/clipstduio-cutout/ ※ちなみに、photoshopでもこのようにやった方がクオリティは上がると思います！

[@Kameron247]

well so amazing and helpful, keep sharing and rate my work

[@yiwang6707]

Hi, does anyone could understand the reason he said when you feel more discomfort, the more animate-like. Is that meaning, when you make it more unreality, the more animate like.

[@mosurax]

Sorry, umm… what?

[@sum41nas]

これは知ってた！ ちなみにグラフィックデザイナーです。

[@kyoshirostudio]

わっ！ グラフィックデザイナーの方💡 見ていただきありがとうございます！ ご存知だったとは、さすがです✨

[@sum41nas]

@@kyoshirostudio いえいえ、とても面白かったです。

[@タナカジュリィィ]

コレって夜の場合はどうすれば良いと思いますか？

[@kyoshirostudio]

夜の場合は少し処理が変わってくるのと、さらに細かい作業が必要になるかと思います。 変更点で言えば、使う空の色を暗くするとか、ソフトライトではなく乗算などで色を乗せるなどでしょうか。 また、単純に全体を暗くするだけだと、ただの暗い絵になってしまうので、窓から光が漏れる演出を足すなど、さらに細かい作業を行う必要がでてきますね。 下記の動画、海外の超凄腕クリエイターの動画なんですが、とても参考になるので見てみて下さい。 これ見てもPhotoshopの使い方はわからないかもしれませんが、「そういう処理をすれば夜にできるんだ！」という気付きは得られるかと思います。 色々試してまたわからなかったら聞いてください！ kzbin.info/www/bejne/aXvQZZekgqt2gtk

[@kyoshirostudio]

五月雨式ですいません、めっちゃ宣伝になるんですが（笑）、下記の僕の動画も、一部昼の画像を夜に変更してますので参考にしていただければ。。。 海外勢に比べるとクオリティ落ちますが、行ってる処理は似てますね。 ポイントは全体を暗くする、昼間と同じく空の色を乗せる、何かしら光を足して全体のコントラストの強弱をつける、って感じです！ kzbin.info/www/bejne/eoC3Y6BrrL6detU

[@せんべい-u9l]

これってアプリ お金かからないですか？

[@kyoshirostudio]

これはphotoshopなのでお金かかります！ 一番安くて月額980円から…とかのはずです。

[@bejyouta]

指先一つで　タウンさ～～♪

[@kyoshirostudio]

お〜れとの愛を守るため〜♪ お〜まえは旅立ち〜♪ (いや、なんで！！！？www)

[@bejyouta]

@@kyoshirostudio ボタン一つで（街を）アニメ化とおっしゃってたのでｗ　まさに指先一つでタウンですねｗ

[@kyoshirostudio]

愛を守るために(アニメに)旅だったんですね… 異世界転生系小説描けそう…笑

[@unnatigoel809]

I like ur video but I don't understand Japanese

[@kyoshirostudio]

Thanks for watching KZbin video! I have added English subtitles, so please check back if you want!

[@Kaorin_Room]

iPhoneでできるの教えてください。

[@kyoshirostudio]

Photoshop Camera オススメです！ 無料、かつ、簡単に色んなことができます💡

[@Kaorin_Room]

@@kyoshirostudio ありがとうございます。

[@いそのほっけ]

これで新海誠みたいなのが作れるのか！

[@kyoshirostudio]

ありがとうございます！ あくまでアニメ″風″なので、新海監督の世界観には遠く及びませんが、それでも割とお手軽に近づくことはできると思います💡

[@テコナ]

今のアニメの背景は、ほとんど写真かcgだけど世間的には、あまりバレてないのが不思議、各アニメスタジオで他言しないように厳命されているはのかな？

[@RMIX-y6n]

林佑香ノ綺麗ナ肩ハ美シク魅エル❤❤❤

[@江戸川-m5q]

すげー！(^^)/

[@user-fujikofujiko]

若干、声がマイクが

[@kyoshirostudio]

わかる、つらい…笑 撮り直したいですw

[@お珍歩君]

うーん　アニメっぽくはないな

[@堀口サクラ]

自転車おじさんかわいそうだけど...(￣∇￣)

[@kyoshirostudio]

ごめんね、自転車おじさん… つい、出来心で…

[@マスターピーチ]

描いてない人多いのかぁ

[@kyoshirostudio]

このやり方はかなり特殊なので、描いてる人の方が多いと思います！ 制作前のラフイメージ作る時に、こういった技法で一旦サクッと作ってしまう場合はあるかもしれませんね。

[@バスきっちゃんねる]

すごい！楽しい！分かりやすい！ チャンネル登録させて頂きます！

[@kyoshirostudio]

ありがとうございます！ 楽しんでいただけて良かった✨