CG Magazine

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

前置き海外にはモーションデザインを用いたカッコイイ会社がたくさんあります。しかしながら「知らない」と言われることが多く、こんなにカッコイイものを作る会社があるのに知られていないという事実がとても悲しいので、ここに紹介しようと思います。 ※今回まとめたスタジオには3Dやインタラクティブ系の会社はあまり入れていません。主に2D系に絞っています。ご了承ください。前回のその1はこちら。海外のモーションデザインスタジオまとめ - その1 1. Rudo Company1つ

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

前置き海外にはモーションデザインを用いたカッコイイ会社がたくさんあります。しかしながら「知らない」と言われることが多く、こんなにカッコイイものを作る会社があるのに知られていないという事実がとても悲しいので、ここに紹介しようと思います。その2はこちら。海外のモーションデザインスタジオまとめ - その2 ※今回まとめたスタジオには3Dやインタラクティブ系の会社はあまり入れていません。主に2D系に絞っています。ご了承ください。 2021/02 リンク切れを起こしている

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

この資料は2018/02/14の第二回iOS UI実装勉強会で発表した内容です。当時調査した内容をそのまま編集しているので情報が古い場合があります。ご了承ください。最新情報はドキュメントを参照してください。下記がドキュメントです。はじめにiOSにAfter Effectsで作ったリッチアニメーションを導入できるLottieライブラリすごい！とおもったのですが，AfterEffectsのすべての機能を使えるわけではありませんでした・・・・・・アニメーションをデザイナー

【AfterEffects】レイヤーを画面端に吹っ飛ばすスクリプト作ってみた

都内でテレビ番組エディター兼プログラマーをやっている小枝です。モーショングラフィッカーの友人から「AfterEffectsは画面の端に吸着する機能はあるけど画面の外に出して欲しいんだよね」という話を聞いて、勉強がてらスクリプト「FrameOut」を作ってみました。あと、下の方に詳細を追記していますが、行揃え時にポジションが変わるのを調整するスクリプトも追加しました。このスクリプトで出来る事こちらの動画を見てもらうのが一番なんですが、レイヤーの決まり位置からボ

500

Element3Dを使ってCMを作ってみよう！

みんさん、こんにちは！サンゼです！チャンネル登録してね！実際の制作方法はステップごとにに動画のリンクを貼っていきますので、動画でご視聴いただけると幸いです。ステップごとに細かく区切っているので、必要ない部分は飛ばして大丈夫です。今回はnoteを補足のテキストとして、また目次として活用していこうと思います！それでは早速始めていきたいと思います。まずは完成形からご覧ください！！完成映像 Element3Dで15秒のスマホCMを作ろう！今回はコチラの映像

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

今回は、Aftereffctsでモーションデザインやアニメーションをする方向けに「使えるAftereffectsプラグインまとめ」をnoteにしてみました。ちなみに2Dモーション・アニメーション向けです（2020年4月に、「KBar2」と「Labels 3」「BG Renderer MAX」を、2020年11月に「Timelord」を追加）。プラグインは星の数ほどありますが、リサーチしてだいたいの目星をつけ、買いまくりました！ AutoCrop ButtCapper（無

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

前置きモーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をすることにしました。こちらはGoogleが発表したマテリアルデザインガイドラインからモーションステッカーシートの翻訳になります。引用元 Google - Material Design - Motion Sticker Sheet Motion Sticker Sheet - Material Design ※動画像データもこちらから引用させていただいております。しっかりとした情報が欲し

[After Effects]最終Lookをいい感じにする

みなさんこんにちはモグラ協会です！コンポジションを組んだ後にちょっと雰囲気を足したいときのTipsです。あえてRGBをずらす出来上がったコンポジションを新規コンポジションに入れて３つ複製します。それぞれ複製したコンポジションにチャンネルミキサーを適用し赤、青緑だけの情報にしてください。下は赤の場合です。このときのレイヤーの合成モードはスクリーンにしています。あとは位置パラメータをちょっとずらすと色差が出てくるので少し生っぽい感じになります。お好みで調整レイヤーを上

[After Effects]最近なにかとエクスプレッションのvalue使ってます

皆さんこんにちは！AfterEffectsで処理を自動化する時にエクスプレッションを使う時によく、、、というかとりあえず使ってるなぁというもので[value]があります。今回はそのお話しです。エクスプレッション自体はそんなに詳しくはありません（日々勉強ですね）がloopOut(),wiggle(),random,if else,sin,cosとかはやっぱり使えると楽だなとよく使います。その時に例えばどこか基準になるレイヤーの位置パラメータに準ずるようにエクスプレションを組

[After Effects]カメラがオブジェクトを追いかける！

皆さんこんにちはーモグラ協会です。AEを使いたいと思ったのはカメラが目まぐるしく動くモーショングラフィックがカッコ良いと思ったからでした。で、実際やってみるとカメラレイヤー動かすと難しい、ヌルレイヤーで動かすのもセンスいるなーと挫折しかかったのを覚えています。まぁ今も動かせてると言えるか謎ですが。。。で本題なんですが、今回ある方にSureTargetというプラグインを教えていただきました。あのVideoCopilotで無料という。。。このプラグインの特徴は複数のオ

[After Effects]Optical Flaresで宇宙っぽい感じを作る

皆さんこんにちは！モーショングラフィックスやっていて宇宙作りたいなーって最初に浮かんだ管理人です。いろんな方法はあるんだと思うんですが今回は結構お手軽に宇宙？？を作る方法をシェアします。Optical Flaresのプリセットを使って簡単に作れるので応用して作ってみていただけると嬉しいです。まず「新規コンポジションに新規平面と」。もうこれはここまでできるショートカットが欲しいくらいですが。。。で平面にOptical Flaresを適用。オプションに入っていい感じのプリ

日本発モーショングラフィックス（モグラ）コミュニティを作る

昨年、台湾にモーショングラフィックスの交流に渡った時に台湾元気あるなーと思ったのと同時に日本のコミュニティってまだまだ開かれてないなーと思った。そこで日本のモーショングラフィックスクリエイターを集めて情報発信できないかと思ったわけです。モーショングラフィックスをモグラとして広げていけないかなと思うわけで大きくはこんな感じ・世代を超えたコミュニティである・どんな質問でも受け入れられるコミュニティ・基本的に愛を持った発言ができること・それぞれが聞き役でなく発信

モーションロゴができるまで

職業を聞かれて「モーショングラフィックスデザイナーです」と答えると、デザイン界隈でない方からは、高確率でぽかーんとされる。「モーショングラフィックスデザイナーってどんなの作れるの？」というのは、見てもらった方が早いと思い、モーションロゴ的なものを作ってみました。ざっくりと振り返って行きます。動画サイズPCではなく、スマートフォンやタブレットからの閲覧を想定してスクエア（1080x1080px）にしました。何故かフルHDの縦幅MAXにしましたが、1000x100px

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