スリットアニメーションで遊んでみたYO

スリットアニメーションで遊んでみたYO

はじめに

こんにちは、AN.だYO

今回はスリットアニメーション(別名:スキャニメーション)で遊んでみたんだYO

細い線で絵を描きスリットを通すことで順番に動いているようにみせているんだYO

下記URLのスリットアニメーションの説明が一番わかりやすかったんだYO

スリットアニメーション仕組み

 

 

どーもさんツールで見たい人はこちらからダウンロードするんだYO

コメントは全部@3で見れるように調整してあるのでjsonデータを投コメエディタに張り付けるだけで見れるんだYO

https://drive.google.com/file/d/1-6_U8J3I2nrYYPROMJBtRbL06RbWbtu2/view?usp=sharing

 

作り方

コマの数は2コマ~4コマです。

4コマの場合は絵を4枚作って1/4幅の空白で1/4、2/4、3/4マスだけずらして1枚にまとめましょう。

3コマの場合は絵を3枚作って1/3幅の空白で1/3、2/3マスだけずらして1枚にまとめましょう。

上から▌▌▌で作ったスリットを被せましょう。

4コマだから▊▊▊でスリットを作らなくていいの?と一瞬思いますが、ハイライトの関係で▌▌▌のスリットの方が綺麗に見えます。人間の目が良い感じに補間してくれます。

3コマでも▌▌▌で問題なかったです。

コツですが、歩いたり走ったりする時は頭を上下させるとそれっぽくなるんだYO。

あとは、、、勘で何とかするんだYO。

 

最後に

星を回転させれば歌詞コメで使えそうだし、キャラの背景が動いているだけで何か凄そうになるんだYO

どんどん動かしていこうYO

制作講座カテゴリの最新記事

%d人のブロガーが「いいね」をつけました。