youtubeを眺めていると、スカっとする話、または、都市伝説をテーマにしたアニメーションのチャンネルを見かけませんか?
あのアニメーションはどうやって作られているのだろう、と思い調べてみるとvyondというツールを使って制作されている事がわかりました。
アニメーションを作ることができるツールなので難しいのだろうと諦めているあなたに一言言わせてください。
私のような中年おやぢでもvyondを使いこなせて、かつ、クラウドソーシングサイトからお仕事をもらう事ができました。
この記事ではアニメーション作成ツール vyondの試用版利用方法についてご説明します。
Contents
この記事の概要と学べること
この記事では試用版vyondを使うためのアカウントの申請、使い方、及び、提案したいトレーニング方法をご紹介したいと思います。長い記事となる為、複数の記事に分けてご紹介いたします。
このセクションで学べること
このセクションではvyondを使ったアニメーション作成の大まかな流れについてご説明します。操作の方法については後で詳しくご説明しますので、ここではアニメーション作成の流れをつかんでいただきたいと思います。
シーンの積み重ねる事で1つの作品ができる
ではアニメーション作成の流れをご説明したいと思います。操作の詳細については後で説明しますので、このセクションではアニメーション作成の流れを把握するという軽い気持ちで学んでいただきたいと思います。
操作例として、「遅刻した部下を叱りつけている上司」をテーマに作成します。
![](https://kaeru001.com/wp-content/uploads/2021/10/9c195f2caed0db00a1b871e258837edb-1024x506.png)
vyondにログインした後、右上の[create video](①と記述)をクリックします。
![](https://kaeru001.com/wp-content/uploads/2021/10/418c6c64bf04af197f5d3485caf7127e-1024x508.jpg)
続いて、真ん中のBusiness Friendlyと表示されているブロックに[select style]ボタン(②と表示)があるのでクリックしてください。
すると、アニメーションを作成する画面が表示されます。
![](https://kaeru001.com/wp-content/uploads/2021/10/73577f470027d5975b83221850170836-1024x505.jpg)
デフォルトのアニメーションがでてきますが、まずは消去します。デフォルト表示されているアニメーション(③の部分)をクリックしてキーボードの[delete]キーを押下してください。
これでアニメーションを制作する準備ができました。
背景を設定する
![](https://kaeru001.com/wp-content/uploads/2021/10/bf18741653884f8110cedfd39df02f01.png)
右上ツールバーの左から2番目、山と月の絵が描かれたボタンをクリックします(④)。
![](https://kaeru001.com/wp-content/uploads/2021/10/4935eb5c97b47622f74c8f1e8216d3af-1-1024x493.png)
すると背景画像が選択さされていないのでBACKGROUNDは[None]となっています。
[None]をクリックします(⑤の部分)。
![](https://kaeru001.com/wp-content/uploads/2021/10/fd349fb47637cc6107945624da55df89.png)
検索バー(⑥の部分)が表示されるので、”office“を入力しましょう。会社の背景が一覧で表示されるのでお好みの背景画像を選択します。ここでは⑦を選択しました。
小道具を配置する
つぎにシーンに合わせた小道具を配置します。
![](https://kaeru001.com/wp-content/uploads/2021/10/54fb201a9cdbfeae458d239e40ab4120.png)
左上にあるツールバーで左から3番目。いすのような形をしたボタン(⑧のボタン)をクリックします。
![](https://kaeru001.com/wp-content/uploads/2021/10/ff5bee55be69699b437689bcb1f513da-1.png)
検索バー(⑨の部分)に”swivel”を入力し、上司用のいす(⑩)を選びます。
![](https://kaeru001.com/wp-content/uploads/2021/10/97dd605853915861fd05fc099e162652.png)
続いて、検索バー(⑪)に “desk“を入力して、上司用の机(⑫)を選択します。
キャラクターを配置する
次にキャラクターを配置します。
![](https://kaeru001.com/wp-content/uploads/2021/10/d5d599fc9414dd516e421123a1b7cbc8.png)
左上にあるツールバーで左から2番目、人の形をしたボタン(⑬) をクリックします。
![](https://kaeru001.com/wp-content/uploads/2021/10/dfed693aff880580189c781fbe921a12.png)
検索バー(⑭)に”office“を入力し、会社員っぽいキャラクタを2人(⑮と⑯)選びます。ここでは若い社員と上司っぽいキャラクタを選びました。
キャラクターに行動を設定
登場させたキャラクターに行動を設定します。若い社員が遅刻して上司に謝罪しているというシーンと作ってみます。
![](https://kaeru001.com/wp-content/uploads/2021/10/84b33d17d421cddebf35b19f1a7de347.png)
若い社員をクリックして選択したら、左上ツールバーの左から2番目、人が走っているようなボタン(⑰)をクリックします。
![](https://kaeru001.com/wp-content/uploads/2021/10/010028986fd8a791423fdff69934169e.png)
検索バーに”too hot” (⑱)を入力して汗を流しているアクション(⑲)を選びます。
上司を選択して同様に操作します。
![](https://kaeru001.com/wp-content/uploads/2021/10/c20637588c2ec0b335e48e1dfcbfe4ca.png)
今回は検索バーには、”presenting“(⑳)を入力して椅子に座って指をさしている動作を選びます(㉑)。
![](https://kaeru001.com/wp-content/uploads/2021/10/ec238a79d407db709944a827e6ecb224.png)
ここで、キャラクターと小道具の位置を調整します。キャラクタを右クリックして表示されるメニュから”Flip Action“、又は”Mirror“を選びます。
![](https://kaeru001.com/wp-content/uploads/2021/10/06cf43cb372b834d20f4cb96fcd49435.png)
すると、キャラクターが反転します。
上司のキャラクターは机よりも手前に表示されています。これを机に座っている表現にする為、上司のキャラクタの表示順を変更します。
![](https://kaeru001.com/wp-content/uploads/2021/10/cc771ae425a3944d62714aa040b8a2dc.png)
表示順の調整は、調整したいキャラクターや小道具を右クリックした後、”order“→”Move Backward“を選択することで、表示順を変更できます。
![](https://kaeru001.com/wp-content/uploads/2021/10/d2be2dde3188811c2202f0dea071caa7.png)
上司のキャラクターが椅子に座っている表現に修正できました。
キャラクターに表情を設定
![](https://kaeru001.com/wp-content/uploads/2021/10/7a361685f4468f50d5eb916c104d50d0.png)
キャラクターと小道具の位置を調整できたら、キャラクターに表情をつけましょう。キャラクターを選択し、左上ツールバーの左から3番目。顔のマークのボタン(㉒)を押下します。
![](https://kaeru001.com/wp-content/uploads/2021/10/232e88d4db651dad42f74f2999498e90.png)
上司がは怒りの表情で部下を叱咤している状況を表す為、”Talk Angry No Lip Sync” (㉓の箇所)を選択します。
これを選択すると、上司のキャラクターが怒りの表情で口パクをするようになります。
![](https://kaeru001.com/wp-content/uploads/2021/10/e72c59664a7bf5f5ac1c5b6ce244c25c.png)
部下の方はそのままにしておきます。作成したアニメーションを視聴するには[PREVIEW](㉔のボタン)をクリックします。
遅刻した部下が、上司に怒られているシーンが完成しました。
![](https://kaeru001.com/wp-content/uploads/2021/10/Untitled-480p-211012.gif)
このようなシーンを複数組み合わせて一つの作品が完成します。
このセクションのまとめ
このセクションではvyondでアニメーションを作る一連の流れについて説明しました。
詳しい操作方法については別途ご説明しますので、ここではアニメーション制作の流れを把握していただければと思います。
コメント