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

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

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

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

本日は、なんだかTLで流行っている、写真を背景に加工する方法を試してみた記事です。

※線画抽出過程に「CLIP STUDIO PAINT EX」を使用しています。↓


最近流行っている、「写真 ⇒ 漫画やイラストの背景に加工」

例えば、コチラのオシャレな背景や、

重厚なアニメ背景のようなコチラなど。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 これはスゴイ!

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

電子書籍の挿絵も捗りそうです。

 

スピード優先!ラフな感じの背景イラスト加工

というわけで、くつきも「写真加工 ⇒ 漫画風背景(カラー版)」に挑戦してみました。

みなさんのように美しい背景にはなりませんでしたが、「クオリティ<スピード」の手法です(笑)

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ クリスタの線が抽出ツール⇒Photoshop(カットアウト)⇒クリスタ雲ブラシ

雲も含めてPhotoshopのフィルタでカットアウトしたバージョンがコチラ↓

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ クリスタの線が抽出ツール⇒Photoshop(カットアウト)⇒クリスタ雲ブラシ⇒Photoshop(カットアウト)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 どんくらいかかったの?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 探りながらなので、10分くらいでしょうか。

要領をつかんでしまえば、5分以内でいけるかと思います。

 

写真からカラー漫画背景っぽい作画の方法

まずは元画像を、クリスタ、Photoshopでそれぞれ加工します。

  1. クリスタ ⇒ 線画抽出
  2.  Photoshop ⇒ フィルタや色調整
  3. 1と2を合流

という手順です。

1.【クリスタ(CLIP STUDIO PAINT EX)】

写真読み込み ⇒ ⇒ ライン抽出ツール:ライン抽出

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

線画抽出

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

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ クリスタの線が抽出ツール

線画を保存しておきます。

2.【Photoshop】

1.とは別に元画像の加工をする。

色調整などは、写真の写り具合や目指すイメージによって適宜に(くつきは[トーンカーブ]や[明るさ・コントラスト]で、色味をハッキリさせました) ⇒ フィルタ(カットアウトなど)

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ 1,写真を読み込む⇒2.色と線に分けて加工 の過程

※空部分を雲ブラシで加筆したい場合は、選択して切り取っておく

3.【Photoshop】、【CLIP STUDIO PAINT】お好きな方のソフトで合流し、微調整

色レイヤーだけ乗算したり、コントラストを調整したり、お好きに加工。

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ クリスタの線が抽出ツール⇒Photoshop⇒クリスタ雲ブラシ

※【CLIP STUDIO PAINT】の雲ブラシで、空部分を描写したサンプル。

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ クリスタの線が抽出ツール⇒Photoshop(カットアウト)⇒クリスタ雲ブラシ

※使用したのは、ぱーらめんとさんの 雲ブラシpartⅡ by ぱーらめんと #CLIP_Celsys です。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 線画と色みのバランスは、 レイヤー効果や透過で調整してみてください。

 

その他サンプル

色レイヤーを透線60%程度にし、線画から色を少しズラす。

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ 線画と色を少しズラしたサンプル

逆光や照明効果。写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ 逆光で太陽光を入れてみたサンプル

色みを濃い目に調整。

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

塗りつぶしレイヤーを乗算し全体を夜の雰囲気にし、照明で月、ブラシで星を加筆したサンプル

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

 

まとめ

流行りの「写真を加工して漫画の背景にしてみた!」やってみました。

(特に斬新な発想ではありませんが)くつきが提案するのは、写真から線画と色を別々に取り出して加工し合流する方法です。

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ 1,写真を読み込む⇒2.色と線に分けて加工⇒3.色と線を合流

②の色の加工によって、だいぶ雰囲気が変わりますので、そこである程度の個性が出せるかと。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 あとは自分の絵のタッチに寄せて、加筆したり加工したりかな。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 ですね。 Twitterやトゥギャッターの方は、サラッと描いてますけど、なかなか難しいんですよね。

この「シアンのチャンネルで空のコントラストを上げる」というのをやってみたのですが、うまくいかず……(´▽`;)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 元画像にもよるとか?

色味が多くて、明るい写真がいいんじゃないの?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 そう思って他にもお寺など、色味が多めの写真で試してみましたが……うーん;;

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

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ 2.仙台のお寺 クリスタの線が抽出ツール⇒Photoshop(カットアウト)⇒クリスタ雲ブラシ⇒Photoshop(手前のオブジェクトのみガウスでぼかす)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 ああ、うん……なんかもうちょっとな感じ(笑)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2  わかってます;;

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 ていうか、なんか元画像のが光に雰囲気あるっぽい?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 ……ぐぬぬ;;

では、Photoshop エフェクト:逆光 ⇒ レイヤー効果:通常 写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ 2.仙台のお寺 クリスタの線が抽出ツール⇒Photoshop(カットアウト)⇒クリスタ雲ブラシ⇒Photoshop手前のオブジェクトのみガウスでぼかす、逆光(デフォルト値、レイヤー効果:通常)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 これもいいけど、光の輪っかがちょっとわざとらしいかも。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 Photoshop レイヤー複製 ⇒ フィルタ:照明効果⇒逆光(デフォルト)⇒ レイヤー効果:ハードライト

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ 2.仙台のお寺 クリスタの線が抽出ツール⇒Photoshop(カットアウト)⇒クリスタ雲ブラシ⇒Photoshop手前のオブジェクトのみガウスでぼかす、逆光(デフォルト値、レイヤー効果:ハードライト)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 加筆すれば、それっぽくなりそう?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 スピード優先だとこの辺が限界ですね;;

ちなみに手前のオブジェクト(灯籠)を選択 ⇒ ボカシ で、なんちゃって被写界深度してます(笑)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 なんちゃって被写界深度(笑)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 あとは、さっきの神背景の方がブログでチュートリアルupしてくれるのを待つのみ(笑)

※あくまでもくつきの願望であり、確実な予定ではありません。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 だね。

いや、神背景の方とはまた別のお勧めメソッドがあるって言ってなかった?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 ああ、あります。

これです(*´▽`*)つ

SAI illustration technique [ 井上のきあ ]
SAI illustration technique [ 井上のきあ ]
価格:2,570円(税込、送料込)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 SAIの本?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 この本の104Pに写真から背景にする方法が掲載されているのですが、それがめちゃめちゃ魅力的なんですよ!

仕上がりは、アウトラインなしの厚塗り系になるかと。

今回ブログで紹介したのともさっきの神背景の方とも、また違った印象です。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 やってみたことある?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 ありますが、SAI初心者の頃だったのでうまくいかず、オクラ入りしちゃいました;;

近いうちに再挑戦して記事にしたいと思います。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 そういや、くつきは漫画絵描かないクセにSAIも持ってるんだよな、なにに使ってんの?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 いちおう、甥っ子漫画描こうとして挫折した過去もありますが;;

最近は配布用フリー素材の菓子パンイラストとか(笑)

写真を加工して漫画の背景にする小技が流行っているので、試してみました♪ SAIをなにに使っているか?それはあんぱんと栗パンを描くためです(笑)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 この手法を背景に使えよ(笑)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 今度やってみます(笑)

 

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



 

スケジュール

『くつキッチュ』ブログでは、佐藤の出版ネタを借り、創作者さん支援記事を更新中です。

今後の予定↓

  1. 自己防衛用、弱小個人のネタ保管のアイディア
  2. 個人でできる著作権?管理(タイムスタンプサービス等)
  3. 挿絵に使わせてもらったセルシス素材の紹介
  4. 写真をネットに公開する時の注意点など New!
  5. 「ステガノグラファー」不具合と応急処置の話  New!
  6. BCCKS小ネタ(パネルが文字数に応じて拡大されない場合の対処、よく使うルビの辞書登録など)
  7. プロモーション、校正に便利なツールの紹介
  8. 佐藤の作品を元ネタにしたサイト作成(都市伝説サイト【ピアパレイ】、ロケハン、架空店舗の素材配布、架空店舗HP等)New!
  9. クリエイティブ・コモンズ・ライセンスに関する記事 New!
  10. 自分に合った小説投稿プラットフォームを厳選しよう! New!
  11. 挿絵に使わせてもらったセルシス以外の素材紹介 New!
  12. 表現の自由山田太郎議員のはなし  New!
  13. AMPエラーの原因、もしかしてyoutube、Twitterの埋め込み?  New!
  14. Flickrを利用した著作権情報表示の方法!   New!
  15. 簡単タイムスタンプ体験を体験してみました  New!
  16. 「ステガノグラファー」に続く、暗号ユーティリティソフト調べてみる!   New!

たくさん予定は詰まっていますが、次回は12の『「ステガノグラファー」不具合と応急処置の話 』一択ですね。

今回取り上げたかったのですが、一応作者様からの返信をもう少し待ってみようかと。

AMP参考:Accelerated Mobile Pages プロジェクトについて — 導入ガイド日本語版を本日公開しました

 

プロデュース被験者:佐藤のせんでん『宇宙(セカイ)をデバッグする、簡単なお仕事です』

佐藤利音『宇宙(セカイ)をデバッグする、簡単なお仕事です。』宣伝回:その3 表紙 illust by @310104o design by 92ki

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

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 リアル忙しくてちょいちょいです。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 忙しいとか言いつつ、にお花見行ったとか?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 付き合いで。 あと、ロケハン兼ねて(笑)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 最近お互い加工ブームですよね(笑)

それはそれとして、これちゃんと挿絵に活かしてくださいね。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 ハイ……(・□・;)

というわけで宇宙(セカイ)をデバッグする、簡単なお仕事です。サブタイ-渡るセカイはバグばかり-は、絶賛公開中です。

お手にとって頂ければ嬉しいですm(_ _)m

 

佐藤利音-サトウトシオ-


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


インサイド・アウトサイダー #バグ式』 佐藤利音著

佐藤利音Twitter ⇒ 佐藤利音 on TWITTER

佐藤利音ブログ ⇒ サトウトシオ式。@310104O

特設サイト ⇒

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

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


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


 

 

 

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

関連記事

livedoorブログの縦書きテンプレート『縦書き(β)』を、お試してみました♪ livedoorブログ縦書き用テンプレート『縦書き(β)』の使ってみたサンプル。最後の行に、強制両端揃えの不具合がみられる。

livedoorブログの縦書きテンプレート『縦書き(β)』を、お試してみました♪

  livedoorブログ『縦書(β)』サンプルブログ くつきちよこ 登場人物:くつき

記事を読む

クリスタのアニメーション作成時、読み込んだ画像が使えない( ;▽;) ※解決済み アニメーションフォルダ内のレイヤーで、表示レイヤーの上レイヤー、下レイヤーがそれぞれ薄く別の色で表示されます。

クリスタのアニメーション作成時、読み込んだ画像が使えない( ;▽;) ※解決済み

CLIP STUDIO(クリスタ) 写真読み込み ⇒ 線画抽出 ⇒ 流れ雲ブラシ 登場人物

記事を読む

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

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

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

記事を読む

Booth進出の準備編として、Pixivの「テンプレのテンプレ」を作ってみました♪  Pixivイメレス用素材テンプレートのテンプレートと引き換えにいてもらった女の子 illust by サトウトシオ@310104o

Pixivのテンプレートを作ってみたキッカケで、Pixiv共同管理アカウントの意外な事実が判明した件

Pixivテンプレートサンプル 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト &

記事を読む

BCCKSの表紙編集方法……っていうか電子書籍楽しい(>▽<) 自分でタイトル編集した場合1 ブーブー紙(蝋紙)の帯をつけてみた

めちゃ楽しい(>▽<)電子書籍Webサービス『BCCKS』の表紙編集メモ♪

  昨日、姉妹サイト:創作支援用素材屋『イチパン!』にて、 フリー素材 電子書籍用表紙イラスト

記事を読む

2014-10-03 17.25.44 by sstrieu, on Flickr

実在の商品名、店舗名、人物名を小説などを創作作品に登場させた場合の一インディーズ作家の対応メモ

2014-10-03 17.25.44 by sstrieu, on Flickr  S

記事を読む

キャラクターの作り方 ※ネタ アイキャッチ画像 illust by ss effect&design by 92ki

魚介類などを利用したキャラクターの作り方 ※ネタ記事です。

  SSにキャラクターの作り方を聞いたところ、「魚とかを参考にする…」という思いもかけない答え

記事を読む

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

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

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

記事を読む

Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方 アイキャッチ画像 Lolita-kingyo illust by ss

3-Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方 見開きページの作り方

  追記:「WordPressの更新後、『FlippingBook Ga

記事を読む

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

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

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

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

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