アニメーションの作り方

このWikiHowでは、アニメーションムービーやプレゼンテーションを作成する方法を説明します。デジタルアニメーションを作る最も手っ取り早い方法は、オンラインアニメーターを使うことです。しかし、ほとんどのオンラインアニメーターは、すべての機能をアンロックするために有料のサブスクリプションが必要であることを覚えておいてください。伝統的なアニメーションに興味があるなら、ペンや紙を使ったアニメーションからGIFまで、何でも使って基本的なものを作ることができる。

方法1

Moovlyでアニメーションを作る

1. Moovlyを開きます。コンピュータのウェブブラウザにアクセスしてください。

   • Moovlyの無料期間は30日間で、その間は動画をダウンロードすることができません。アニメーションをダウンロードしたい場合は、.
2. 下にスクロールして、「Start making your movie now」をクリックします。ページの中央付近にある赤いボタンです。アニメーターインターフェイスが開き、ポップアップウィンドウが表示されます。
3. 名前とメールアドレスを入力してください。First name "テキストボックスに名前を入力し、"Email "テキストボックスにメールアドレスを入力します。

   • ソーシャルメディアのアカウントで登録したい場合は、Facebook、Google、LinkedInのいずれかをタップし、画面の指示に従ってください。
4. 同意する」ボックスにチェックを入れます。Eメール "テキストボックスの下にあります。

   • プライバシー・ステートメントまたは利用規約をご覧になりたい場合は、それぞれプライバシー・ステートメントまたは利用規約のリンクをクリックして、関連文書をポップアップ・ウィンドウで開きます。
5. 送信」をクリックします。これはポップアップウィンドウの下部にあります。
6. チュートリアルに進みます。チュートリアルが閉じるまで、それぞれのプロンプトをクリックします。この時点で、アニメーションを開始できます。
7. テンプレートのグループを選択します。ページの左上にある Moovly Libraries の見出しをクリックし、使用したいテンプレートのタイトルをクリックします。
8. アイテムをキャンバスにドラッグします。アニメーションさせたいアイテムをクリックしてページ中央の白いキャンバスにドラッグし、ドロップします。
9. アイテムのサイズを変更し、位置を変更します。アイテムの四隅をクリック＆ドラッグしてサイズを変更したり、キャンバス上でクリック＆ドラッグしてアイテムを移動することができます。
10. アニメーションを追加をクリックします。ページ下部のボックスです。ポップアップメニューが表示されます。
11. アニメーションのカテゴリーを選択します。ポップアップメニューで、選択したアイテムに適用したいアニメーションの種類にカーソルを合わせます。これにより、現在のメニューの隣にポップアップメニューが表示されます。

    • たとえば、キャラクタを動かすには、「移動 & 変形」カテゴリを選択します。
12. アニメーションを選択します。選択したアイテムに適用したいアニメーションをクリックします。

    • たとえば、移動と変形オプションを選択した場合、キャラクタを左に移動するには左へ移動をクリックします。
13. アニメーションの速度を変更します。アニメーションを速くするには、タイムラインのアニメーションの白いバーの端をクリックして左にドラッグし、アニメーションを遅くするには右にドラッグします。
14. 他のオブジェクトを追加する。アニメーションさせたい他のオブジェクトをクリックしてキャンバスにドラッグし、アニメーションを追加メニューを使って、好きなようにアニメーションさせましょう。
15. クリップを追加します。つのクリップに十分なオブジェクトを追加したら、ページの左下にあるクリップの追加をクリックして、空のクリップを作成できます。このクリップにさらにオブジェクトやアニメーションを追加して、ストーリーを続けることができます。
16. メールアドレスを確認するアニメーションを作成したら、保存するために新しいタブでメールアドレスを確認する必要があります：

    • 新しいタブで、Moovlyアカウント作成に使用したメールアドレスの受信トレイを開きます。
    • Moovlyアカウントを有効化 "メールを開きます。
    • メール内のアクティベーションリンクをクリックします。
    • パスワードを作成し、[続行]をクリックします。
17. アニメーションを公開します。Moovlyのプレミアムバージョンを購入しないとMoovlyからアニメーションをダウンロードすることはできませんが、Moovlyのサーバーにアニメーションを公開することはできます：

    • まだ開いていない場合は開いてください。
    • 公開をクリックします。
    • Moovly Galleryをクリックします。
    • OK]をクリックします。
    • タイトルと説明を入力し、[公開]をクリックします。
    • 他の人とアニメーションを共有したい場合は、"プロジェクトの公開 "ウィンドウの下部にあるリンクをコピーしてください。

方法2

アニマトロンでアニメーションを作成する

1. アニマトロンを開きます。コンピュータのウェブブラウザにアクセスしてください。

   • Animatronの無料版では、標準画質で10秒までのアニメーションビデオを作成し、ダウンロードすることができます。
2. サインアップをクリックします。ページの右上にあります。ポップアップウィンドウが表示されます。
3. メールアドレスを入力します。EMAIL ADDRESS "テキストフィールドに使用可能なメールアドレスを入力します。

   • Facebook、Twitter、Googleを選択して、Facebook、Twitter、Googleのログイン情報を使ってサインアップすることもできます。
4. アカウントを作成」をクリックします。テキストフィールドの下にあります。
5. アカウントを確認します。以下を実行します：

   • メールの受信トレイを開く。
   • Animatron.comのアカウントを確認してください！」というメールを開く。
   • 青い「アカウントをアクティブにする」ボタンをクリックします。
6. アカウントの詳細を入力します。お好みの名前とパスワードを適切なテキストフィールドに入力し、"What do you do? "テキストボックスをクリックし、職業（例：ビジネス）に基づいた答えを選択します。あなたの回答によっては、フォローアップ・フォームに回答する必要がある場合もあります。フォームにすべて記入したら、ページ下部の「無料アカウントを作成」をクリックします。
7. 作成を開始」をクリックします。ページ右上の赤いボタンです。
8. 紹介セクションはスキップしてください。そのためには

   • CONTINUEを2回クリックします。
   • ページ上部のLITEをクリックします。
   • チュートリアルウインドウの右上にある「キャンセル」をクリックします。
9. アニメーションセットを選択します。左側の列にあるアニメーションセットのオプションのいずれかをクリックします。
10. 背景を選択します。左側の列の一番上にある使用したい背景をクリックします。

    • 選択したセットによっては、使用する背景が1つしかない場合があります。
11. キャラクターを挿入したいポイントに再生ヘッドを移動します。タイムライン上の縦棒をクリックし、最初のアニメーションキャラクターを追加したいポイントまでドラッグします。
12. キャラクターを追加します。左側の列にあるアニメーションのキャラクターを1つクリックします。
13. キャラクターを配置します。キャラクターをクリックし、配置したいポイントまでドラッグします。

    • また、キャラクターを囲む選択ボックスの四隅をクリックしたままドラッグすることで、キャラクターのサイズを変更することができます。
14. アピアランス」メニューを開きます。タイムラインの左側にある丸が重なった白いボックスをクリックしてください。

    • これはキャラクターが選択されているときのみ表示されます。
15. アピアランスアニメーションを選択します。ページ下部のメニューにあるアピアランスアニメーションオプションの1つ（例：POP IN）をクリックします。

    • タイムラインの左側にある MOVE タブをクリックしても、動きのアニメーションを見ることができます。
16. 適用をクリックします。選択したアピアランスオプションの下にあります。
17. キャラクターと外見アニメーションを追加する。キャラクターを配置したいセクションにプレイヘッドを移動し、キャラクターを選択し、"Appear "メニューからそのキャラクターにアニメーションを追加することで、アニメーションにキャラクターや動きを追加することができます。
18. アニメーションを保存する。以下の方法で、アニメーションを10秒間の標準画質ビデオとして保存することができます：

    • ページの右上にある「ダウンロード」をクリックします。
    • ドロップダウンメニューから「ビデオ」をクリックします。
    • 続行］をクリックし、［制限付きで続行］をクリックします。
    • RENDERをクリックします。
    • ダウンロードリンクが表示されたら、クリックします。

方法3

伝統的なアニメーションの基礎を学ぶ

1. さまざまなアニメーションのコンセプトについて学びましょう。この記事で取り上げるには、アニメーションのさまざまな要素が多すぎますが、いくつかの一般的な（そして重要な）概念は、オンライン・フォーラム、コース、ガイド、および地元の図書館にあるアニメーションやアートのリソースで見つけることができます。勉強すべき一般的な概念には、以下のようなものがあります：

   • 色 - どの色が相性がよく、どの組み合わせを避けるべきかを知ることで、より心地よいアニメーションを作ることができます（不協和音のイメージを目指すのであれば、苦痛を与えるアニメーションを作りましょう）。
   • 構図 - アニメーションを画面いっぱいに効率よく、美的に表現する方法を知ること。
   • 遠近法 - イメージの寸法を示す方法を知ることで、アニメーションがより深まります。
   • 解剖学 - 解剖学を正しく理解することで、構造的に正確なアニメーションを作ることができます。また、信憑性のあるアニメーションを維持しながら、どの解剖学的ルールを破ってよいかを把握するのにも役立ちます。
2. アニメーションのスクリプトまず、起こしたいことをすべて書き出します。台詞だけでなく、動作や表情も含めてください。アニメーションを始める前に、何が起こるのかを明確に把握しておく必要があります。
3. .ストーリーボードは次のステップです。これは、アニメーション全体の主要なアクションやシーンを示す絵です。ストーリーを全体的に視覚的に伝えるもので、コミック本のようなものです。
4. キャラクターシートを描いたり、キャラクターモデルを作ったりしましょう。キャラクターがどのように見えるかも、アニメーションの重要な要素です。キャラクターがポーズからポーズまで一貫してリアルに見えるように、コマを描くときに参考にするものがあるとよいでしょう。キャラクターをあらゆる角度から、さまざまな表情で描きましょう。特に、シーンによって着ているものが変わる場合は、着ているものも描いておきましょう。
5. アニメーションのスケッチを描きます。これは、1枚の紙に、1つのフレームで動きの主要な段階をすべて示す1枚の絵です。五つ子をつなげたような絵になることがよくありますが、キーフレームが正しく配置され、動きが自然に見えるようにするためのものです。
6. スカッシュ＆ストレッチを使ってみましょう。スクワッシュ＆ストレッチとは、人間の脳がリアルに知覚できるように、モーションを誇張することです。よくある例は、ボールをイメージするときです。ボールが着地したときに、ただ普通の球体を見るよりも、少し床にしずんでいるのを見たほうがずっと面白い。こうすることで、見る人はボールの動きを感じることができる。
7. 表情をマスターする。アニメーションは、視聴者が登場人物に感情移入したときに最高の効果を発揮する。静的な顔ではなく、リアルな感情を伝える表情をキャラクターに描かせれば、より簡単になります。顔に感情を描く練習をしよう。悲しい、怒っている、笑っているなどのポーズだけでなく、感情を変化させる動作にも焦点を当てるべきだ。

   • 眉毛の動き、口角のヒネリ、目（特に瞳孔）の動きなど、微妙な表情をボディランゲージ（背筋を伸ばすのと緩めるなど）と一緒に表現することで、キャラクターのさまざまな感情を適切に伝えることができます。
   • 例えば、あるキャラクターが驚きから怒りに変化する場合、眉を上げ、目を大きく見開き、口を開けた状態から、しかめっ面をし、目を細め、歯をむき出しにした状態に変化するかもしれません。
8. キーフレームを描く。キーフレームとは、キャラクターが行う動きの主要な局面のことです。例えば、キャラクターが左から右へ振り向くアニメーションを作成する場合、キーフレームは、キャラクターが左を向き、次にキャラクターがカメラを向き、次にキャラクターが右を向く様子を示します。
9. 流れを確認する。キーフレーム間をフリップして、動きがどのように見えるかを確認します。

   • ドキュメントに変更を加えるときは、いつでも流れをチェックすることをお勧めします。
10. インベトウィーンを作成する。インベトウィーンとは、キーとなるアニメーションの間にある小さな動きのことです。まず、2つのキーフレームの間に直接入るべき画像を描き、次にキーフレームと最初のインベトウィーンの間に入る画像を作ります。これを、動きを表現するのに適切なフレーム数になるまで続けます（これは、アニメーションの目的によって異なります）。

    • この作業を終えたら、もう一度流れを確認する。
11. 図面をきれいにする。キャラクターの動きを邪魔するスケッチ線や迷った跡をきれいにします。作品の用途によっては、アニメーションのフレームにインクを塗ることもできます。
12. アニメーションを加工する。Photoshop、GIMP、Pixlrのようなコンピュータ・プログラムを使って画像を追加し、つなぎ合わせて、最終的なビデオを作成する。
13. さまざまな形式のアニメーションを試してみましょう。伝統的なアニメーションは、ペンと紙を使ったものに限りません。より身近なアニメーションの一般的な例としては、以下のようなものがある：

    • マシニマ（ビデオゲームを使ったアニメーション）

この記事は、CC BY-NC-SAの下で公開されている「 How to Make Your Own Animation 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。