新TIPSは【毎週日曜:夕~夜】更新予定!

【初心者でも簡単!】背景とキャラの馴染ませ方【配置/サイズ感/色】

【初心者でも簡単!】背景とキャラの馴染ませ方【配置/サイズ感/色】

背景にキャラクターを描いた時の、「背景に対して、キャラクターが浮いている」という違和感を解消するTIPSです!
背景描き初心者さんにも真似しやすい”写真を使いながら”「背景とキャラの馴染ませのコツ」の話をまとめてみました!

ReadMore

【スタイル別で紹介!】絵で稼げる副業まとめ【3ルート】

【スタイル別で紹介!】絵で稼げる副業まとめ【3ルート】

絵を描くことが好きな方は、「大好きな絵で生活していきたい」なんてことを一度は思ったことがあるのではないでしょうか?昨今はいろいろなサービスがあり、絵でお金を稼ぐことができる副業が多くなってきました。 本TIPSでは「あなたがどのように”絵で稼ぎたいのか”」で考えた「スタイル分け」形式で紹介をしていきます。 「お小遣い稼ぎや、誰かのために描きたい」という方から将来は本業としてイラスト一本で稼げるようになりたい!という方まで、希望に合ったスタイル別に加えメリットデメリットも添えながら紹介していきたいと思います ...

ReadMore

イラストでの「鼻」の描き方

【作例付き】〝塗りでコントロール〟する「鼻の描き方」【初心者向け】

鼻は、顔の中心ともなるパーツですが、この「鼻を描く工程」で迷ったり悩んだりした経験はありませんか? この「鼻を描くのが苦手…」という方向けに、絵を描く中で筆者が得た〝塗りで「鼻描き」をコントロール〟するというヒントを紹介していこうかと思います。 「塗りで鼻を描く」ことを推したいメリットとして 鼻の表現を線のみに頼らないことによって 鼻の形のイメージがより掴みやすく 塗りを追加=見栄えUP⤴︎ 顔面力UP⤴︎ のようなメリットがあります! ぜひ、苦手克服へのヒントとしていただけれ ...

ReadMore

KAKETAの「アフィリエイター」募集中!

いつもKAKETAをご覧いただき、ありがとうございます。 この度、KAKETAでのプレミアムTIPSコンテンツの公開を開始しました。それに伴い、codocのアフィリエイトサービスを利用したアフィリエイト提携も開始することといたしました。 ぜひ奮ってご参加いただければ幸いです。 報酬&参加条件 報酬について プレミアムTIPSカテゴリのTIPSがアフィリエイト対象となります。 アフィリエイター様のPRで売り上げが発生すると、対象TIPSの売上15%が報酬として支払われます。 ※1,000円以上の売上が発生し ...

ReadMore

厚塗りフルメイキング【パステル調イラスト編

【"実データ+α"DL可】厚塗りフルメイキング【パステル調イラスト編】

パステルカラーのイラストの描き方・塗り方のフルメイキングTIPSです。
.clipデータ・ノーカットタイムラプスのダウンロードができるプランもあります。

ReadMore

【パステル調】厚塗りでの「色ラフ」のやり方【逆光編】

【パステル調】厚塗り「色ラフ」のやり方【逆光編】

SNSなどを見ている時に、「色ラフ」を描いてから本塗りをしていく…というような絵師さんやイラストレーターさんを見たことがありませんか? この「色ラフ」は、色塗りや配色が苦手な方にぜひオススメしたいイラストテクニック! 今回は、自己流ではありますが「色ラフ」のやり方をご紹介していきます。

ReadMore

クリスタで簡単にできる「パターン壁紙」「タイリング画像」の作り方

【クリスタ】パターン・タイリング画像の作り方【壁紙にも】

壁紙や、背景、服などの模様ともなる「パターン画像」を、クリスタで簡単に作る手順をまとめてみました。 こちらの記事は、CLIP STUDIO PAINT EXを使用した手順紹介です。 準備:パターンの元となるイラスト作り まず、パターンの元となるイラストを描いておきましょう。 ポイント! キャラクターや、アイテムを描いたイラストと、一番下の「用紙レイヤー」は分けておきましょう。分けておくと、背景の色を変えやすいです。 パターン化 イラストが用意できたら、画像として変換をします。変換をすると、描画ができなくな ...

ReadMore

【アイデア特集】ハロウィンイベントイラスト【+構図例付き】

【アイデア特集】ハロウィンイベントイラスト【+構図例付き】

今回は、秋のイベントとして外せない「ハロウィンイベント」をテーマに、セオリーアイテムや、構図アイデア、簡単に描く方法など、悩みを解消に向けアイデアをまとめてみました。
迷ったらぜひ、ハロウィンイラスト制作のお供としてご活用いただければと思います。

ReadMore

【クリスタ&Photoshop】ステンドグラスの描き方【背景講座】

【クリスタ&フォトショ】ステンドグラスの描き方【背景講座】

これだけでも見栄えがグンと上がる「ステンドグラス」の描き方をまとめてみました。ワンクリックで一発変換できるフィルターもご紹介しています。

ReadMore

【厚塗り風】男性キャラ髪・ショートヘアの描き方&塗り方【髪メイキング】

【厚塗り風】男性キャラ髪・ショートヘアの描き方&塗り方【髪メイキング】

今回は、男性キャラやショートヘアの髪の描き方や塗り方、そのための基礎となる描くコツをまとめてみました! 他の髪型の描き方はコチラ⬇︎ https://kaketa.blog/archives/81 ストレートヘア https://kaketa.blog/archives/596 パーマ・ウェーブヘア 使用するペイントソフトはCLIP STUDIO PAINT EXです。 ◎使用ブラシ詳細 ラフ つむじの位置決め 髪の毛を描くのに、つむじの位置を確認しておくと、髪の流れを掴みやすいです。 つむ ...

ReadMore

描き方TIPS 背景講座TIPS

写真を使った【背景イラスト】の加工法&描き方【難易度別3選】

当ブログ内には広告が含まれます。

写真を使った背景・風景イラストの加工法&描き方

写真の準備

まずは、使用する写真を用意しましょう。

今回は、テーマを『渋谷』にしているため、かさこさんが出版されている『背景資料集:渋谷(東京シリーズ2)』内の素材を使用させていただいております。
そのため、説明画像内の写真には透かしを入れております。多少の見づらさがあるかと思いますが、ご了承ください。

写真は必ず自分で撮影した写真、または下記のようなストックサイトや、加工トレスOKの写真カタログを購入し、使用しましょう。

✴︎おすすめのストックフォトサイト&加工・トレスOK写真カタログ

おすすめのストックフォトサイト

※写真素材を使用する際は、無料であっても必ずダウンロードまたは購入をしましょう。

価格サービス特徴
無料プランあり写真AC無料プランは、1日の検索回数に制限あり
無料プランありストックフォト【PIXTA】
素材が豊富にあり、購入の場合でも数100円〜など、購入もしやすい
有料shutterstockクオリティが高く、世界的なサービスのため、素材も豊富。

写真家「かさこ」さんのトレス・加工OKの写真集(オススメpickup!)

価格著書名特徴
¥450背景資料集:原宿・表参道・キャットストリート都市・街のシーンにオススメ
¥350室外機萌え写真集ディテール付けや、建造物の装飾などのアイデアが生まれやすい良書籍
¥2,750イラストレーターのための背景資料集 令和の学校シチュエーションが学校のイラストにうってつけの書籍です。
¥1,000背景資料集「住宅街」素朴な住宅街の資料集!漫画にもオススメです。
価格は2024年3月時点の価格です。変更されている場合があります。

写真の下準備

写真をソフトで加工する前に、スマホやタブレットでトリミングや、カメラアプリ等でフィルター加工などの下準備をしておきます。

下準備のメリット

  • トリミングすることで、キャラクターの配置イメージがしやすい
  • スマホでイメージの確認ができる
    (完成後に、PC・タブレット→スマホで確認した際に色味やスケールでのギャップが生まれにくい)
  • 空き時間で手軽にできる
  • デメリットは特になし!

上図が、スマホで下準備をした写真になりますので、以降はこの状態から解説していきます。

難易度1:簡単イラストタッチ化

写真をカンタンかつ、高クオリティでイラスト化できるのが、Photoshopの「フィルターギャラリー」です。


フィルターギャラリーの手順
クリックで拡大

❶まず、やりなおしができるように、写真の複製をしておくのがオススメです。

❷上のメニューバー「フィルター」
 ▶︎「フィルターギャラリー」

で、フィルターの一覧が表示されます。

イラストに馴染むフィルターと、イチオシフィルター

イラストの背景として、イラストとしてなじませやすいフィルターは左図が馴染ませやすいと思います。

ただし、イラストによっては、これ以外もマッチする場合もありますので、ぜひいろいろとお試しください。

個人的に、一番イラスト化しやすいフィルターとして、カットアウトがおすすめです。

フィルター加工が向かない写真

上記では、描くのに時間のかかる都会や街の写真を使用しておりました。
人工物が主な写真は、フィルターギャラリーでのイラスト化は簡単かつ、よりイラスト調にしやすいですが、下図のように自然物(特に樹木)は、写真感が残りやすいのでご注意ください。

でも、写真を参照したいという方は、難易度3で紹介している写真の模写がオススメなので、ぜひお試しください!

難易度2:ピンボケで「ポートレート風」

では、さらに実用的に活用できるピンボケ加工の紹介をしていきます。

写真をイラスト化「ピンボケ」でポートレート風イラスト

Photoshopでピンボケ

フィルターギャラリーの手順で、「フィルターギャラリー」

塗料」で、太いタッチにします。
画像はクリックで拡大できます。


上メニューバー「フィルター」

「ぼかしギャラリー」

「フィールドぼかし」

で、タッチを柔らかくしたら、背景は完成です。

ピンボケ加工ができたら、ライティングや色味を意識しながらキャラクターを描けば、
ポートレート風イラストして、見栄えの良いイラストに仕上がります。

ノスタルジーな雰囲気にしたい場合は、写真の下準備の段階で、フィルム風な色味(グリーンの効いた色味)にすると、さらに良い味が出せるかと思います。

クリスタでピンボケ

クリスタでは、CLIP STUDIO PAINT EXのプラグイン「レンズブラー」で、ピンボケが表現できます。

ピンボケの表現としては、Photoshopよりもこのレンズブラーのほうが、より再現度が高く思います。

しかし、
有償(400GOLD)
PC版のみ対応(ipad非対応)
と、デメリットもあります。

難易度3:写真の加工+模写

写真を用いたイラスト化で、個人的に一番オススメなのはやはり模写です。
模写をするメリットとして…

模写のメリット

  • 建物構造・色味・パースの情報を一番学べる
  • 表現力を捉える
  • (自分好みに描けるので)自由度が高い

など、時間や手間はかかるものの、メリットが非常に多いです。
難易度は、これまでと比べると格段に上がりますが、これを重ねることで、いずれ写真素材いらずになることができますし、何より自信がつくので、ぜひトライしてみましょう!

どうしても腰が重い方は、1日10分など時間を決めた練習模写でも⭕️

完成形をイメージ▶︎写真の下準備

下準備の加工をする前に、完成形をイメージしておくのがオススメです。

個人的に光が差し込むイラストが好きなので、のちの工程で陰影のコントロールがしやすいよう、少し明るめに加工をしました。

ラフとアタリ取り

慣れないうちは、写真からトレスしてアタリを取っていきます。
慣れてきたり、模写レベルをさらに上げたい場合は、ここから模写で行ってみましょう。

パースのアタリも、しっかり捉えておきましょう。

色ラフができたら、陰影のイメージ付けとして、乗算レイヤーと、オーバーレイレイヤーを追加して、イメージに近くなるよう色を置きます。

ここまでできたら、下書きフォルダとしてまとめておくと扱いやすいです。

パース定規の設定

アタリからパース定規を取っていきます。
パース定規の使い方に迷ってしまう場合は、下記にパース定規の使い方の解説もしているので、ぜひご参照ください。

パース定規に沿って、建物やモノ・色ごとに色分けしていきます。

ひたすら模写

ここからは、ひたすら模写をしていきます。

先ほどの色ラフ段階(陰影付けレイヤーは非表示状態)で描いていった色から取りつつ、できるだけ忠実になるよう描きましょう

先ほどのブラシで表現できない汚れやサビなどは、適宜イメージに合うような水彩や馴染ませ系のブラシで表現していきます。

店のロゴなども、できるだけ忠実に表現していますが、ここら辺はお好みです。

ディテールの調和のため、

この建物のレイヤーを結合

メニューバー「編集」

「色調補正」→「諧調化」

の加工を施しました。
◀️画像下図

ひたすら、写真から得られる情報を、自分で表現できる情報へと変換するような模写をします。

タイルやレンガは、案外不揃いだったり

スプレーの掠れは「移動ぼかし」で表現したり…

以外と基本ブラシでも、表現できるかも?と感覚を掴んだり…

とにかく細かい部分まで、できるだけ忠実を意識して模写していきます。

写真のイラスト化模写

完成!

ひたすら模写をしたら、乗算レイヤーとオーバーレイレイヤーを表示して、色味調整をしたら背景は完成です。

この後、キャラクターを配置したりして、都度影の追加等していきます。

◀️のように、自分で描けば、好きな部分の文字やコントラスト、色味等変えられるので、オススメです。

ちなみに、このイラストの制作時間は約6時間半です。

まとめ

以上、背景イラストへの写真の活用法でした。

難易度1,2は、本当にカンタンですが、筆者としてはやはり難易度3がイチオシです。
「今はまだキャラクターを頑張りたいから…」という方も、ぜひいつかはトライして描けた達成感と喜びを感じていただけたら嬉しいです。

今回は、背景写真についての「加工法」についてのご紹介でしたが、
キャラクターとの馴染ませ方などもまとめているので、ぜひ一緒にご参考にしてみてください!

おさらいですが、今回使用させていただいた写真素材は、かさこさんが出版されている『背景資料集:渋谷(東京シリーズ2)』内の素材でした。

おすすめのストックフォトサイト

※写真素材を使用する際は、無料であっても必ずダウンロードまたは購入をしましょう。

価格サービス特徴
無料プランあり写真AC無料プランは、1日の検索回数に制限あり
無料プランありストックフォト【PIXTA】
素材が豊富にあり、購入の場合でも数100円〜など、購入もしやすい
有料shutterstockクオリティが高く、世界的なサービスのため、素材も豊富。

写真家「かさこ」さんのトレス・加工OKの写真集(オススメpickup!)

価格著書名特徴
¥450背景資料集:原宿・表参道・キャットストリート都市・街のシーンにオススメ
¥350室外機萌え写真集ディテール付けや、建造物の装飾などのアイデアが生まれやすい良書籍
¥2,750イラストレーターのための背景資料集 令和の学校シチュエーションが学校のイラストにうってつけの書籍です。
¥1,000背景資料集「住宅街」素朴な住宅街の資料集!漫画にもオススメです。
価格は2024年3月時点の価格です。変更されている場合があります。
  • この記事を書いた人

7kmr

一般社会人。絵を描くことと猫が好きです。

-描き方TIPS, 背景講座TIPS
-,