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

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

関連記事

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ 空も含めてカットアウトしてみたサンプル

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪

写真撮影・加工:くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト

記事を読む

Dog fetch toy train, dog crush toy train by Andy, on Flickr Some rights reserved

Fetch as Googleを忘れがちな知人のため、Search Console(旧ウェブマスターツール)で協力者の追加をしたよ!

Dog fetch toy train, dog crush toy train by

記事を読む

一次創作向けハッシュタグ(日本語、英語)を調べてみました♪ アイキャッチ design by くつき

一次創作発信用の、英語ハッシュタグを調べてみました♪

下駄のようなHashtags 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト

記事を読む

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

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

記事を読む

ハッシュタグ #blockai で、画像の権利保護? ブロックチェーンを利用した無料タイムスタンプしてみた! BlockaiページのCopyrightProofをクリックすると、証明書が表示されます。

ハッシュタグ( #blockai )で、画像の権利保護? ブロックチェーンを利用した無料タイムスタンプしてみた!

  画像は紅葉の鉢植え写真を、クリスタとフォトショでアニメ風に加工したものです。作くつきち

記事を読む

SAI2始動! 3Dパース定規からバケツの隙間調節まで、クリスタ、FireAlpacaとざっくり比較してみたよ♪ 「FireAlpaca」の3Dパースは神!この発想はなかった!!!!2

SAI2始動! 3Dパース定規からバケツの隙間調節まで、クリスタ、FireAlpacaとざっくり比較してみたよ♪

「SAI2」ツールの漏れ出し防止幅は上限100px!スライダーで直感的に使えます♪ &

記事を読む

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 サンプル画像3

同人イベント告知にピッタリ!素敵すぎるTumblrテーマ『Tokusetsu2』の使い方

Share on Tumblr まえおき   当サイトプロデュース実

記事を読む

世界一斬新でシュールな魅惑のストーリー!『BCCKS』エディタの使い方ビデオの秘密 箔押しっぽいテキスト作ってみましたよ♪ やっぱBCCKS楽しー♪

世界一斬新でシュール!魅惑のストーリー「『BCCKS』エディタの使い方ビデオ」の秘密

今週は先週の『BCCKS』表紙編集編に引き続き、『BCCKS』の基本的な使い方編記事のはずで

記事を読む

books by Elizabeth M, on Flickr 「紙か?電子か?…それが問題か?」電子書籍とジャンルと組版

「紙か?電子か?…それが問題か?」電子書籍とジャンルと組版

  books by Elizabeth M, on Flickr もくじ

記事を読む

Numbers by SamahR, on Flickr Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方

2-Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方『BOOKを記事で表示する』編

  追記:「WordPressの更新後、まれに『FlippingBook

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

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