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

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

関連記事

【クリスタ】の[ライン抽出]で直接ベクターレイヤーに変換できない「画像素材」を、どうにかベクターレイヤー化してみる実験 [ライン抽出]⇒線画レイヤー上で右クリック⇒[レイヤー変換]⇒[ベクターレイヤー]を選択 でベクター化した画像素材が。[ライン抽出]下だけのほうが線が綺麗かも。比較

【クリスタ】の[ライン抽出]で直接ベクターレイヤーに変換できない「画像素材」を、どうにかベクターレイヤー化してみる実験

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

記事を読む

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』LP完成しました♪ でんでんランディングページトップ illust by サトウトシオ @310104o design by くつきちよこ でんでんランディングページ by ろす @lost_and_found さん

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』LP完成しました♪

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』LPでんでんランディングページ by ろす

記事を読む

Venice Muscle Beach by Lin Mei, on Flickr 『ArtPose』がAndroidで使えないとお嘆きの皆様へ(*´∀`*)つ筋肉モデルサイト『BOYS POSE.COM』という男の園へようこそ♪

筋肉モデルが少ないとお嘆きの皆さまへ『ArtPose』のキャプチャ画像を利用した筋肉モデルサイト『BOYS POSE.COM』へのいざない

Venice Muscle Beach by Lin Mei, on Flickr So

記事を読む

【クリスタ】で抽出した線画を、さらに味わい深くするちょっとしたコツ ロンドン上空にUFOがががっ! [ライン抽出ツール]で抽出した線を、[色混ぜ(ぼかしツール)]でぼかした画像サンプル

【クリスタ】で[ライン抽出]した線画を、さらに味わい深くするちょっとしたコツ

ドイツの空に浮かぶufo ドイツ写真加工くつきちよこ ufo加工佐藤利音 UFO01

記事を読む

ジャケットのワイシャツの襟から革靴の底まで~オンラインで無料のスーツ作画資料 ぱくたそ「奇妙なポーズをする男性 >> 胸元を開く夢のあるビジネスマン [モデル:OZPA](「OZPAの表4」の人)」 

ジャケットの切れ目、ワイシャツの襟から、革靴の底まで~オンラインで無料のスーツ作画資料

    『ぱくたそ』 << 奇妙なポーズをする男性 <

記事を読む

SS撮影の都内某所写真トレース by SS

作中で街に隕石を落下させ、カフェの店員を暴走させたいとの要請を受けたので「創作ステージ@まちペディア」を作ってみることにした

by SS Share on Tumblr  実在の場所が舞台になるアニメって最近多いよね。

記事を読む

電子書籍出版進捗「やらないとわからないこと」、その他プロモーションのお話

電子書籍出版進捗「やらないとわからないこと」、その他プロモーションのお話

  Guess where we are... by Chuck Coker, on Flickr

記事を読む

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

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

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

記事を読む

Untitled by John Donges, on Flickr Some rights reserved

インディーズ作家を応援する電子雑誌『月刊群雛』の制作に参加した感想

    Untitled by John Donges, on Flick

記事を読む

【創作用架空設定】非実在商品、企業wiki『創作ステージ@まちペディア』進捗__φ 架空のロゴ、名称、試作品 design by くつき ※クリスタ素材含む。

【創作用架空設定】非実在商品、企業wiki『創作ステージ@まちペディア』進捗__φ

架空のロゴ、名称、試作品 concept by 佐藤利音 design by くつき 登場人物

記事を読む

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

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

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