お絵かき掲示板Art.netイラスト講座>投稿イラスト講座 vol.15『布風背景の描き方』仔修羅さん

投稿イラスト講座vol.15『布風背景の描き方』

イラスト講座作成:仔修羅さん 制作日:2010年1月17日

『布風背景の描き方』

皆様こんにちは!いつもお世話になってます、仔修羅と申します(^^*)

本来なら 私のごとき未熟者が 人様にものを教えようだなんて、暴挙もはなはだしいと思うのですが…
これは 他の方はあまりやってないかな?と 思いまして、
上手い下手問わず との お言葉に甘えて フラフラと やってきてしまいました。>v<;

しぃペインターさえあれば、誰でも簡単に絵に雰囲気を出せる方法です。
本当に簡単なのでやってみて下さい♪

ページ最上部へ | 布風背景とは? | 柄を描く。【 作画工程 (1) 〜 (2) 】 | 布の質感を作る。【 作画工程 (3) 】 | 布の質感を強める。【 作画工程 (4) 〜 (5) 】 |
布の質感を更に強める。【 作画工程 (6) 〜 (7) 】 | 仕上げ。【 作画工程 (8) 】 | 色調補正。 | 作品例。 | 応用作例。 | あとがき |

布風背景とは?

”布風背景”。 なんじゃそりゃ と思われた方も いらっしゃるかと思います。
これは文字通り、布地のように見える背景のこと。

使い方としては、レトロな雰囲気や 和風な感じを 出したいときに活躍します。
また背景だけでなく、この効果を絵全体に掛ければ、目の粗いキャンバスに描いたような雰囲気を出すこともできます。

図は使用例。
これは和っぽい柄を いろいろ描き込んだ上に、次の(2)〜(7)の工程を加えたものです。
布風背景のサンプル1

ページ最上部へ | 布風背景とは? | 柄を描く。【 作画工程 (1) 〜 (2) 】 | 布の質感を作る。【 作画工程 (3) 】 | 布の質感を強める。【 作画工程 (4) 〜 (5) 】 |
布の質感を更に強める。【 作画工程 (6) 〜 (7) 】 | 仕上げ。【 作画工程 (8) 】 | 色調補正。 | 作品例。 | 応用作例。 | あとがき |

柄を描く。【 作画工程 (1) 〜 (2) 】

今回は 分かりやすく 簡単なボーダー柄で 描いてみます。

(1) まずは「レイヤー0」に、基本になる模様を適当に描きます。
ただ塗りつぶすだけでもいいですし、テクスチャの水玉か 市松模様あたりで 簡単な柄を入れるのも いいでしょう。

(2) 次に、「レイヤー1」を セピア系の色で 塗りつぶします。 A値は50〜100あたりが おすすめです。

このセピアのフィルター(レイヤー1)が、布目になっていきます↓↓
ボーダー柄
レイヤー構成 レイヤー構成
ページ最上部へ | 布風背景とは? | 柄を描く。【 作画工程 (1) 〜 (2) 】 | 布の質感を作る。【 作画工程 (3) 】 | 布の質感を強める。【 作画工程 (4) 〜 (5) 】 |
布の質感を更に強める。【 作画工程 (6) 〜 (7) 】 | 仕上げ。【 作画工程 (8) 】 | 色調補正。 | 作品例。 | 応用作例。 | あとがき |

布の質感を作る。【 作画工程 (3) 】

(3) 「レイヤー1」の フィルター全体に 焼きこみをかけます。
左図のように、[焼き込み×ベタ四角+テクスチャの細い縦じま+A値120以上]に設定してください。

続けて右図、テクスチャを細い横じまに変えて もう一度 焼き込みをかけます。

ほら、もう布っぽくなってきました(^^●)
布質感フィルター1

ページ最上部へ | 布風背景とは? | 柄を描く。【 作画工程 (1) 〜 (2) 】 | 布の質感を作る。【 作画工程 (3) 】 | 布の質感を強める。【 作画工程 (4) 〜 (5) 】 |
布の質感を更に強める。【 作画工程 (6) 〜 (7) 】 | 仕上げ。【 作画工程 (8) 】 | 色調補正。 | 作品例。 | 応用作例。 | あとがき |

布の質感を強める。【 作画工程 (4) 〜 (5) 】

(4) 「レイヤー1」を「レイヤー0」に 結合し、布目を柄に乗せます。

(5) 結合後、「レイヤー1」に 更に 布目を作ります。 セピアパレットの濃い目の色がいいでしょう。

[えんぴつ×ベタ四角 + 細い縦じま + A値75]
[えんぴつ×ベタ四角 + 細い縦じま + A値75]
これを交互にかけると、さっきよりはっきりした布目ができます。

布質感フィルター2
このままでも いいのですが、もう少しリアルな布に 近づけたいので、さらに加工していきます。

ページ最上部へ | 布風背景とは? | 柄を描く。【 作画工程 (1) 〜 (2) 】 | 布の質感を作る。【 作画工程 (3) 】 | 布の質感を強める。【 作画工程 (4) 〜 (5) 】 |
布の質感を更に強める。【 作画工程 (6) 〜 (7) 】 | 仕上げ。【 作画工程 (8) 】 | 色調補正。 | 作品例。 | 応用作例。 | あとがき |

布の質感を更に強める。【 作画工程 (6) 〜 (7) 】

(6) 柄を描いた「レイヤー0」全体に 暈しをかけます。 A値は高めで、柄の境界線がぼんやりするくらい暈します。

(7) 布フィルターがある「レイヤー1」にも 暈しをかけますが、
こちらは ムラになるように 粗めのテクスチャ(右図の赤で囲んだあたりの)を選びます。

暈すことによって、線がはっきりした「描いた」感じが薄まり、布特有の「織った」感じに近づけることができます。
麻などの粗い布を表現したいときは、重ねた布目(レイヤー1)を そのままにするか 暈しを弱くすることで それっぽくできます。
布質感フィルター3

ページ最上部へ | 布風背景とは? | 柄を描く。【 作画工程 (1) 〜 (2) 】 | 布の質感を作る。【 作画工程 (3) 】 | 布の質感を強める。【 作画工程 (4) 〜 (5) 】 |
布の質感を更に強める。【 作画工程 (6) 〜 (7) 】 | 仕上げ。【 作画工程 (8) 】 | 色調補正。 | 作品例。 | 応用作例。 | あとがき |

仕上げ。【 作画工程 (8) 】

(8) 「レイヤー1」を「レイヤー0」に結合。
これで一枚の布風背景が出来上がりました!!(^∀^)/

あとはお好みに合わせて色を調整します。
布質感完成

ページ最上部へ | 布風背景とは? | 柄を描く。【 作画工程 (1) 〜 (2) 】 | 布の質感を作る。【 作画工程 (3) 】 | 布の質感を強める。【 作画工程 (4) 〜 (5) 】 |
布の質感を更に強める。【 作画工程 (6) 〜 (7) 】 | 仕上げ。【 作画工程 (8) 】 | 色調補正。 | 作品例。 | 応用作例。 | あとがき |

色調補正。

図のように、全体に 覆い焼きをかければ明るく、 焼き込みをかければ暗くできます。

また、作画工程(2)のような感じで フィルターを かけても色の調整ができます。

作画工程(2)「レイヤー1」をセピア系の色で塗りつぶします。A値は50〜100あたりがおすすめです。
7

( ※ 詳しくは ほかの絵師様による色調節についての講座(ユウキさん)も参照 )

ページ最上部へ | 布風背景とは? | 柄を描く。【 作画工程 (1) 〜 (2) 】 | 布の質感を作る。【 作画工程 (3) 】 | 布の質感を強める。【 作画工程 (4) 〜 (5) 】 |
布の質感を更に強める。【 作画工程 (6) 〜 (7) 】 | 仕上げ。【 作画工程 (8) 】 | 色調補正。 | 作品例。 | 応用作例。 | あとがき |

作品例。

レトロな感じがでてるでしょ?(^b^)

作例

風景を描くのがめんどくさい。でもただ塗りつぶすだけ、テクスチャで塗るだけ、じゃ物足りない…

そんなときに大活躍します☆笑

人物バストアップの線画を塗り絵するときや、OCPでちょっと凝った背景にしたいというときにもいいでしょう。

ページ最上部へ | 布風背景とは? | 柄を描く。【 作画工程 (1) 〜 (2) 】 | 布の質感を作る。【 作画工程 (3) 】 | 布の質感を強める。【 作画工程 (4) 〜 (5) 】 |
布の質感を更に強める。【 作画工程 (6) 〜 (7) 】 | 仕上げ。【 作画工程 (8) 】 | 色調補正。 | 作品例。 | 応用作例。 | あとがき |

応用作例。

最後の図は、(2)〜(7)の工程で できた布目を 絵全体にかけたものです。
うっすら浮いてる布目が キャンバスのような効果になり、これまた手っ取り早く”雰囲気”を出すことができます。

兄上様、
ページ最上部へ | 布風背景とは? | 柄を描く。【 作画工程 (1) 〜 (2) 】 | 布の質感を作る。【 作画工程 (3) 】 | 布の質感を強める。【 作画工程 (4) 〜 (5) 】 |
布の質感を更に強める。【 作画工程 (6) 〜 (7) 】 | 仕上げ。【 作画工程 (8) 】 | 色調補正。 | 作品例。 | 応用作例。 | あとがき |

あとがき

以上、仔修羅式「手間かけずに手間かけたように見せる」術の紹介でした(笑)

お絵かき掲示板以外にお絵かきソフトがない…
PCの重さ上、何万工程もかけられない…
ただ単純にめんどくさい!

今回ご紹介した布目風の描き方は、そんな皆様にぜひお試しいただきたいなと思います。

私自身がまだまだ思うようには描けない未熟者ですが、同じく修行中の皆様の少しでもお手伝いになれば嬉しいです(・`ω・)」

それでは、稚拙な絵と説明文に最後までお付き合いいただきありがとうございました!!

このイラスト講座は役立ちましたか?  CTぱちぱち。

仔修羅さん ご投稿ありがとうございました!
ご感想は、仔修羅さんのウェブサイトや、絵師名簿のメッセージBOXなどへどうぞ(^▽^)

仔修羅さんのウェブサイト 修羅の庭 修羅の庭

仔修羅さんの絵師名簿


お絵かき掲示板Art.netイラスト講座>投稿イラスト講座 vol.15『布風背景の描き方』仔修羅さん