【クリスタで作る】漫画背景画　〜おすすめ素材＆作成のコツ〜

 

こんにちは！へっぽこ素人漫画描きのおくとばです。

 

漫画って、ただでさえ面倒な作業の連続なわけですが、その中でも特に頭を悩ませるのが背景画の捻出だと思います。

今回は、ズボラ漫画描きの私が背景画をどのように捻出しているか簡単にご紹介したいと思います。

自己流ですが、何かしら参考になるものがあれば幸いです！

それではどうぞ～～～(^^)/

はじめに　～シーン別に活用する素材を考える～

ズボラ漫画描きの為の背景画捻出法いろいろ

アナログ時代では本当に本当に本当に面倒さが半端なかったであろうこの背景画。

 

現代のデジタル時代では、従来の線画(背景画像)素材に加えて、

等、並々ならぬ救世主を簡単に召喚できるようになりました。

こういった様々な神ツールを活用しつつ、

私は【シーン別】により以下のような方法で背景画を制作しています。

①こだわりたい外背景 → 自作（主に撮影してきた写真トレース）

特にこだわりを持ちたいシーンの風景などは、自分で参考写真を撮ってきて、その写真を元に作成しています。

 

大体はベクターレイヤーを用意し、トレースで線画を作成しています。

自然物や部分的な描きこみには写真画像の２値化や素材ブラシを活用して書き込みをしていきます。

 

②その他外背景 → 有料の線画背景素材より引用

街並みなど、完成された遠景等の背景が必要な時は、既に線画化された画像素材を使用することが多いです。

 

③室内背景 → 主にクリスタの3D素材を活用

室内の描写には断然クリスタ3D素材が便利！

 

その他

このような複雑な建物も、クオリティの高いものが「3D素材集」に揃っています。

 

素材集にない場合は、クリスタアセットからピンポイントで探すことでもかなりの確率で配布されていますので、大いに活用させてもらっています。

 

 

こちらもまた詳しいことは次章で！

 

④その他のちょこっと背景 → クリスタの既存素材を組み合わせて作成

その他のちょっとした背景の作画、特に自然系や簡単な小物には素材ブラシが大活躍！

 

 

空の描写も、グラデーションレイヤーの上にクリスタ既存素材の月や雲ブラシを組み合わせて作成したりもしました。

 

①こだわりたい外背景 → 頑張って写真から自作！

写真等から背景画を作成する際の流れ

撮影してきた写真をもとに背景画を作成する。

 

やり方はもちろん人それぞれですが、私は以下のような流れで作成しています。

それぞれの項目の具体的な説明を次章からご紹介しますが、その前に

について、先に簡単にご紹介します！↓

背景画作成の前に ～写真同期・線画生成サービスについて～

撮影写真をスマホ・PC間で楽々同期できる写真アプリ

近頃ではWEB素材や写真といった素材配布サイトも充実しており、参考にしたい風景写真も大分見つけやすくなりました。

 

 

ただ、サイトによっては利用規約で「トレースがOK」かを確認することに手間取ることも多いかと思います。

日頃のお出かけでも素敵な風景を見つけたら、ぜひスマホを活用して撮影していきましょう。

 

そして撮影した画像はアプリサービスなどを活用して、パソコンからもすぐに画像を取り出せるよう同期しておくと、創作活動をするうえでもとても便利です。

 

役立つアプリ★

 

 

スマホにこちらのアプリを入れている場合、カメラロールと自動で同期することができ、パソコンからもChromeプラウザ使用でGoogleアカウントにログインすることで、すぐにグーグルフォトにアクセスが可能です。

 

 

ちなみに、PCで制作した画像を、こういった画像同期アプリを介してＰＣ以外のモニター（スマホやタブレット等）で確認することで、実際のサイズ感を確認したり、間違いがないか等の見直しにも役立つのでおすすめです。

 

【線画抽出】機能・サービス

近頃では写真から線画にする機能も充実していて、特にクリスタの【レイヤーのLT変換】機能（レンダリング機能）は大変高性能です。

 

 

また、クリスタ以外でも大変高性能な線画作成のWEBサービスもあります。

 

 

ただ、この背景画が自分の好みと一致すればいいのですが、人によっては

となってしまうこともあるのではないでしょうか。

私はそうです。

 

そんなわけで、以降、ベクターレイヤー＆素材ブラシなどクリスタをフル活用して撮影写真からなるべく省エネで風景画を作成する手順をご紹介します！↓

①ベクターレイヤー等を駆使して大まかな線画作成

調節楽々なベクターレイヤーをフル活用

ベクターレイヤーだと、なぞった線を微調整するのも簡単です♪

また、はみ出た線を消すのもベクター用の消しゴムを利用することで一瞬で可能なのでとても便利です。

 

 

 

枠組みのある建築物には【枠線機能】を活用しよう

格子状等の枠組み(フレーム)建築の描写には、【枠線作成】機能が大活躍します！

 

 

作成手順は以下の通りです。

 

ちなみに、【レイヤープロパティ-レイヤーカラー】、既存設定では青になっているので色を白色に変更してください。

 

②空・木々・水面など、写真を生かせそうな部分は編集して活用

複雑な自然物の描写は、クリスタの「レベル補正」や「2値化」他、諧調化の機能を利用することで簡単にオリジナルトーンへと作り替えることができます。

 

以下に簡単な一例をご紹介していきます！↓

①水面の描写は写真の２値化を活用！

 

●水面の濃い部分…

2値化したのち、【編集 - 輝度を透明度に変換】をして黒部分だけ残し、レイヤーの不透明度をいい具合に調整します。

 

●水面の反射(白色)部分…

2値化したのち、【編集 - 色調補正 - 諧調の反転】を行い、白部分を一度黒へと変更します。

その後【編集 - 輝度を透明度に変換】をして黒部分だけ残し、もう一度 諧調の反転を行い白色にします。

 

実際の作業の様子↓

 

こちらの制作工程をオートアクションに登録し、クリスタアセットで有償配布していますので自分で制作するのが面倒な方はよろしければどうぞ！

 

 

②空の写真からグレートーンで使用

私は漫画を作成する際、表現色「グレースケール」で作成しています。

 

 

なので、たまたま撮影した写真にいい具合の空があった時は気兼ねなく「空の素材」として活用しています。

 

 

このような流れで簡単にパパっと作っています。

 

 

これらの色調補正等もオートアクションとしてあらかじめ登録し、クイックアクセスへアクションボタンを設置しておくことでかなりの時短になります。

 

③木の枝

冬の木の写真などからは、【編集 - 色調補正 - 2値化】することで、リアルな木の枝の素材画像を作り出すことができます。

 

 

ただし想像以上にかなり細かかったりするので、自分が思い描いていたように綺麗に書き出すのが難しかったりもします。

 

シーンによって素材の木々ブラシと使い分けた方がいいかもしれません。

 

③自然素材は素材ブラシを大活用

先ほどの章最後でもご紹介しましたが、

 

草木など、複雑な自然物は、ぜひクリスタ付属・もしくはアセットで配布されている素材ブラシを活用しましょう。

 

 

また、過去に作った草木を素材フォルダに登録しておくと、次に同じようなシーンで使いたくなった時、すぐに取り出して活用できて便利です。

 

④仕上げの描き込み・ベタトーンにも素材ブラシが大活躍！

大体の線画が出来上がったら、今度は模様入れ等、仕上げのベタ＆トーンを別レイヤーを用いて作成していきましょう。

 

なぜ線画レイヤーと分けるかというと、もちろん後々使いまわしたくなった時に微調整がしやすいからです。

 

 

こちらはクリスタのブラシまたはトーン素材等をフル活用させてもらっています！

 

◉よく使う素材◉

カケアミブラシ

一番よく使うカケアミブラシは自作のものですが…すごくシンプルな↓

 

ちょこちょこっとしたカケアミなどはアセットで見つけた配布様にお世話になっています↓

 

土・草系ブラシ

床・タイル系ブラシ

⑤最後は＜レイヤーセット＞を＜素材登録＞しておくとすぐに取り出せて便利！

最後、線画レイヤーを１枚にまとめます。

 

各パーツごとにレイヤーを分けておきたい場合にはフォルダに１つにまとめて複製 → 統合を行いましょう。

窓の色合いを変えたり…

 

 

また、私は柔らかい雰囲気を演出するために、レイヤーフォルダもしくはレイヤー自体にレイヤーマスクを設定して削りを入れるなどをよくしてます。

 

 

②その他背景 → 既存の背景(線画)画像を利用

遠景・街並みなど、広範囲の背景には市販の背景線画素材が大活躍しています。

 

有料配布サイト：背景倉庫様

 

⇒　背景倉庫

 

 

街並みだけでなく、和風建築や洋館・西洋風街並み等、たくさんのシチュエーションの線画がたくさん用意されており、とても重宝します。

 

線画素材の他にも街並みブラシ＆モブブラシ等が配布されていて、こちらもアセット素材と併用してよく活用させていただいてます。

 

⇒　街並みブラシ

⇒　モブブラシ

お得素材集：背景カタログ本

それぞれ違う会社のようですが、とてもお世話になっている背景線画素材集がこちら…

 

背景カタログCD-ROM1住宅路上編

 

 

住宅街・マンションの外観線画が一通りあっておすすめです。

デジタル背景カタログ 通学路・電車・バス編

 

電車やバスなどは、ありがたいことにクリスタの３D素材でも豊富に取り揃えられています！

 

ただ、もっときれいな線画で欲しいなぁ！という時。

場所を明示するためにちょこっとだけ必要！という時には、こういった線画素材がとても便利です。

 

追加で！一緒に活用したいモブブラシ・モブ素材

こういった広い背景画・遠景等に、忘れがちだけれど欠かせない存在がモブたち…

 

モブ素材は先ほどご紹介した背景倉庫の他、クリスタアセットにも様々なバリエーションで配布されており、大変助かっています！

 

③大型建造物・室内背景の描写に便利！～クリスタ3D背景素材～

CD-ROM素材集・既存素材フォルダetc

一世代前のコミスタ時代から、こちらの３D素材にお世話になっています。

セシルス ３Dデータコレクション

 

 

３D素材は決まったロケーションを好みの角度で次々と線画へ作成(LT変換)することができ、大変助かります。

 

 

現在では、クリスタの既存素材でも３D素材が充実しているので一度は素材パレット内の「３D」素材フォルダの中を検索してみましょう！

 

クリスタアセットの３D素材(室内・大道具系)

クリスタアセットでは、様々なこだわりのある実践的な素材が多く配布されています。

 

作る背景に合わせてピンポイントでいろいろ検索し、要所要所で３D素材を集めて大道具的背景画を作成することがよくあります(#^.^#)↓

 

 

よく使わせてもらっているクリスタ３D素材の一例がこちら↓

おすすめの室内背景向けクリスタ３D素材

フジタニさんの洋室2

 

 

 

フジタニさんの素材は洋館３D素材など、とても高性能＆素敵なものばかりでコミスタ時代から大変お世話になっています。

 

特にこちらのお部屋、有償素材の中ではお値段的にお高めではありますが、カスタマイズできてオリジナル感を出せるため、かなり質のいい私室を作り出せることができます。

なべさん二等兵さんの家具etc

クリスタアセットには、本当に素敵な３D素材が数たくさん配布されているのですが、とくになべさん二等兵さんの配布されている家具はとてもセンス良く、かつリーズナブル…！！！

 

 

そして、数種の家具がそれぞれ入っているのかと思いきや、なんと物を配置後【レイアウトのプリセットを選択】より、種類を選べるようになっているんです！！！

 

 

④その他ちょこっと背景 → 素材ブラシ

自然系や簡単な小物には素材ブラシの組み合わせが大活躍！

 

 

木肌部分は木肌ブラシやカケアミブラシを使用しました。

 

葉が茂った部分は葉ブラシをサブカラー・メインカラーと黒色でに設定した状態で描写し、白塗り＆黒フチ取りへ変更して作成しました。

 

 

ちなみに、下図のような刈り上げ(トピアリー)的な植物。

 

 

こちらは以下の工程で作りました。

 

また、こちらの夜空の描写もグラデーションレイヤーの上に雲ブラシや既存の月素材を組み合わせて作成したりもしました。

 

 

こちらの工程は以下の通り。

番外編： 作成した線画の活用法いろいろ

背景を透過で保存 ～背景の色を「白→透明色」に～

既存素材の背景画像を使用する時、ベース(背景色)が白色であることは往々にしてあると思います。

 

人物の線画レイヤーの下にくる場合は何も問題ありませんが、それよりも上にくる場合、選択範囲の関係取り方次第では線画とかぶってくることも多々ある為、レイヤーの順番を入れ替える等、ささいですが地味に手間が発生します。

 

なので、できれば背景線画は線画のみの方が便利…

 

 

もちろん、背景線画レイヤーの合成モードを「乗算」にすることで、背景色は(白色だった場合)自動で透明となります。

 

ですが、特殊加工で線画部分だけほかの色に加工したいなど、純粋に【線画のみ】を必要とする時もあるでしょう。

 

 

そんな時、クリスタにはものすごく簡単に(しかもものすごくキレイ！！)線画のみにしてくれるスゴ技神機能があります！

 

それはこちら、先ほども水面の作り方でもご紹介した、【編集 - 輝度を透明度に変換】です！

 

 

コチラをクリックするだけで一瞬で白色背景色は消去され、線画のみのレイヤーへと変換できます！

 

ちなみに、この背景色が透明になった状態、つまり背景が透過された状態で保存したい場合。

 

 

…という工程で、背景透過を維持したまま画像保存することができます。

 

背景線画をぼかして雰囲気UP！

以前書いた記事でもご紹介しましたが

 

 

わざと背景にピンボケ・ぼかしを入れることで、対象物への視線が集まったり、雰囲気を盛り上げたりといった効果が生まれます。

 

 

背景画像の入ったフォルダを複製し、統合した一枚絵にした状態で【ガウスぼかし】などのフィルター効果をつけてみましょう。

 

小さい値で【フィルター-ガウスぼかし】を行うオートアクションを登録作成し、クイックアクセスに登録しておくことでさらに簡単に行うことができます。

 

まとめ

いかがでしたでしょうか。

今回は背景画像のおすすめの作成方法＆素材活用法について簡単にご紹介しました。

 

背景画を作ることは大変ではありますが、既存素材やアセット素材と組み合わせることで大幅にスピードアップしますし、多くのストック素材を作れるようになります。

 

また、クリスタの機能の勉強・おさらいにもなるので、幾分かのレベルアップも期待できます。

今回の記事がまた何かしらの参考になれば幸いです。