髪がなびくアニメの作り方

元アニメーターのイラストレーター、さらえみ(@saraemiii)です。

風になびく髪は雰囲気を出しやすい反面、慣れていないとどう描いたら良いかこんがらがると思います。

今回は髪をなびかせる基本をまとめてみました。

さらえみ

TVアニメなどのキャラはもっと複雑にアレンジされています。
基本を抑えておくとアニメ見る視点も変わっておもしろくなると思います。

さらえみイラスト
トレースOK | さらえみblog タグ「トレースOK」の一覧ページです。
もくじ

ゆったりなびかせるには枚数が多くなります

今回のなびきアニメには10枚の絵を使用しています。

いきなり全部やろうとすると難しいので1束ごとで考えます。

毛束だけなびかせた例でコツを掴む

ちょっと気持ち悪い図ですが……毛の1束だけなびかせてみました。

これは13枚描いていて、細かい予備動作も付いています。

考え方としては、このように風の塊が動いた影響で髪などがなびくイメージです。

スローにするとこんな感じ。
毛束のおさまり終わりに髪のなびきより3枚足しています。

今回の原画は5枚

1~5の原画の間に速さに合わせて間の枚数を入れています。

1~3の前半は風に持ち上げられてゆっくりめですが、3~4の風が抜けるとそのままスッと落ちるようになっています。

その後、4~1へおさまる時に細かく揺れる表現をさせています。

ここまでしなくても揺らせますが、風が止んだ表現には面倒でも細かく揺れを追加すると自然でやさしい印象になります。

他の動作のクオリティアップにも使える

髪の長いキャラなら、いろんな動作をするたびに髪の毛が揺れます。

見た目や制作の都合上、省くケースも多いですが、アニメのクオリティアップを図りたい時に、このなびきを入れるとリアリティが増します。

ぜひいろんな髪型で試してみて

今回はわかりやすい髪型で作画しています。

いろんな髪型で描いてみるとおもしろいと思いますので、ぜひ試してみてください!

こちらの動画はトレース・模写OKです!

既に様々なところでご活用いただいています!連絡ナシでトレース・模写OKです。

もしお役に立ちましたら、このページをSNSや使用箇所にてリンクを付けて紹介していただけるとめちゃくちゃうれしいです。

無償・販売物問わずOKですが、使用して生じた問題については一切責任を負いません。

トレース・模写ではなく、当サイトの画像や情報そのものを転載・販売することは禁止しています。

このような条件にさせていただいた理由は…「ぜひ使ってほしいけれど連絡の手間は取らせたくない…でも無条件で使われるのを見つけてしまうと悲しくなる(ノД`)ウッ」と思い、シェアいただけたらOK♪としております。

さらえみ

😆たくさんのシェアをいただき本当にありがとうございます!
動くときっと楽しいと思いますんで、いろんなキャラをアニメーションにしてみてくださいー!

AdobePhotoshopでアニメ化する方法!

あわせて読みたい
Adobe Photoshopタイムライン機能を使ったアニメーションの作り方 GIFアニメ書き出しにPhotoshop使い倒すイラストレーター、さらえみ(@saraemiii)です。 かなり古くから写真加工レタッチソフトとして名高いAdobe Photoshopですが、実は...

CLIP STUDIO PAINTでアニメを描いて作る方法!

あわせて読みたい
CLIP STUDIO PAINTを使ったアニメーションの作り方 CLIP STUDIO PAINTを仕事で愛用しているイラストレーター、さらえみ(@saraemiii)です。 クリスタはアニメーションを作る機能もついているのですが、プロも使う本格的な...

そのほかアニメーションを作るソフトはこちら

あわせて読みたい
アニメーションを作る動画用フリーソフトと高性能ソフト 会社員時代から独立した現在まで、ショートアニメーションを制作している、さらえみ(@saraemiii)です。 『キャラクターが走るアニメの作り方 』や『キャラクターが振り...

トレースOKな「キャラクターアニメの作り方」公開中!

さらえみイラスト
トレースOK | さらえみblog タグ「トレースOK」の一覧ページです。
もくじ