「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪

公開日: : 最終更新日:2017/01/10 お絵描きツール, クリスタ, 創作支援 ,

くつキッチュ!SCRAPス アイコン2 creator-help創作支援)カテゴリへ

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 完成図から線画だけ消してみた♪

都市伝説らしい理想の泥犬と記憶の中の泥犬 illust by サトウトシオ@310104o

 

登場人物:icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン 同サイト内、About &管理人へリンクします♪くつきちよこ ※管理人   icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン ゲストS.S改め「佐藤」へリンクします♪佐藤 ※ゲスト

 

ここのところ話題となっている、写真をアニメ風の絵にするアプリですが、ちょっと微妙な噂も耳に入ってきます。

というわけで、今回は「アプリ無しで簡単に写真をアニメ背景風に加工する方法」です。

 

アニメ絵化加工アプリについてちょこっと

その前に、アニメ絵化加工アプリ#everfilter(twitterハッシュタグ)についてちょこっと。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 コレで加工した画像がやたらとTL回ってきた。 私もちょっと興味あったんだけど、忙しくてついった行ってなかったウチに燃えてた。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 くつきも素敵な画像を見かけて使ってみたいと思ったのですが、プライバシーフリーク(笑)及び、著作権侵害が気になる体質なもので、お試しを躊躇しておりました。

結局は、こういうことだったようです ⇒ 写真をアニメ風に加工するアプリ #everfilter 新海誠作品の背景イラストを無断で合成してた – Togetterまとめ

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 Togetterの検証画像見ると、黒っぽい?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 ですよね。 といっても今回は#everfilterの真偽についての記事ではありません。 真偽についての調査なりインタビューは他の方におまかせして、くつきはフォトショップやクリスタで似たような加工が「簡単に」できる方法がないかを探してみました。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 ん? いま簡単にって言ったよね?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 い、言いましたとも!(;`・▽・´)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 ほほう、そいつぁ楽しみだ。(ー▽ー)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 おたおたのしみに(;`・▽・´)

というわけで、今回は

  • Androidユーザーの為、いうtも画像加工系アプリに乗り遅れてしまう方
  • #everfilterの個人情報リスクの真偽の程は定かではないけど、念のためもうすこし様子をみたい方
  • 著作権侵害を気にせず、お手持ちの写真をイラスト風に加工したい方
  • イラスト風加工写真を、もっと自分好みにカスタマイズしたい方

向けの記事を書いてみました。

追記:「Everfilter」の顛末については、こちらねとらぼさんの記事がわかりやすいかと思います。

 

どうしたらアニメ風に見えるかの要件

まはずは、どうやったら写真がアニメ風に見えるのかの要件ですが、これはTogetterでも言われていたとおり「空がアニメ絵」に尽きると思います。

画面の大部分を占める空をアニメ絵にすることで、全体の雰囲気が大きくアニメ背景化します。

他に考えたのは、「塗り(筆)の跡が見える」です。

テクスチャを重ねたり、水ブラシやぼかしツールで画像を滲ませたりして、筆で描いた感を演出します。(今回サンプルでは、テクスチャを重ねてみました)

まとめるとたったの二点。

  1. 空をアニメ絵に変換
  2. 筆の跡を演出

「写真⇒アニメ絵化」の最低条件て、コレくらいじゃないかと。

 

写真⇒アニメ背景化の方法

上の条件で作成するとなると、空とその他(建物や人物)を区切る必要がありますが、切り抜き作業については写真のアニメ背景風加工の説明から少し逸れますので今回は省きます。

参考 ⇒ これで完璧っ!5種類のphotoshop切り抜き方法を使い分けて輪郭線を背景になじませるクオリティの高い合成をマスターしよう。threemdesign

というわけで「写真⇒アニメ絵化」方法ですが、切り抜きさえできればあとはメチャクチャ簡単です。

1-加工したい写真を任意のソフトで読み込む。

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 元画像(叔父のフランス旅行写真)

2-空部分を切り抜く

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 5- 元画像の輪郭をぼかす加工をします。

3-空部分を描写する。又は素材を読み込んで合成する。

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 3-空部分を描写する。又は素材を読み込んで合成する。

空を合成しただけでかなりアニメ絵化してます。

こちらはクリスタの青空02なのですが、リンクなくなってるようなので、別の空をご紹介しておきます。

青空01 by セルシス #CLIP_Celsys

空素材ならなんでもOK、彩度の高い色鮮やかな雲と空であればよりアニメ風に加工出来るという感じです。

4-建物部分を[ライン抽出]します。

参考 ⇒ クリスタのライン抽出ツールがスゴい! まず早い! 漫画を描いたことのない私が一瞬で背景をつくってみました♪

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 4-建物部分を[ライン抽出]します。

※ [ライン抽出]後、トーンレイヤーの透明度を下げる、又は非表示にしてください。

5- 元画像の輪郭をぼかす加工をします。

サンプルはフォトショップの[フィルタ] ⇒ [アーティスティック] ⇒ [塗料]ですが、ここはお好みで。

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 5- 元画像の輪郭をぼかす加工をします。

6-  [ライン抽出]した線画の下のレイヤーに、加工した元画像を置きます。

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 6- [ライン抽出]した線画の下のレイヤーに、加工した元画像を置きます。

7- 最後に(筆)跡っぽいテクスチャを乗せ、お好みでのレイヤー加工をします。

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 7- 最後に(筆)跡っぽいテクスチャを乗せ、お好みでのレイヤー加工をします。

サンプル画像は、全体にクリスタの光テクスチャ(オーラブラシと光テクスチャ by ぱーらめんと #CLIP_Celsys)を[ソフトライト]で、

建物部分にはごちゃテクスチャ(ごちゃテクスチャ by 片栗 #CLIP_Celsys 10clipy)を[リニアライト]で乗せてます。

7の完成画像から、[ライン抽出]した線画を消して、5のぼかし加工をしていない画像を、レイヤー加工[リニアライト]などで重ね、不透明度を調整すると↓

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 完成図から線画だけ消してみた♪

逆に線を太らせると↓

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 主戦を太らせて、アメコミ調?にしてみたよ♪

となります。

空素材を夜に変えれば、夜バージョンも可能。

加工はお好みで、いろいろためしてみてください。

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 空を夜に変えて写真をアニメ背景風(夜)にしてみた♪

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 空を夜に変えて写真をアニメ背景風(夜)にしてみた2♪

星空01-2 by セルシス #CLIP_Celsys

宇宙から見た夜景ブラシ by ぱーらめんと #CLIP_Celsys

※使用素材とは別の素材です ⇒ 月の画像いろいろ by mogi_lock #CLIP_Celsys

 

まとめ

使用ソフトは、クリスタ(Clip Studio Paint EX)とフォトショ(Photoshop)ですが、

  1. 空とその他を分割する
  2. その他部分をアニメチックに加工する
  3. 「イラスト素材の空」と、「アニメチックに加工したその他部分」を合成する。
  4. テクスチャを重ねる

だけですので、無料のものを含め大抵のお絵かきソフトで同様の加工出来るはずです。

ただ一点だけ残念なのは、この「写真 ⇒ アニメ風背景」加工がうまくいくかどうかは、空の切り抜きにかかっていると思います。 そのへん難しい元画像の場合微妙な仕上がりになってしまう可能性もあります。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 ちなみに、線と色を分割するかどうかはお好みですので、クリスタ(Clip Studio Paint EX)をお持ちでない方は、線画を抽出せずに加工してしまえばよいかと。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 あとは、好きなデザインで看板を描いたり、素材を追加したりすればさらにそれっぽくなるかもね。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 ご紹介したのはものすごくざっくりした方法ですが、手間と時間はかかりますが例えば線画をベクターレイヤーでトレースして線種を変えてみたり、色だけ手塗りしたりする方法もあるかと思います。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 3D素材を追加して、[ライン抽出]してもいいかもね。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 それやってみました。 3D素材は[ライン抽出]の[レイヤーのLT変換]でラスターレイヤーとベクターレイヤーを選択できますので、ベクターレイヤーを選択しておけば、解像度を気にせず拡大縮小出来ます。

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 空を夜に変えて写真をアニメ背景風(夜)にしてみた3 3D素材を[ライン抽出]して[LT変換(ベクターレイヤー)]したものを配置

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 空を夜に変えて写真をアニメ背景風(夜)にしてみた3 3D素材を[ライン抽出]して[LT変換(ベクターレイヤー)]したものを配置。ベクターレイヤーだから拡大縮小もOK♪

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 なんでフランスの風景に日本の消防車(笑)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 現実にはありえませんけど、なんとなく(消防ポンプ車3D CELSYS-素材を探す(CLIP STUDIO ASSETS))を、置いてみました。

最後に、

  • あのアプリがなくても「写真⇒アニメ風背景」加工は意外と簡単です。
  • ClipStudioPaintEXの[ライン抽出]は、3D素材ならベクターレイヤーに変換できます。

というわけで、みな様楽しい背景作画ライフを~♪

でっは~(*´▽`*)ノシ

 

ちなみに、これまでの「写真 ⇒ 背景化」ネタの記事はこちら↓

 


 

ブログランキング・にほんブログ村へにほんブログ村

スケジュール

  • 『くつキッチュ』ブログでは、佐藤の出版ネタを借り、創作者さん支援記事を更新中です。
  • 今後の予定↓
  • 自己防衛用、弱小個人のネタ保管のアイディア
  • 個人でできる著作権?管理(タイムスタンプサービス等)
  • 挿絵に使わせてもらったセルシス素材の紹介
  • 写真をネットに公開する時の注意点など New!
  • 「ステガノグラファー」不具合と応急処置の話  New!
  • モバイル表示が爆速になるとウワサの「AMP」って何?  New!
  • WordPress4.5更新後の不具合と対策法  New!
  • Pixivのテンプレート配布の話とPixiv、BOOTHでの「アカウント共同管理」は、問題ない話 New!
  • 表現の自由山田太郎議員のはなし  New!
  • AMPエラーの原因、もしかしてyoutube、Twitterの埋め込み?  New! ※未更新ですが、WPプラグインをインストールしなおしたら、エラーメッセージが来なくなったので
  • 自分に合った小説投稿プラットフォームを厳選しよう! New! ※おまけコーナーで、更新したの忘れてました;
  • BCCKS小ネタ(パネルが文字数に応じて拡大されない場合の対処、よく使うルビの辞書登録など)
  • プロモーション、校正に便利なツールの紹介
  • 佐藤の作品を元ネタにしたサイト作成(都市伝説サイト【ピアパレイ】、ロケハン、架空店舗の素材配布、架空店舗HP等)New!
  • クリエイティブ・コモンズ・ライセンスに関する記事 New!
  • Flickrを利用した著作権情報表示の方法!   New!
  • 簡単タイムスタンプ体験を体験してみました  New!
  • 「ステガノグラファー」に続く、暗号ユーティリティソフト調べてみる!   New!

 

プロデュース被験者:サトウトシオ

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 宇宙(セカイ)をデバッグする、簡単なお仕事です。 の宣伝です。

進捗どうでしょう?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 アニメ風背景のおかげで挿絵も多少進んだよ。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 それは良かったです。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 キャラクターと背景のバランスが難しいけど、やっと慣れてきた。

というわけで、挿絵も本文もぼちぼち進行している佐藤の 宇宙(セカイ)をデバッグする、簡単なお仕事です。』【0】 (BOOTH版)は、今後、pixiv、ニコニコ系での公開も予定しておりますので、見かけたらお手にとって頂ければ嬉しいですm(_ _)m


宇宙(セカイ)をデバッグする、簡単なお仕事です。【0】 ランディングページ
宇宙(セカイ)をデバッグする、簡単なお仕事です。【0】 ランディングページ illust by サトウトシオ@310104o Tumblrテーマ by でんでんランディングページ

宇宙(セカイ)をデバッグする、簡単なお仕事です。』 佐藤利音著
佐藤利音Twitter ⇒ 佐藤利音 on TWITTER

佐藤利音ブログ ⇒ 砂糖と塩佐藤利音ブログ『砂糖と塩』

特設サイト ⇒ 宇宙(セカイ)をデバッグする、簡単なお仕事です。【0】 ランディングページ

インサイド・アウトサイダー #バグ式 ◆このいと式シリーズ | Official Website

でんでんランディングページ | セルフパブリッシャーのためのTumblrテーマ に感謝!


セルフパブリッシャー必携の武器のこちら↓


 

 

 

パソコン工房CLIP STUDIO PAINT推奨パソコン

 

魚拓

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 魚拓済みハンコアイコン画像-魚- design by くつきちよこ

— 記事内容証明 —d

Digiprove sealCopyright secured by Digiprove © 2016 chiyoko kutsuki
  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

Tumblrボタン(フォロー、共有)設置方法 記事下設置やプロフィールへの設置、その他シェア方法など イチパン!サンプル

WordPressでTumblrボタンを実装してみた(記事下、サイドバーへの設置、その他シェア方法など)

  Share on Tumblr こちら、昨日作ったくつキッチュの姉妹サイト『イチ

記事を読む

看これ!看板コレクション 看板の種類(ポールサイン、チャンネル看板、屋上看板、袖看板など)説明図

看これ!看板コレクション

  写真の権利説明図:くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト &n

記事を読む

『知的財産管理技能士』という資格があるらしいよ! アイキャッチ画像 ※住所部分は隠してます。

コンテンツ発信の強力な武器になる?『知的財産管理技能士』という資格があるらしいということで、ちょっと調べてみました!

  『ユーキャン』で資料請求しました。※住所部分など、加工しています くつきちよこ ※管

記事を読む

トレス自体は合法ですよ!誤解されがな「トレス」「模写」と「トレパク」の違い

トレス自体は合法ですよ!誤解されがちな「トレス」「模写」と「トレパク」の違いについて

Tapping a Pencil by Rennett Stowe, on Flickr

記事を読む

パース定規に苦手意識がある方向け!□ボックスを利用した簡単定規合わせの方法♪ テクスチャを貼り付け、3Dモデル、3Dオブジェクトなどを配置したところ。

パース定規に苦手意識がある方向け!ファイアアルパカ3Dボックスを利用した、簡単定規合わせの方法♪

間取り素材を貼り付けた状態:くつきちよこ   登場人物:くつきちよこ ※管理人  

記事を読む

「お気に入り作者」に登録すべき、クリスタ素材作者さん10名 ~3D素材編~ 神社(本殿)外観 by Re:lain 2 プリセットを朱塗りに変更したサンプル ※40GOLD 350CLIPPY

「お気に入り作者」に登録すべき、クリスタ素材作者さん10名 ~3D素材編~

    『イチパン!』 ログイン画面 登場人物:くつきちよこ ※管理人

記事を読む

正しく怖くなっていく著作権セカイで、ユーザーと著作者双方を守る規約のあり方とは? その1:規約でボケようとしちゃダメだぞ!アイキャッチ画像 illust by 佐藤利音@310104o

正しく怖くなっていく著作権セカイで、ユーザーと著作者双方を守る規約のあり方とは? その1:規約でボケようとしちゃダメだぞ!

   イラスト:佐藤利音@310104o デザイン:くつきちよこ 正しく怖くなってき

記事を読む

Jesus crown of thorns - West Pier Brighton by Leonski Oh Leonski, on Flickr くつキッチュ/スクラップス! アトリビュートをここへ

『茨の冠』から『初音ミクのメガフォン』まで 単なる小道具ではない『アトリビュート』って一体何?

Jesus crown of thorns - West Pier Brighton b

記事を読む

いただきものの台湾写真をアニメ風に加工してみた♪ 音井れこ丸先生撮影の台湾写真 夏、月、蛍幻夜、ファンタジーイメージ

お借りした台湾写真をアニメ風に加工してみました♪

写真:音井れこ丸先生期間限定配布の台湾写真 加工:くつきちよこ   登場人物:くつ

記事を読む

Town Block by Matija Grguric, on Flickr Some rights reserved  アイキャッチ画像:創作において、制約なく表現できる「創作ステージ@まちペディア」を建設中

創作において制約なく表現できる「創作ステージ@まちペディア」を建設中

Town Block by Matija Grguric, on Flickr Some rig

記事を読む

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

  • マウスコンピューター/G-Tune