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

公開日: : 最終更新日: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

関連記事

Amazon Kindle by Robert Nelson, on Flickr Attribution 2.0 Generic (CC BY 2.0) 投稿者が安心できそうな電子書籍プラットフォームの利用規約(「著作権」のみ)

投稿者が安心できそうな利用規約(著作権)の電子書籍自己出版サービスよっつ

  甥っ子姪っ子を急遽預かることになったり、とあるサイトへの寄稿をはじめたりと、時間的な余裕が

記事を読む

「忍者サンドボックス」の「忍者文庫」で、縦書き電子書籍を作ってみたよ♪ 忍者ツールズが機能満載過ぎてよくわからないので図にしてみた図

「忍者サンドボックス」の「忍者文庫」で、縦書き電子書籍を作ってみたよ♪

  忍者ツールズイメージ図 くつきちよこ   登場人物:くつきちよこ ※管理

記事を読む

創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ  自己出版者さん向けtumblrテーマA Tumblr theme for self-publishersサンプルサイト

創作家さんに朗報!電子書籍の試し読みも出来る電書ちゃんのtumblr無料テーマがなまらスゴイ!

  激烈なまら素敵なtumblrテーマ『A Tumblr theme for self-pub

記事を読む

佐藤利音『宇宙(セカイ)をデバッグする、簡単なお仕事です。』宣伝回:その3 「イメージ:デバッグ用スマホ」挿絵用クリスタの「素材をさがす」スマートフォン(携帯電話) illust by @310104o design by 92ki

佐藤利音『宇宙(セカイ)をデバッグする、簡単なお仕事です。』宣伝回:その3「セルシス素材」の凄まじさを語る!

  ※ラフ案:佐藤利音 デザイン:くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 

記事を読む

【補足】縦幅パース比率問題は、「5センチマスグリッドルーム」で即解決! 読み込み⇒[光源の影響を受ける]と[影]のチェックを外したところ。キツイパースがかかっているとこんな風に表示されてしまうことも。

【補足】縦幅パース比率問題は、「5センチマスグリッドルーム」で即解決!

異様なパース空間に「5センチマスグリッドルーム」を読み込んだ瞬間の図:くつきちよこ 登

記事を読む

商標登録検索できるサイトとか、文字組実験とか、作品投稿専用アカウントなど、今年の更新予定ネタメモ 『宇宙をデバッグする、簡単なお仕事です。』佐藤利音 著

商標登録検索できるサイトとか、文字組実験とか、作品投稿専用アカウントなど、今年の更新予定ネタメモ

※準備中につき鍵つき 今年更新ネタの忘備録5つ 登場人物:くつきちよこ ※管理人

記事を読む

flickr-3400039523-original_mini くつキッチュ/スクラップス!『キャプテンキッドが財宝を隠したってマジですか?吐噶喇(トカラ)列島宝島の話 』アイキャッチ画像

キャプテンキッドが財宝を隠した?鹿児島県吐噶喇(トカラ)列島『宝島』の話

  鹿児島県吐噶喇列島というところにキャプテンキッドが財宝を隠したという言い伝えの残るその名も

記事を読む

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

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

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

記事を読む

『ArtPose』キャプチャが見れる男子ポーズcomで、壁ドンではなく鼻ズボ描いてみたggrks-ググれカス-なふたり-モノクロ2 illust by @@310104o ©佐藤利音

『ArtPose』キャプチャもある『男子ポーズcom』で壁ドン…じゃなくて鼻スポを描こう♪

    創作に役立つ素材やサービス3選  というわけで

記事を読む

校正・推敲を支援してくれるツール『tomarigi』のインストール、及び「音声読み上げプラグイン追加」までメモ

鳥・枝・葉っぱブラシ素材はクリスタ『CLIP STUDIO ASSETS』から ⇒  鳥

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Time limit is exhausted. Please reload CAPTCHA.

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

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

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場