ホワイトボードアニメーション（手書き動画）の作り方

ホワイトボードアニメーション手書き動画作成方法

皆様こんにちは。映像制作キザキヤで手書き動画ホワイトボードアニメーションを制作している大橋 吏です。

最近はホワイトボードアニメーションの認知も広がってきていて、自分でホワイトボードアニメーションを作成しようと思っている方が増えてきているように感じます。

そこで、私なりの作り方ですが『手書き動画ホワイトボードアニメーションの作り方』をご紹介させて頂きたいと思います

ホワイトボードアニメーションの作り方の種類

ホワイトボードアニメーションは実際にホワイトボードに手書きで描いて編集する方法と編集ソフトを使用してパソコンで線を書いて編集する方法があります。

今回、ご紹介させて頂くのは実際に手書きでホワイトボードに書いていく作り方のご紹介をさせて頂こうと思います。

adoboのソフトでホワイトボードアニメーションを作る

パソコンを使用してデジタルで作成をしたい方は下記リンクでpremierePro（プレミアプロ）を使用した作成方法を紹介していますので参考にして頂けたらと思います。

デジタル／ホワイトボードアニメーションの作り方？

ホワイトボードアニメーション風動画制作ソフト　無料で使える

Adobe以外でもホワイトボードアニメーションを作成できる制作ソフトもあります。

ホワイトボードアニメーション風動画を制作できるソフトで代表的なVyond,VideoScribe、Doodly,Animakerなどです。

試しにホワイトボードアニメーションの無料ソフトを使用して制作・比較してみた記事もありますのでこちらを参考にして頂けたらと思います。

ホワイトボードアニメーション風の作り方　無料制作ソフトを比較

ホワイトボードアニメーションとは？

実際にホワイトボードアニメーションを作る前に「ホワイトボードアニメーションって何？」という方がいらっしゃるかと思います。

そんな方はまずこちらの記事をご覧頂けたらと思います。

ホワイトボートアニメーション／手書き動画とは？

ホワイトボードアニメーションの作り方 準備編

ホワイトボードアニメーションを作成する際に必要となるアイテムを紹介しています。最低限用意しておく5アイテムと揃えておくと便利な6アイテムをご紹介しています。

必要な5アイテム ホワイトボードアニメーションの作り方

ホワイトボードアニメーションを作成するのに必要なホワイトボードやマーカーなどの基本的なアイテムを紹介しています。

ホワイトボードアニメーションを作成するのに最低限これだけは必要というアイテムです。

ホワイトボードアニメーション制作に必要な5アイテム（準備編）はこちら

揃えておくと便利な6 アイテム ホワイトボードアニメーションの作り方

ホワイトボードアニメーションを作る際にあると便利な6アイテムを紹介しています。キザキヤのワークショップなどでも実際に使っているアイテムを紹介しています。

ホワイトボードアニメーション制作に揃えておくと便利な6アイテム（準備編）はこちら

ホワイトボードアニメーションの作り方 撮影編

実際にホワイトボードアニメーションを撮影の仕方についてご紹介しています。撮影を始める前の注意点などのセッティング編や簡単に撮影をする方法。クオリティを上げる撮影方法になります。

ホワイトボードアニメーションの作り方 セッテイング方法

撮影をする為の配置や綺麗に動画を撮影する為の注意点についてです。実際に撮影する際の配置は？何に注意したらいいの？そんな疑問に答えています。

ホワイトボードアニメーションの作り方セッティング編はこちら

ホワイトボードアニメーションの作り方 撮影

ホワイトボードアニメーションを制作する際に必要な5アイテムを使用した一番簡単な撮影方法について紹介しています。

手軽にお金をかけずに制作したい方向けかと思います。

ホワイトボードアニメーションの作り方 撮影編はこちら

ホワイトボードアニメーションの作り方 クオリティを上げる方法1

揃えておくと便利な6アイテムを使用したイラストを描きやすくした真上から撮る撮影方法を紹介しています。

時間をかけてクオリティを出したい方はこちらの撮影方法を試してみてください。実際にクオリティを上げる方法で撮影のセッティングになります。

ホワイトボードアニメーションの作り方 クオリティを上げる撮影編はこちら

ホワイトボードアニメーションの作り方 クオリティを上げる方法2

ホワイトボードアニメーションの作り方 クオリティを上げる方法1の続きです。前回のクオリティを上げる方法でセッティングが完了したので実際の撮影風景・注意点などを紹介しています。

ホワイトボードアニメーションの作り方 クオリティを上げる撮影編2はこちら

ホワイトボードアニメーションの作り方 編集編

ホワイトボードアニメーションの作り方撮影編で紹介した方法で撮影した動画を編集していきます。

ホワイトボードアニメーションの作り方 iMovie(iPhoneアプリ)でで編集1

iPhoneの無料アプリ「iMovie」を使用してた編集の仕方を紹介しています。

動画編集をするのにわざわざパソコンを準備したくない・できればパソコンを使わずに編集したい・Phoneだけで編集したい方向けになります。

アプリに動画を取り込んで・音量や動画の速さの調整の仕方について説明しています。

ホワイトボードアニメーションの作り方 iMovie(iPhoneアプリ)でで編集1はこちら

ホワイトボードアニメーションの作り方 iMovie(iPhoneアプリ)で編集2

ホワイトボードアニメーションの作り方 iMovie(iPhoneアプリ)で編集1の続きになります。

動画のカットの仕方・BGMの追加方法・ナレーションの撮り方になります。

ホワイトボードアニメーションの作り方 iMovie(iPhoneアプリ)でで編集2はこちら

ホワイトボードアニメーションの作り方 iMovie(Macアプリ)で編集3

Macの無料動画編集アプリのiMovieを使用した編集方法になります。iPhone用とは違いパソコンやノートパソコンで使う事が前提のソフトなのでスマホより細かく動画を編集する事ができます。

スマホのアプリだと編集しにくい。iPhoneよりも細かく編集したい方向けです。

iMovieでの動画の取り込み・音をなくす方法。光の調節について説明しています。

ホワイトボードアニメーションの作り方 iMovie(Macアプリ)で編集はこちら

ホワイトボードアニメーションの作り方 iMovie(Macアプリ)で編集4

ホワイトボードアニメーションの作り方 iMovie(Macアプリ)で編集3に引き続きMacの無料動画編集アプリのiMovieを使用した編集方法になります。

動画のカット・BGMの追加・動画の書き出し方法について説明しています。

ホワイトボードアニメーションの作り方 iMovie(Macアプリ)で編集2はこちら

ホワイトボードアニメーションの作り方 投稿編

動画を作成して終了ではせっかく作った動画がもっえないので、制作した動画を活用する為の方法を紹介しています。

YouTubeへのアップロード方法

ホームページやブログ・SNSへの投稿にも使いやすいYouTubeへまずは投稿しましょう。YouTubeだけでも検索に引っかかるようにしておけば自然と見てもらえるので是非活用してみてください。

実際にキザキヤのワークショップで撮影した方のサンプルも載せてあります。

ホワイトボードアニメーションの作り方 YouTubeへのアップロード方法はこちら

ホワイトボードアニメーションの作り方目次

ホワイトボードアニメーションの作り方の目次になります。リンク先はこちらのページと同じになりますがリンクだけが一覧になっていますので必要に応じてご活用いただけたらと思います。

ホワイトボードアニメーションの作り方 目次一覧はこちら

最後に

以上でキザキヤで公開しているホワイトボードアニメーションの作り方になります。実際に『この記事の通りにしたら作成できた』という声をたくさん頂いていますので是非皆様もホワイトボードアニメーションを作成してみてください。