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

くつキッチュ!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

関連記事

Jesus crown of thorns - West Pier Brighton by Leonski Oh Leonski, on Flickr くつキッチュ/スクラップス! アトリビュートをここへ

『茨の冠』から『初音ミクのメガフォン』まで 単なる小道具ではない『アトリビュート』って一体何?

Jesus crown of thorns - West Pier Brighton b

記事を読む

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

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

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

記事を読む

マウスコンピュータのHDが壊れました illust by 3104o ©佐藤利音

ヱ□カテゴリにアドセンスを表示させない『Display Widgets』『Widget Logic』は創作家サイトに必須のWPプラグイン!

26歳社畜之図 佐藤利音 on Twitter  ハイ、広告表示されてないですね?

記事を読む

【一次創作】防御と開放のバランスを取るには?|著作者とユーザー両方を守る御札(おふだ)その2

  イラスト:佐藤利音 デザイン:くつきちよこ 無名一次創作者が大手にパクられたら

記事を読む

簡単!『ファイヤーアルパカ』で動くイラスト作成しよ!オニオンスキンモードでラクラク作画! 4:うっすら透けて見える前の絵を確認しながら、絵を描きます。

簡単!『ファイア アルパカ』で動くイラスト作成しよ!オニオンスキンモードでラクラク作画!

  Firealpaca(ファイア アルパカ) で、素材作成 ⇒ GIF

記事を読む

山形に行ってきたので、マンガを描いたことのない私がまたもクリスタで背景作成してみました♪ 線画抽出⇒ゴミ取りor線幅修正 [線画抽出] +[トーン] ⇒ [フィルター] ⇒ [線画修正] ⇒ [ゴミ取り] ⇒ [素材:流れ雲ブラシ] トーン不透明50%くらいに設定 ⇒ 少し消して、雨上がりっぽく

山形に行ってきたので、またもクリスタで旅行写真からマンガ背景素材を作成してみました♪2 線画抽出⇒ゴミ取りor線幅修正

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

記事を読む

架空の商品、店、サービス等の設定進捗状況+オマケ 架空グルメアニメ【えんたんぐるめんと!】ロゴ

架空の商品、店、サービス等の設定進捗状況+Tumblrのあれ

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』【1】登場予定の架空グルメアニメロゴ Sto

記事を読む

気になるアイツ、三点リーダーのこと……。 創作支援屋くつキッチュスクラップス 三点リーダーと戯れる小学生 illust by サトウトシオ@310104o

気になるアイツ、三点リーダーのこと……。

  三点リーダーと戯れる小学生 illust by @310104o 登場人物:くつきちよこ

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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