アフィリエイト広告を利用しています

初期費用ゼロからはじめてクリエイター

コンテンツ制作初心者のためのフリーソフト使用体験レポート
記事ランキング
  1. 1. Inkscapeで手描きのイラストを仕上げよう(13)
  2. 2. Inkscapeで手描きのイラストを仕上げよう(9)
  3. 3. Inkscapeで手描きのイラストを仕上げよう(10)
<< 2024年12月 >>
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        

広告

posted by fanblog
2023年10月24日

Inkscapeで手描きのイラストを仕上げよう(17)

前回はパーツの形を変形してバランスを調整しました。これで一通りInkscapeを使って手描きのイラストに色をつける方法をご紹介できたかなと思います。


実はまだ、線画の線の太さを変えたり、入り抜きを部分的に付けたりする工程やら、ストロークで描いたハイライト等の部分を[ストロークをパスへ]する工程やら、[クリップグループ]の[交差]への変換やら、細かい部分の作業が残っているんですが、それらはちょっと後回しにして(背景と合わせた後に修正する場合があるため)、今回からは背景を考えてみましょう。


キャラクターイラストを描いた後に作る背景、悩みますよね。

最初から背景込みで考えて描いていた場合ならいいですけど、なんとなくキャラだけ描いちゃう背景苦手の民(私です)、頭を抱えるわけです。


背景にお悩みの方にはこちらがおすすめです。
【初心者向け】すぐに試せる!人物イラストの簡単な背景アイデアとコツ♪ | MediBang Paint

メディバンペイント(主にスマホやタブレット向けに人気のあるラスター系お絵かきソフト)の記事ですが、Inkscapeでも真似できそうな手法がいくつか紹介されています。

この記事で紹介されているテクニックを順に試してみましょう。


背景苦手の民のためのかんたん背景


1.無地の塗りつぶし

フィルの塗りを単一色に設定した図形オブジェクトをキャラクターの背面に置くだけ。超簡単。

単色背景(四角形)
単色背景(四角形)
単色背景(色の設定)
単色背景(色の設定)

フィルの塗りにはグラデーションにも設定できるので、グラデーションの背景も簡単に作れます。

くすみカラーのグラデにしてみました。最近流行りのグラデは開始色と終了色の間に中間色を追加して、計3色組み合わせている感じです。

グラデーション背景
グラデーション背景

グラデーションについてはこちらのサイトが参考になります。
線形グラデーションと放射グラデーション | Inkscape入門(1.2 / 1.3版)


2.パターン塗りつぶし

フィルの塗りをパターンに設定した図形オブジェクトをキャラクターの背面に置くだけ。

プリインストールだけでもたくさんのパターンがあります。

パターン背景
パターン背景

パターンを自作したい場合はこちらのサイトが参考になります。
inkscapeでパターン素材を作るチュートリアル | kimama blog


3.図形・小物を配置

これも図形の組み合わせで描けます。

図形・小物背景
図形・小物背景
図形・小物背景だけ
図形・小物背景だけ

コピーペーストやクローンを使えば一つのオブジェクトを使い回せます。

きれいな図形を描くのはベクター系ソフトの得意分野です。

拡大縮小や回転、変形を繰り返したとしても、Inkscapeなら画質が一切落ちることがありません。


4.ぼかしたパスを配置

Inkscapeでもフィルの塗りやストロークの色にぼかしが使えます。

ニュアンス背景(設定変更前)
ニュアンス背景(設定変更前)
ニュアンス背景(ぼかし30%・不透明度70%)
ニュアンス背景(ぼかし30%・不透明度70%)
ニュアンス背景(設定変更後)
ニュアンス背景(設定変更後)

色と色の境目をぼかさないアニメ塗りでキャラを塗った場合、キャラの塗りと背景とが浮いてしまうので少し調整が必要になります。

キャラクター自体にも薄くグラデーションをかけたり、チークの部分をぼかしたパスで入れてみたりするといいでしょう。(今回は時間がないのでやりません。)


5.写真をぼかす

Inkscape でも写真にぼかしをかけて背景として使うことができます。

キャラクター自体と背景を馴染ませるための工夫が必要になります。(これも今回は時間がないのでやりません。)

写真背景(全体)
写真背景(全体)
写真背景(拡大表示)
写真背景(拡大表示)

写真素材はこちらを使用しました。
美しい札幌の夜景 - No: 1219908|写真素材なら「写真AC」無料(フリー)ダウンロードOK


一通り試してみましたがなんだかしっくり来ませんね。

何か窓っぽいものに腰掛けてもらう必要がありそうです。


ということで、夜景を背に窓に腰掛けてもらいましょう。

背景困ったときは窓描いときゃなんとかなる、多分。





先に窓の出来上がりイメージをお見せします。

こちらです。











夜景と窓

複雑な図形で作るのが難しそうに見えますが、四角と円と星形と直線で大体描けます。

次回から順を追って解説していきます。


動画の方は窓の描き方編の編集は大体終わっていて、計3本の予定です。

窓の外に見えているビルの描き方編も動画は撮り終わっているのですが、編集が未着手です。

記事の方は何本になるのかまだ分かりません。(全然書いてない)


次回はまず、夜空の部分と窓枠の部分を作ってみましょう。

タグ:inkscape
posted by shokizero at 13:27 | Comment(0) | TrackBack(0) | Lesson
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/12262120
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
検索
カテゴリーアーカイブ
About(1)
Contact(1)
Lesson(44)
News(8)
Diary(1)
プロフィール
さんの画像

Web制作やDTPの勉強としてこのブログを始めました。
使用歴のあるソフトウェア
  • Adobe Illustrator
  • Adobe Photoshop
  • セルシス CLIP STUDIO PAINT PRO 他
×

この広告は30日以上新しい記事の更新がないブログに表示されております。