マガジンのカバー画像

資料/AE

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

#モーショングラフィックス

Lottieによるリッチアニメーション実装のためのAfterEffectsハマりどころ

Lottieによるリッチアニメーション実装のためのAfterEffectsハマりどころ

この資料は2018/02/14の第二回iOS UI実装勉強会で発表した内容です。当時調査した内容をそのまま編集しているので情報が古い場合があります。
ご了承ください。最新情報はドキュメントを参照してください。
下記がドキュメントです。

はじめにiOSにAfter Effectsで作ったリッチアニメーションを導入できるLottieライブラリすごい!とおもったのですが,AfterEffectsのすべ

もっとみる
【翻訳してみた】Google Design - AfterEffectsを使用したマテリアルデザインのモーション入門

【翻訳してみた】Google Design - AfterEffectsを使用したマテリアルデザインのモーション入門

前置き
今回はAfterEffectsを使用したモーションデザインの作り方について翻訳しました。あくまでもデモのようなサンプルを作る工程なのですが、AfterEffectsに関する専門的な知識が幾つか出てくるため、難しい部分があるかもしれないです。

マテリアルデザインガイドラインに記載されたバージョンはこちら。
【翻訳してみた】マテリアルデザイン - AfterEffects モーションステッ

もっとみる
海外のモーションデザインスタジオまとめ - その2

海外のモーションデザインスタジオまとめ - その2

前置き

海外にはモーションデザインを用いたカッコイイ会社がたくさんあります。しかしながら「知らない」と言われることが多く、こんなにカッコイイものを作る会社があるのに知られていないという事実がとても悲しいので、ここに紹介しようと思います。

※今回まとめたスタジオには3Dやインタラクティブ系の会社はあまり入れていません。主に2D系に絞っています。ご了承ください。

前回のその1はこちら。
海外のモ

もっとみる
【翻訳してみた】マテリアルデザイン -  AfterEffects モーションステッカーシート

【翻訳してみた】マテリアルデザイン -  AfterEffects モーションステッカーシート

前置き
モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をすることにしました。こちらはGoogleが発表したマテリアルデザインガイドラインからモーションステッカーシートの翻訳になります。

引用元 Google - Material Design - Motion Sticker Sheet 
Motion Sticker Sheet - Material Design

もっとみる
【解説】モーショングラフィックスのできかた11

【解説】モーショングラフィックスのできかた11

こんばんは。

RABBIT CREATIVEでモーショングラフィックスの制作を担当している藤田です。

モーショングラフィックスの解説記事、11回目です。

今回のモーショングラフィックスはこちらです。

AfterEffectsだけでも十分作れそうなモーショングラフィックスではありますが、こちらはCinema4Dを使って作っています。

AEでこれを再現する場合、長方形のシェイプレイヤーの位置

もっとみる
【解説】モーショングラフィックスのできかた15

【解説】モーショングラフィックスのできかた15

こんばんは。

RABBIT CREATIVEでモーショングラフィックスの制作を担当している藤田です。

モーショングラフィックスの解説記事、15回目です。

今回のモーショングラフィックスはこちらです。

珍しくAfterEffectsだけで作られています。

この作品は偶然生まれた表現がつまった作品です。

今回はその偶然の作り方を紹介します。

まずは普通のシェイプモーションを作ります。

もっとみる