![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/037.gif?resize=180%2C180&ssl=1)
「アニメーションを描く。って難しそう」
「仮に描けたとしても、面白いアニメーションってプロにしか描けないよね…?」
と、思っていませんか。
私もそう思っていました。
LINEクリエイターがLINEアニメーション絵文字を販売できるようになった、2021年10月から勉強(?)を始めてみました。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/037.gif?resize=180%2C180&ssl=1)
愉快な動きのアニメ↑
アニメーションを描いたことがない、全くの初心者でもこんなアニメーションを描くことが出来ました。
ありがたいことに、多くの方に購入していただいております。
今回は「バウンドするキャラクター」の描き方を紹介します。
CONTENTS
【意外と少ない?イラスト枚数♡】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/037-2.gif?resize=180%2C180&ssl=1)
このアニメーション、何枚のイラストで出来ているでしょうか。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0536.jpg?resize=880%2C699&ssl=1)
↑ 20枚のイラストで出来ています。
「えー 20枚も描いてるの?ムリムリー!」と思うかもしれません。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0530.jpg?resize=880%2C897&ssl=1)
でも、実際に描いたイラストは4枚のみ。
・反転
・逆再生
の2つの技法で、ループするアニメーションにしています。
4枚くらいなら…という軽い気持ちで描いてみましょう。
【伸縮するイラストの最初と最後の各1枚を描く】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0532.jpg?resize=880%2C897&ssl=1)
伸縮するキャラクターの
・最も伸びたイラスト(上記の例では①のイラスト)
・最も縮んだイラスト(上記の例では⑤のイラスト)
を描きます。
伸縮の度合いが大きいほど面白いアニメーションになります。
「ちょっと大胆すぎるかな?」と思うくらいに伸縮させてみましょう。
【中間イラストを描く】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0532-1.jpg?resize=880%2C897&ssl=1)
「中間イラストって3枚もあるじゃないの!」と思われるかもしれません。
私も「3枚も描くのはツライ…」と思いました。
②は①と⑤の中割りで描きます。
③は勢いでクニャッとなった感じで描きます。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0531.jpg?resize=880%2C897&ssl=1)
・少ないイラスト数で制作できる。
・上下伸縮だけではなく、左右に揺れる表現も入れた方が面白いアニメーションになる
という2つの利点があるので、③のイラストを左右反転→④のイラスト。としました。
②③④、3枚の中間イラストの完成です。
【反転する】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0529.jpg?resize=880%2C746&ssl=1)
①〜⑤のイラストを反転させたものを⑥〜⑩のイラストにします。
左側に伸びる → 縮む → 右側に伸びる
アニメーションの完成です。
【逆再生する】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0528.jpg?resize=880%2C746&ssl=1)
①〜⑩のイラストを逆再生させます。
左→右→左→右→左… とループするアニメーションが完成しました。
【完成】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0548-4.jpg?resize=880%2C492&ssl=1)
お絵描きアプリで描いたイラストを無料でアニメーションにする方法も紹介しています。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/1.png?resize=180%2C180&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/2.png?resize=180%2C180&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/3.png?resize=180%2C180&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/5.png?resize=180%2C180&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/037-1.gif?resize=180%2C180&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0536-1.jpg?resize=880%2C699&ssl=1)
イラスト4枚→「反転」「逆再生」することで、ループするアニメーションが完成しました。
【販売する】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0537.jpg?resize=880%2C880&ssl=1)
今回 紹介したアニメーションはLINEアニメーション絵文字として販売しています。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/05/img_0535.jpg?resize=880%2C486&ssl=1)
LINEスタンプの販売方法も紹介しています。
みなさんも気軽にイラストやアニメーションを作って販売してみましょう。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/06/img_0567-10.jpg?resize=880%2C491&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4123-13.jpg?resize=880%2C352&ssl=1)
Amazonのアソシエイトとして、当メディアは適格販売により収入を得ています。