どーもです。ホオズキと他大勢でお届け致します。
無料サイトを利用して、簡単なものではありますがウチのマスコットキャラ達を動かしてみました！！！
・キャラクターが動きます！！！
昨日の記事でチラッと触れてんけど、この数日管理人はアニメーション作りにハマっていた！それをここに公開したく思う！
兄命視肆（アニメーション）となッ！儂も動くと言うのか！
まあ今回の出演者は動画が制作された組だからな。
ドゥフフフ～！ぼ～く～ほどアニメ向けのキャラも居まい～！！！
むしろアニメになったらアカンやつゥ～！！？
あはははは～！余も動くぜい～！それはもうくねくねと動くぜい～！
アナタがくねくね動いたら気持ち悪いよウナ・・・。
がはははは！じぶんが一番動くっす～！そんなワケでこうご期待っす～！
・スペシャルサンクス
今回のドゥ～画制作にはこちらの「Monster Mash: New Sketch-Based Modeling and Animation Tool」と言うサイトを利用しました～、ドゥフフフ！
この記事は使い方を解説するものではないからそこは基本省かせてもらうが・・・と言うかまだまだ管理人も使えてないからな。でも無料で利用出来るので興味のある方はご覧頂きたいずぇ！
今回はここのサイトで無料でこんなアニメが作れる！と言う記事内容になる。
この記事及びアニメーションを制作するに当たッテ、交流のあるＬＳＳ (id:little_strange)さんにこのサイトをご紹介いただきまシタ！
ウチのブログのキャラクターがこれで動いているところを見てみたいとのことで、ＬＳＳさんにコメント頂かなければこのようなサイトは知りもしなかっタシ、改めて感謝の意を述べたいと思いマス。
ありがとうございます！すなわちサンキューベリマッチ！
まっこと大儀である！！！
がはははは！ありがとナス！！！
人様に御礼を申し上げるところで微妙にマニアックな下ネタを入れるんじゃねぇ！！！
ＬＳＳさんのブログはこちらデス！システム開発の記事にかなり特化されたブログで管理人は畑違いながらもＣＳＳなどでこんなすごいことが出来るのかといつも感心していマス！
・おことわり
あ、この先全部そうなんですけど・・・動画サイズはとても小っさいものになってます。これは管理人の勉強不足でして・・・管理人はなんせ動画作りなんかやってみたいと思ったことすらもない、ドドドドドのド素人でして・・・。
好きでこのサイズなのではなくやむなくこうなったのや。
フォーマット？っちゅうのがよ～分からんくてね～。細かいことは分からんのでずがナントカ言う聞いたことね～形式で保存できるんですけど～、それを一般的なブラウザで再生可能なMP4つ～んですけど～、それにする・・・ってことが出来るのかもしれんけどわかんなくて～。
でどうするかと言うと～、一旦スマホでこのブラウザ上で動作画面を録画するみたいな感じで～、後から余計な編集コマンドみたいな部分を動画編集ソフトで削ぎ落とす・・・みたいな方法を取ってます～、ドゥフフフ！
最大化画面で見ても小さクテ・・・。管理人がスマホで動画データを観た時は気にならなかったけどあとからパソコンでYouTubeで見ると小さいなッテ・・・。
大きくすることは出来るのかもしれませンガ・・・そこのところは管理人にはよく分からない分野と言うこトデ・・・見づらいかもしれませんが何卒ご容赦くだサイ。
・うごめくＣＪ
さて、百聞は一見に如かずと言うものや、最初に作ったのがコレ！！！元絵がこれやな。
そして動画や。
おお！俺っち様だな！
ま～ぶっちゃけ一番簡単そうだもんな～、ドゥフフフ！
やかましい！！！
これはまだブログ記事では「Twitter絵描きまとめ」でも出て来てないＣＪやけど・・・一番簡単そうやから試しにやってみたって感じやね。
こんな感じのイメージになるんだな～。簡単かどうかは置いといてＣＪは似合ってる気がするね～。
イメージ的にはアレでスネ。お祭りで子供が持ってる風船にアニメキャラが描いテル・・・。
バリウム風船っすね！じぶんも小さい時よく買ってもらって大好きだったなァ～！
ヘリウム風船だ！！！バリウムは胃カメラとかの時飲むやつだるォ！！！
・剣戟キラキラくん
続いてキラキラくんや！これが元絵やね。
おお！余だな～！まさに剣で突きまくりと言う感じだぜ～！すなわちフェンシング！！！
これはまだまだ不慣れな中作ったにしては割と気に入っている！
フハハハハ愉快！うねうねと動いておるぞ！
でも、なんだか剣で突いてるってよりかは剣がひとりでに動いてる感じだけどね～、ドゥフフフ！
そこは管理人もまだまだ分かんないことだらけだよ～。つまりノットアンダスタンド～！
特に後の歩行モーションなんかもそうなんだけど～、２つの部分が動く・・・ってのが難しくてしかもディフィカルトなんだ～。余のコレの場合、剣先と腕だね～。剣先だけ動かすと剣をあやつるって感じにならないんだよ～。
でも剣の動きと腕の動きを連動はさせられなくて～（やり方はあるかもしれないのですけど）、おのおのが勝手に動いてるって感じにどうしてもなっちゃってな～。すなわち勝手にムービングって感じだ～。
・踊るドクウツギ
続いてドクウツギちゃんや！これが元絵やね。
すごい！足がグイグイ動くっす！！！
は、恥ずかしいデス・・・。
こんな！こんだけ高く足を上げたなら・・・み、見えるんやない！隙間から！！！
バキャア！！！
グフォオ！
見えるってなニガ！？あくまでも絵はこのわたしの元のヤツの範疇ですカラ描かれてる以上のものは見えまセン！！！
こう言う振り子運動みたいな動きは一番やりやすいね。それにしてもホント足が動いてる風に見えるんだからスゲェよな。
・泳ぐラリドラ
続いてラリドラや！これが元絵やね。
ドゥフフフ～！華麗なるバタフライ～！
罵汰負来（バタフライ）と言うよりはまるで芋虫のようじゃのぅ・・・。
なにを～！ドゥフフフ！！！
まぁ～実際あんま気に入ってない。まだまだ不慣れで思った風には動かせんかったな。腕の動きが特に不自然な感じやなぁ・・・後述するけど足とか左右対称なものなら別個で動かすことが出来るねんけど、こう言う正面から見た絵を動かすのはできない感じなのや。
簡単に言うと腕だけ動かそうと思ったら４本腕になってまう。
腕は増やさず別個に動かせる方法はあんのかねぇ？そこまでは管理人には分かりません。
・話すドクウツギ
続いてドクウツギちゃんや！これが元絵やね。
は、恥ずかしいデス・・・。
あ～、このバレンタインん時のやつね～、ドゥフフフ。
このサイコ～にあざとい１枚な。
わたしって可愛いでしょ～、人気キャラなんだよ～って感じがアリアリと出ている～、ドゥフフフ。
読者様に媚びまくりやがってよォ。
チョ・・・なんでいきなりわたしボロクソ言われてンノ！！？
先輩はもう少し初期のキャラ（陰キャ）を思い出した方がいいっす！あんまカワイコぶりっ子は感心しねぇっす！
おのれに言われたくなイワ！！！
まぁそれはさて置き、他のに比べると地味やねんけど、よく見ると唇とかが動くのや！チュー～～～・・・
ドスバキャ！！！
グヘェ！！？
このドクウツギはうっすら口を開けてるから、上下から引っ張ったら喋ってるっぽくなんじゃね？すなわちトークじゃね？って思ったんだけど・・・実際は思った感じにならなくてな～。
よく見ないと分からんぞ～、ドゥフフフ。
でも、あんま引っ張り過ぎると顔が崩れて変顔になっちまうんだよ～。
それはそれで見たい気もするｗｗｗ！
絶対にヤダ！！！（←あざとい）
・くねくね動くホオズキ
続いてワイや！これはちょっとここまでと作り方が違う。
これまでのは既存のイラストをなぞることで、それを元に３Dっぽく仕上げる、と言う方法やねんけど、管理人はスマホでお絵描きをするので、どうしても細かいところまではスマホの画面なのでなぞり切れない…と言う欠点がある。
せめて拡大縮小の機能があればいいんだが、このサイトにはそこまではついてねぇからな。
どうしても、輪郭より大きめになぞるので余白のような部分があるのデス。
そこで、これは逆に輪郭を先に描いて、そこに絵を描きこむ、と言う方法や。こう言う風に。
※サイト上に書いたシルエット
※それを元に描き込んだイラスト。
洋服で言う型紙のようなイメージでスネ。
でもこれもかなりう●こな絵だな～、ドゥフフフ。
るせっ！このシルエットも一筆書きやねんで！なんか休めながら描いたり、線を重ねたりするとエラーになってしまうようでな。なんか方法はあるんかもやけど分からんかったから、大雑把な形にしか描けない。
とにかく上の絵を元にアニメーション化したのがこちら。
キモッ！！！
やかましい！自分で分かっとるわ！
なんか表情不気味なんすけど・・・。
時系列的には上のドクウツギちゃんのおしゃべり版より先に作ったのがこれや。顔を引っ張ることで表情の変化っぽく出来んかと言う練習も兼ねてるのや。
でも、確かに３Ｄモデルとしちゃあここまでで一番しっくり来てる感じかもだずぇ。
ふむ、要は絵より余分になぞるからその余白も擦泥（３Ｄ）とやらになってしまうのであろう。なればその余白を一切取らずなぞればよいだけではないか。
それが難しいつってんやろハゲ！！！
・這い寄るノブナーガ
続いてノブナーガや！
上のワイのと同じ手法やね。あ、あと途中まですっかり忘れててんけど、アニメーションは絵に対して正面からの視点しかないのやけど、アニメにする前の段階なら角度を変えることもできるで！
おお～３Ｄっぽい！すなわちスリーディメンション！でもなんか正面がツギハギみたいだな～。フランケンシュタインみたいな～。
ホオズキのとこでやり方を語ったけど、大本になるシルエット絵の灰色の輪郭線の部分もモデル化されるみてぇだな。それを消して輪郭が黒系にならないようにすりゃ多分自然な感じになると思う。次はそうしようかと。
儂のをまず直せ！！！
ちなみに作るのに夢中で制作過程を保存するのをすっかり忘れててこのノブナーガしかあらへんねんけど、これがアニメーションの動きの設定や。赤と緑のピンのようなのが分かると思うけど、このピンを引っ張ってその部分がそれにつられて動く感じ。線は実際の動きのラインやね。
そして出来たアニメーションがこれや！
おお～動く！くねくねとキモイっす！！！
無礼な！！！
何と言うかアニメ向けって感じかもでスネ。
せやな～、単純なデザインやし、動かしやすさなら一番かも！？
・色々動くメンドーリ
ラスト、メンドーリや！これが一番このサイトの凄さが伝わるんやないかって思う。まず元絵がこれね。
片手片足みたいに見えると思うけど、ちゃんと理由がある。
どうでもいいケド、あなた最近初期の着ぐるみのような衣装はどうしたんでスカ？最近はソノ・・・ずっとボディラインが出るような服ばかり着てルシ・・・。
やぁ～、だってだんだん暑くなって来たしぃ～。それに読者様にもこっちの方が良いっしょ！
そレニ・・・明らかにソノ・・・サイズが「ある」よウナ・・・。初期ヨリ・・・。こうして真横から見ルト・・・。
サイズ？なんのことっすか？
何でもねェヨ！！！（殺意）
な、なんか話それたけど・・・このサイトは腕や足のような左右一対のものを別になぞることで、コピーしつつ別のパーツみたいにすることが出来るのや！そして別々に動かすと言うことも出来る！
この絵やと黒線のところがメインパーツ。メインパーツの上からなぞってダブルクリック（タップ）すると赤線に変わるねんけど、その赤線のところは別のパーツ、と言う感じでな。まぁゴチャゴチャ説明するよりも見てもらった方が早いな。
こんな感じやね。
おお～！なるほど！左右対称の手足って感じが確かにするずぇ！
そんで手足は体に生えてはいるけど別のパーツっちゅう感じやから、こうしてそれぞれ動くって感じやね。
ぼ～く～の絵の時、横から見た絵じゃないと４本腕になっちゃうってのはこう言うことな～、ドゥフフフ。
そんで様々に動かしてみたぞ！まずは歩く感じ。
う～ん・・・なんと言うか不自然だな～。すなわちノットナチュラル～。
せやねん・・・キラキラくんの剣の動きの時も言うたけど、こう延長線上にあるもんを別個で動かすと言うのがどうも難しいのや・・・。
この場合は足先と、膝がそうやね。歩く時ってのはまず膝が動いてそこに連動して足先が動くやろ？
これだと膝が動いてないからドゥ～もヘンテコな動きだね～、ドゥフフフ。
上のは円運動に近い足の動きやけど、こっちは振り子みたいにしてみてんけど・・・。
でもやっぱり膝が動かないからすり足歩行みたいな感じデス。
これは上のドクウツギちゃんみたいにその場でバレエみたく足だけ動かしたパターンやね。
足なら・・・・足なら負けてないんだカラ！あなたのは所詮は鶏足！！！
だ、だからさっきから何を言ってるっすか！？
最後、アタマを傾けて走ってる風にしてみたんやけど・・・。
アラレちゃん走りっぽい姿勢だが～・・・ドゥ～ん・・・やっぱ膝があまり動かないから走るってより泳いでる感じに見えなくもない～。
膝は膝、足先は足先で動かす感じにすりゃいいんじゃね？
それも試してみてんけどな・・・。それやとちょっと足があり得ない方向に曲がったりグロい感じに・・・。
ぎゃ～～～～～！！？
まだまだ試行錯誤中と言うことであるな。兄芽（アニメ）の道と言うのも、かくも険しきものか・・・。
・結び
んなワケで以上や！色々とつたない部分が目立ったと思うけど、なんせこないだまで動画制作なんか考えた事も無かった人間やから何卒ご容赦願いたい。
まだまだ作ったことがないキャラも居るから～、色々やってみたいね～、ドゥフフフ。
ど、ドサクサに紛れてせめて３Ｄキャラくライ・・・ソノ・・・サイズアップをでスネ・・・。
え？何か言うた？？？
なんでもねぇえええぇええヨッ！！！
先輩、小さくても良いと言う人はきっといるっす！
うっせえうっせえうっせエワ！！！
・・・今回はここら辺で。
お読みいただきありがとうございました。
※スペシャルサンクス
little-strange.hatenablog.com※一つ前の記事
※クリックお願いします！
※フォロー、読者登録お願いします！
