マガジンのカバー画像

モーション情報まとめ

19
運営しているクリエイター

#アニメーション

Lottieはじめました

Lottieはじめました

こんにちは、宮島(4hintaro_m)です。

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

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

もっとみる
海外2Dアニメーション・モーションデザインスタジオ10選

海外2Dアニメーション・モーションデザインスタジオ10選

海外の2Dアニメーション・モーションデザインスタジオを紹介します。参考資料を探しにVimeoやdribble、Instagram、Behance見ていたところ、かなり詳しくなってきました。2018年現在の「海外2Dアニメーション・モーションデザインスタジオ」の様子がなんとなく見えてきたので、まとめてみようと思います。極私的なチョイスですがどうぞ。

Giant Antカナダ・バンクーバーにあるアニ

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

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

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

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

もっとみる
簡単に2Dアニメ作ってみたい!を実現するAnimeEffectsを使ってみた件

簡単に2Dアニメ作ってみたい!を実現するAnimeEffectsを使ってみた件

なんか簡単に、描いたイラストを動かしたいなぁと思ってちょろっとググって見たらなにこれーってなったので速攻インストール。今日見つけて今日GIFアニメ作って今日この記事を書きました。

ご紹介いたしますのは2Dキーフレームアニメーション制作ツール「AnimeEffects」。

ねとらぼの記事『クリエイター界激震 簡単にキーフレームアニメを作れるソフトに「無料で公開していいクオリティじゃない」の声』を

もっとみる
【デザイナー向け】Lottieの使い方。アプリ開発におけるアニメーションの実装を劇的に簡略化してエンジニアの負担を減らそう!

【デザイナー向け】Lottieの使い方。アプリ開発におけるアニメーションの実装を劇的に簡略化してエンジニアの負担を減らそう!

こんにちは。ノゾエ(@conoito)です。

今回は、Lottie x Bodymovinを使って、アプリ開発におけるアニメーションの実装を劇的に簡略化してエンジニアの負担が減らそう!という話です。

今まで私たちのチームでは、ネイティブアプリでアニメーションを実装する際、熟達した職人(エンジニア)による洗練された技と長い年月を費やして培われた眼力を駆使してmp4で渡した動画をコマ送りし、z

もっとみる
After Effectsを習得したいデザイナーへ、アニメーショントレースが効果的です。

After Effectsを習得したいデザイナーへ、アニメーショントレースが効果的です。

こんにちは、BasecampのLeoです。

最近、UIトレースと同じようなことを代わりにアニメーションでやっていて、結構いい感じに学べることがわかったので、その方法についてまとめようと思います。アイコンやロゴのアニメーション実装のためにAfter Effectsを練習したい!というデザイナーにオススメな方法です。
(この記事はAfter Effectsの使い方について書いているわけではありません

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

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

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

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

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

※GIFで作成しており、色

もっとみる