見出し画像

完全素人ですが、アニメーションを作ってみた

感想、かなり 面白い!!!

Udemyで 講座を購入。
家で一人、黙々と励んでみた。

私のパソコン技能、検索なしに進めないレベル…😱
でも、模倣し学ぶ動画学習なら 問題なかった

今日は、私の学習のアウトプット。
 ーー Illustrator で自分が作った「絵」を、
 ーー After Effects で「動かす」事で アニメーション化

動画は「全て音なし」で共有。
--- チラッと見て頂けたら、私のやる気に繋がりマス💕

_↓introduction________________________

私は30代、子育て奮闘中な主婦。
小5トンガリ息子小2ほんわか娘がいます。

🌳息子は、好奇心が旺盛で イタズラやおふざけが大好き。私と違う価値観を持ち、独創的な論理に基づき 考察・行動 する。一見 頑固だけど、論理に矛盾を察知すると、かなり柔軟に対応。

🌸は、可愛い好きで 甘え上手な甘えん坊。私と似た価値観を持ち、ささやかな事でハッピーなれる。時に、理不尽な怒りや悲しみを振りかざす、けれど 驚くべき切り替えの早さで回復する。

_______________________introduction↑_

■Udemy の講座を「模倣」した作品

私が学習した講座は、コチラ💁‍♀️✨

▶︎▶︎バウンドするボール / 6秒

Illustrator で、平面で作ったサッカーボールの柄が3Dの処理をすると、ピタッと立体的に柄がボールに張り付き….感動!

After Effects では、ボールの弾む動きを表現するために 動きに緩急をつけた。当たり前の事なのかもだけど、本物に近づけるための工夫に…感動✨

*:.。.:・:.。.:*・゜゚

▶︎▶︎アイコンアニメーション / 11秒

Illustrator でアイコンから作成。アイコン作りは 多くの機能を使った。同じ形を作るにも色んなアプローチの仕方があるのだなぁ…と感じた。

After Effects では、アイコンの繰り返す動きを エクスプレッションという、言語で指示を出し、動きを自動化させた。私は 真似をしているだけなのだけど、すごく感動した。「賢いなぁ!」って。笑

*:.。.:・:.。.:*・゜゚

▶︎▶︎フラットデザインの本 / 11秒

Illustrator で、ダイレクト選択ツールを使い四角だったページに湾曲をつけるのが面白かった。くにょーん、と気持ちよく曲がる。しかも綺麗に!笑

After Effects では、ページがめくれて左側にいくと影が出来るように作った。細やかな工夫に驚いた。そして、「なるほど、影は イラストにおいて重要なのか!」と学び、早速このnote表紙の🐥にも影をつけてみた。笑

*:.。.:・:.。.:*・゜゚

▶︎▶︎羽ばたく鳥が木の実を食べる / 13秒

Illustrator では、鳥に色をつけるときにグラデーションの機能を使った。うーん、色に濃淡がつくとプロっぽい!(講座を作った方は プロ。笑)

After Effects で指示通りに動かすと、生きているみたいに動いた!もちろん、この指示の付け方が難しいのだと思うけど、自分が作ったものが動くって 最高に嬉しい✨

*:.。.:・:.。.:*・゜゚

▶︎▶︎広告CM風フラットアニメーション / 21秒

Illustrator で、真似して作成していて講座の最初頃より、とても簡単に真似できるようになってきた自分に気がつき喜んだ。一見、脇役な上段棚の左側にある写真立ても 結構作成に手間がかかっている。(そんな風に見えます?笑)

After Effects では、この「パソコン画面に表示される動画」の作成が難しくて真似するのがやっと。。何度か、真似して作成することで 今後理解できるように励みたいところ🤔✨

*:.。.:・:.。.:*・゜゚

■できる範囲で、「自分で」 アニメーション作りに挑戦

講座を終えたら、自分でも作ってみたくなった。

▶︎▶︎ちょっとだけ動く女の子 / 21秒

Illustrator で、ゼロから女の子を作ってみた。自分の画力の低さに泣けてきたけど、出来ないものは仕方ない😂

After Effects で、本当はもっと人っぽい動きを付けたかったのだけど、膝や膝の関節を作って動かすのが難しかった…😭でも、ちょっと動くだけでも 可愛さが出る?(、、気がするのは 自分で作った作品だからかもしれない。笑)
背景は、コロラマという機能を使って 複数の色を用い動くものにしてみた。女の子の背景としては違和感?だけど、講座で学んだから この機能を使ってみたかったのだ。だから、満足!

-- 5秒でした動きを 繰り返す
*:.。.:・:.。.:*・゜゚

▶︎▶︎江ノ島旅の経路を再現 / 52秒

「何か、目的を持って作りたいなぁ…」と考え、、

春休みに旅行した「江ノ島旅の経路」をアニメーションで再現してみることに。
 ーー棒人間 を歩かすのに苦戦。
      ----お尻が大きめなのは 私の技量不足😂笑
     今はこれが 精一杯!

私にとって お気に入りは、30秒〜最後。
最初18秒は、ただ棒人間が道のりを歩くだけ😂

女の子の動画作りで違和感満載だったコロラマを使った背景、「色を整えてこうやって使うと、海みたいに見えないかな?」と再び使ってみた😎✨

*・゜゚・*:.。.:・:.。.:*・゜゚・*:

以上、
 💻完全素人の動画編集の成果発表でした💻
 ご清聴(?)、ありがとうございました!

*・゜゚・*:.。.:・:.。.:*・゜゚・*:

▶︎おまけ:家族の反応

せっかく作ってるので、家族にも披露している。
これが、見た時の反応が三者三様で面白い🤣

 ーー小2ほんわか娘
    ----全く興味を持ってくれない。泣

 ーー夫
    
----褒めてくれる
         ----褒めつつ、アドバイスも添える

 ーー小5トンガリ息子
    ----「すげーっ!」と興味津々
    ----かなり気持ちよく褒めてくれる

私が思っていた以上に、
トンガリ息子が「良い奴」だったと知れて、嬉しい🌸笑

次の目標は、ほんわか娘の興味を奪うこと?笑
ーー娘の描いた絵を「サプライズでアニメーション化」してみようかな?
描かれた絵を写真に撮って取り込み、Illustrator で動かしたい部位ごとにレイヤー分けして描き出したら、After Effects で動かせると思うんだけど…..🤔うーん、難しいかな?

*・゜゚・*:.。.:・:.。.:*・゜゚・*:

この記事が参加している募集

つくってみた

最後までお読みいただき、ありがとうございます。感謝です。サポートも嬉しいのですが、『スキ』をいただけるならば、ポジティブに今日も頑張れます♪