【裏技】絵心なくても映える絵を描く方法を解説!

ノイズや色収差をかけて絵に質感をつける方法
イラストを動画に置いたら、そこだけ浮いて見える……。
描き直す前に、輪郭・明るさ・質感を映像全体へそろえると、ぐっとなじみやすくなります。

この記事では、旧記事の内容を「動画の中でイラストをなじませる4つの加工」として整理します。

加工はデッサンや構図そのものを直す魔法ではありません。

線・色・背景の質感をそろえ、作品としての見え方をまとめるための仕上げです。

目次

元の作例を確認する

作例1をXで見る

作例2をXで見る

Xはログイン状態や仕様変更によって表示できない場合があるため、記事内の静止画も残しています。

加工前後のイラストと動画作例(1)
元の作例 1
加工前後のイラストと動画作例(2)
元の作例 2

加工前に整える3つのこと

  • 主役の輪郭が背景へ埋もれていないか
  • 明るさと彩度が背景から浮きすぎていないか
  • 画面を小さくしてもシルエットが読めるか

この3点を整えてから質感を追加すると、加工だけが目立ちにくくなります。

イラストの輪郭と影を調整した状態
輪郭と影を先に整えます。
ノイズも色ずれも、全部入れないとダメ?
わんわんお
全部は不要です。明るさと輪郭を整え、まず薄いノイズだけ試し、足りないときに他の加工を足します。

方法1:ノイズを薄く重ねる

細かなノイズを画面全体へ薄く加えると、イラスト・背景・文字の質感をまとめやすくなります。

ノイズが見えることを目的にせず、「消すと少し物足りない」程度から始めてください。

After Effectsならノイズ系エフェクト、AviUtlなら標準機能または導入済みのノイズ系スクリプトで再現できます。

イラストへノイズを加える設定と結果(1)
ノイズ加工 1
イラストへノイズを加える設定と結果(2)
ノイズ加工 2

方法2:色ずれをほんの少し加える

RGBの輪郭をわずかにずらすと、光学的なにじみやデジタル感を作れます。

輪郭が二重に見えるほど強くせず、画面端や明るい部分へ限定すると使いやすくなります。

イラストへ色ずれを加える設定と結果(1)
色ずれ加工 1
イラストへ色ずれを加える設定と結果(2)
色ずれ加工 2

方法3:色の階調を減らす

ポスタリゼーションで色数を減らすと、レトロでフラットな雰囲気を作れます。

階調を減らしすぎると顔や影の立体感が失われるため、肌やグラデーションを確認しながら調整します。

イラストの色階調を減らす設定と結果(1)
ポスタリゼーション 1
イラストの色階調を減らす設定と結果(2)
ポスタリゼーション 2

方法4:動きのフレームレートを落とす

動画として使う場合は、動きだけを低いフレームレートへ見せると、コマ撮りのような質感を作れます。

After Effectsでは「ポスタリゼーション時間」などを使い、まず12fps前後から確認すると変化をつかみやすいです。

激しいカメラ移動や小さな文字まで低fpsにすると読みにくくなるため、適用範囲を分けてください。

低いフレームレートでイラストを動かす設定と結果(1)
低fpsの動き 1
低いフレームレートでイラストを動かす設定と結果(2)
低fpsの動き 2

おすすめの順番

  1. 明るさとコントラストを合わせる
  2. ノイズを薄く加える
  3. 必要な場面だけ色ずれを加える
  4. 作品の方向性に合う場合だけ階調やfpsを落とす

まとめ

最初から全部を強くかけるのではなく、ノイズ、色ずれ、階調、fpsの順に一つずつ比較してください。

大切なのは上手さを隠すことではなく、イラストと映像を同じ世界の素材に見せることです。

ノイズや色収差をかけて絵に質感をつける方法

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次