LottieFiles takes away the complexity from motion design. It lets you create, edit, test, collaborate and ship a Lottie in the easiest way possible. Get Started - It's Free
とっても簡単なアニメーションで、エクスプレッション使う必要あるの? って思ってましたが、先に進むための基礎知識が学べるのです。 作りたいのは、「ゆっくり」が2秒ごとに2地点を繰り返し往復するアニメーション。 ↓こういうの↓ ゆっくりの1秒ごとの位置(x and Y)はこうなります。(コンポサイズ:1280×720) 0;00 X:200 and Y:200 1;00 X:1000 and Y:200 2;00 X:200 and Y:200 3;00 X:1000 and Y:200 4;00 X:200 and Y:200 …以下繰り返し これまでなら、まず「0;00, 1;00, 2;00」に、以下のようにキーフレームを打ちます。 それから、1;00と2;00のキーフレームをコピーして、3;00, 5;00, 7;00… 起点にペーストする。 で、キーフレーム祭りじゃーヽ(´∀`)ノ
文字を書き順通りに塗りつぶしていくアニメーションが必要になったので、After Effectsを使ってアニメーション(動画)を作成しました。After Effectsは、あまり使う機会がなく、たぶんすぐ使い方を忘れてしまうと思うので、今後のために作り方をブログに残しておきたいと思います。 「文字を書き順通りに塗りつぶす」と言っても、単なる(After Effects上の)テキストではなく、Illustrator で作成したレイヤーに、件のアニメーションを施すという作業になります。 After Effectsの基本的な部分も含め、AIデータの配置から動画のレンダリングまで細かく紹介していきます。 追記:これと同じアニメーションをSVGとJavaScriptで実装した場合の記事も書きました。 完成動画 まずは、完成した動画から。以下のようなアニメーションを作成します。再生ボタンをクリックでアニ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く