マガジンのカバー画像

モーション情報まとめ

19
本
運営しているクリエイター
むらかみ。
宮島信太郎

宮島信太郎

Lottieはじめました

Lottieはじめました

こんにちは、宮島（4hintaro_m）です。

今回は、最近ちらほら名前を聞くようになったLottieについて、そのメリットや注意すること、できること、今後の展望などをまとめてみました。

LottieはAirbnb社が開発した、Aftereffctsで作ったモーションやアニメーションをJSONファイルに書き出して、簡単に実装できるアプリです。UIのマイクロインタラクション分野で活躍できそうです

もっとみる
宮島信太郎

宮島信太郎

使えるAftereffectsプラグインまとめ

使えるAftereffectsプラグインまとめ

今回は、Aftereffctsでモーションデザインやアニメーションをする方向けに「使えるAftereffectsプラグインまとめ」をnoteにしてみました。ちなみに2Dモーション・アニメーション向けです（2020年4月に、「KBar2」と「Labels 3」「BG Renderer MAX」を、2020年11月に「Timelord」を追加）。

プラグインは星の数ほどありますが、リサーチしてだいた

もっとみる
NIKKEIスタッフ

NIKKEIスタッフ

¥100
Appleのアニメーションはなぜ美しいか考える

Appleのアニメーションはなぜ美しいか考える

第８章では、ふだん当たり前のように使っているiPhone やiPad はどうしてこんなに気持ちのいい使い⼼地になるのか、コントロールセンターのUI のパーツに着⽬し、アニメーショントレースを⾏い考察した内容を紹介します。

全章を一括して購入されたい方はこちらの記事をご購入ください。https://note.mu/nikkei_staff/n/n44623c9b9ab4

⽇経電⼦版のアプリチーム

もっとみる
むらかみ。

むらかみ。

UIモーション制作ツールまとめ

UIモーション制作ツールまとめ

このnoteは、UIモーションを制作できるツールをまとめた記事です。

ツール多すぎ問題UIモーションはAfter Effects以外に、プロトタイピングツールを使って制作する。
しかしプロトタイピングツールも群雄割拠の時代。
山ほどあるツールから自分の業務に最適なモノを探さなければいけません。
以下では、なんとか厳選して選んだUIモーションツールの精鋭たちをまとめてみた。

3種類のプロトタイピ

もっとみる
吉岡ヤス

吉岡ヤス

【GIFで解説】Adobe XDの自動アニメーショントランジションまとめ

【GIFで解説】Adobe XDの自動アニメーショントランジションまとめ

Adobe XDの自動アニメーションが10月のアップデートで使えるようになったので、初めて自動アニメーションを使う方にわかりやすいようにGIF画像でトランジションを解説します。

以下のような方に参考にしていただければ幸いです。

・「自動アニメーションって何？」という方
・自動アニメーションを短時間で理解したい方
・どのようなトランジションが再現できるのか知りたい方

※GIFで作成しており、色

もっとみる