「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪
公開日: : お絵描きツール, クリスタ, 創作支援 ライン抽出, 写真をアニメ風に加工
都市伝説らしい理想の泥犬と記憶の中の泥犬 illust by サトウトシオ@310104o
ここのところ話題となっている、写真をアニメ風の絵にするアプリですが、ちょっと微妙な噂も耳に入ってきます。
というわけで、今回は「アプリ無しで簡単に写真をアニメ背景風に加工する方法」です。
アニメ絵化加工アプリについてちょこっと
その前に、アニメ絵化加工アプリ#everfilter(twitterハッシュタグ)についてちょこっと。
コレで加工した画像がやたらとTL回ってきた。 私もちょっと興味あったんだけど、忙しくてついった行ってなかったウチに燃えてた。
くつきも素敵な画像を見かけて使ってみたいと思ったのですが、プライバシーフリーク(笑)及び、著作権侵害が気になる体質なもので、お試しを躊躇しておりました。
結局は、こういうことだったようです ⇒ 写真をアニメ風に加工するアプリ #everfilter 新海誠作品の背景イラストを無断で合成してた – Togetterまとめ
Togetterの検証画像見ると、黒っぽい?
ですよね。 といっても今回は#everfilterの真偽についての記事ではありません。 真偽についての調査なりインタビューは他の方におまかせして、くつきはフォトショップやクリスタで似たような加工が「簡単に」できる方法がないかを探してみました。
ん? いま簡単にって言ったよね?
い、言いましたとも!(;`・▽・´)
ほほう、そいつぁ楽しみだ。(ー▽ー)
おたおたのしみに(;`・▽・´)
というわけで、今回は
- Androidユーザーの為、いうtも画像加工系アプリに乗り遅れてしまう方
- #everfilterの個人情報リスクの真偽の程は定かではないけど、念のためもうすこし様子をみたい方
- 著作権侵害を気にせず、お手持ちの写真をイラスト風に加工したい方
- イラスト風加工写真を、もっと自分好みにカスタマイズしたい方
向けの記事を書いてみました。
どうしたらアニメ風に見えるかの要件
まはずは、どうやったら写真がアニメ風に見えるのかの要件ですが、これはTogetterでも言われていたとおり「空がアニメ絵」に尽きると思います。
画面の大部分を占める空をアニメ絵にすることで、全体の雰囲気が大きくアニメ背景化します。
他に考えたのは、「塗り(筆)の跡が見える」です。
テクスチャを重ねたり、水ブラシやぼかしツールで画像を滲ませたりして、筆で描いた感を演出します。(今回サンプルでは、テクスチャを重ねてみました)
まとめるとたったの二点。
- 空をアニメ絵に変換
- 筆の跡を演出
「写真⇒アニメ絵化」の最低条件て、コレくらいじゃないかと。
写真⇒アニメ背景化の方法
上の条件で作成するとなると、空とその他(建物や人物)を区切る必要がありますが、切り抜き作業については写真のアニメ背景風加工の説明から少し逸れますので今回は省きます。
参考 ⇒ これで完璧っ!5種類のphotoshop切り抜き方法を使い分けて輪郭線を背景になじませるクオリティの高い合成をマスターしよう。threemdesign
というわけで「写真⇒アニメ絵化」方法ですが、切り抜きさえできればあとはメチャクチャ簡単です。
1-加工したい写真を任意のソフトで読み込む。
2-空部分を切り抜く
3-空部分を描写する。又は素材を読み込んで合成する。
空を合成しただけでかなりアニメ絵化してます。
こちらはクリスタの青空02なのですが、リンクなくなってるようなので、別の空をご紹介しておきます。
空素材ならなんでもOK、彩度の高い色鮮やかな雲と空であればよりアニメ風に加工出来るという感じです。
4-建物部分を[ライン抽出]します。
参考 ⇒ クリスタのライン抽出ツールがスゴい! まず早い! 漫画を描いたことのない私が一瞬で背景をつくってみました♪
※ [ライン抽出]後、トーンレイヤーの透明度を下げる、又は非表示にしてください。
5- 元画像の輪郭をぼかす加工をします。
サンプルはフォトショップの[フィルタ] ⇒ [アーティスティック] ⇒ [塗料]ですが、ここはお好みで。
6- [ライン抽出]した線画の下のレイヤーに、加工した元画像を置きます。
7- 最後に(筆)跡っぽいテクスチャを乗せ、お好みでのレイヤー加工をします。
サンプル画像は、全体にクリスタの光テクスチャ(オーラブラシと光テクスチャ by ぱーらめんと #CLIP_Celsys)を[ソフトライト]で、
建物部分にはごちゃテクスチャ(ごちゃテクスチャ by 片栗 #CLIP_Celsys 10clipy)を[リニアライト]で乗せてます。
7の完成画像から、[ライン抽出]した線画を消して、5のぼかし加工をしていない画像を、レイヤー加工[リニアライト]などで重ね、不透明度を調整すると↓
逆に線を太らせると↓
となります。
空素材を夜に変えれば、夜バージョンも可能。
加工はお好みで、いろいろためしてみてください。
宇宙から見た夜景ブラシ by ぱーらめんと #CLIP_Celsys
※使用素材とは別の素材です ⇒ 月の画像いろいろ by mogi_lock #CLIP_Celsys
まとめ
使用ソフトは、クリスタ(Clip Studio Paint EX)とフォトショ(Photoshop)ですが、
- 空とその他を分割する
- その他部分をアニメチックに加工する
- 「イラスト素材の空」と、「アニメチックに加工したその他部分」を合成する。
- テクスチャを重ねる
だけですので、無料のものを含め大抵のお絵かきソフトで同様の加工出来るはずです。
ただ一点だけ残念なのは、この「写真 ⇒ アニメ風背景」加工がうまくいくかどうかは、空の切り抜きにかかっていると思います。 そのへん難しい元画像の場合微妙な仕上がりになってしまう可能性もあります。
ちなみに、線と色を分割するかどうかはお好みですので、クリスタ(Clip Studio Paint EX)をお持ちでない方は、線画を抽出せずに加工してしまえばよいかと。
あとは、好きなデザインで看板を描いたり、素材を追加したりすればさらにそれっぽくなるかもね。
ご紹介したのはものすごくざっくりした方法ですが、手間と時間はかかりますが例えば線画をベクターレイヤーでトレースして線種を変えてみたり、色だけ手塗りしたりする方法もあるかと思います。
3D素材を追加して、[ライン抽出]してもいいかもね。
それやってみました。 3D素材は[ライン抽出]の[レイヤーのLT変換]でラスターレイヤーとベクターレイヤーを選択できますので、ベクターレイヤーを選択しておけば、解像度を気にせず拡大縮小出来ます。
なんでフランスの風景に日本の消防車(笑)
現実にはありえませんけど、なんとなく(消防ポンプ車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!
プロデュース被験者:サトウトシオ
『宇宙(セカイ)をデバッグする、簡単なお仕事です。』 の宣伝です。
進捗どうでしょう?
アニメ風背景のおかげで挿絵も多少進んだよ。
それは良かったです。
キャラクターと背景のバランスが難しいけど、やっと慣れてきた。
というわけで、挿絵も本文もぼちぼち進行している佐藤の 『宇宙(セカイ)をデバッグする、簡単なお仕事です。』【0】 (BOOTH版)は、今後、pixiv、ニコニコ系での公開も予定しておりますので、見かけたらお手にとって頂ければ嬉しいですm(_ _)m
宇宙(セカイ)をデバッグする、簡単なお仕事です。【0】 ランディングページ
『宇宙(セカイ)をデバッグする、簡単なお仕事です。』 佐藤利音著
佐藤利音Twitter ⇒ 佐藤利音 on TWITTER
佐藤利音ブログ ⇒ 砂糖と塩
特設サイト ⇒ 宇宙(セカイ)をデバッグする、簡単なお仕事です。【0】 ランディングページ
インサイド・アウトサイダー #バグ式 ◆このいと式シリーズ | Official Website
でんでんランディングページ | セルフパブリッシャーのためのTumblrテーマ に感謝!
セルフパブリッシャー必携の武器のこちら↓
★ ワコム Intuos Pro Medium (Mサイズ) ペンタブレット PTH-651/… |
— 魚拓 —
— 記事内容証明 —d
スポンサードリンク
関連記事
-
キャプテンキッドが財宝を隠した?鹿児島県吐噶喇(トカラ)列島『宝島』の話
鹿児島県吐噶喇列島というところにキャプテンキッドが財宝を隠したという言い伝えの残るその名も
-
「実在の商品名、店舗名、商標、有名人名は創作に使えるか?」を弁護士ドットコムさんに質問してみました♪
McDonald's Thai Welcome - Bangkok by MsAnth
-
サトウトシオ『宇宙をデバッグする、簡単なお仕事です』LP完成しました♪
サトウトシオ『宇宙をデバッグする、簡単なお仕事です』LPでんでんランディングページ by ろす
-
校正・推敲を支援してくれるツール『tomarigi』のインストール、及び「音声読み上げプラグイン追加」までメモ
鳥・枝・葉っぱブラシ素材はクリスタ『CLIP STUDIO ASSETS』から ⇒ 鳥
-
『GIFPAL』と『コマ送り-動くポーズ集』を使った簡単GIFアニメーションの作り方 「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」
今回はマール社さんの『コマ送り-動くポーズ集』とフリーオンラインツール『GIFPAL』を使っ
-
超お手軽に縦書きテキストをブログ埋め込みできる『縦書き文庫』使ってみた♪
もくじ Nikkei Rio Expo 2008 - Workshops e Pales
-
創作ブログにピッタリな「LINEトーク風フキダシCSS」の表示が崩れるときの忘備録
あけましておめでとうございます。 会話形式の多いブログにピッタ
-
SAI2始動! 3Dパース定規からバケツの隙間調節まで、クリスタ、FireAlpacaとざっくり比較してみたよ♪
「SAI2」ツールの漏れ出し防止幅は上限100px!スライダーで直感的に使えます♪ &
-
Pixivのテンプレートを作ってみたキッカケで、Pixiv共同管理アカウントの意外な事実が判明した件
Pixivテンプレートサンプル 登場人物:くつきちよこ ※管理人 佐藤 ※ゲスト &
-
インディーズ作家を応援する電子雑誌『月刊群雛』の制作に参加した感想
Untitled by John Donges, on Flick