CG Magazine

【HAPPY BIRTHDAY】映像コラボ制作について

Tomと申します。本業はWEB制作や広告運用・WEBマーケティングを行っており映像とはあまり関係ない仕事をしているのですが3DCG・映像制作の楽しさに目覚めてしまい夜な夜なC4Dを触ってはレンダリングをしているものです。さて、今回はヌル１さん、TETAREさんと一緒に制作しECHO映像大会2022冬に参加した映像「HAPPY BIRTHDAY」をご紹介します。きっかけ前回映画館で開催された「ECHO映像大会」でヌル1さんとお会いすることができ、お互いパパ目線で子

【Blender】アニメーションで利用するエディターのクセを知る

Blenderで、アニメーション制作時に利用するエディターは、ドープシート、タイムライン、グラフエディター、NLAエディターの４つがある。お作法が独特で、クセがある。最初は、なかなか馴染めない。今回は、つまづきやすい部分について、簡単に説明してみようと思う。＜Blender2.83.4＞関連記事は、こちら。 ■前提操作は、Blenderのお作法で進める。お作法の１つとして、ショートカットキーを多用する操作系がある。このG,S,R操作は、大抵どのエディターで

Cinema 4Dによる基本的なアニメーションの設定方法

Cinema 4Dでアニメーションを作る場合を作る基本的な操作を解説するセミナーを5月に行い、そのアーカイブを公開しました。このウェビナーでは、どのようにアニメーションを作成しているかを以下のような流れで解説しています。・アニメーション作成前の設定・キーフーレームアニメーション：PSR（移動・スケール・回転）・パラメータのアニメーション・F-カーブについて・振動タグを使って動かす・ターゲットタグを使って動かす・スプラインに沿うタグを使って動かす・自動車の

海外のモーションデザインスタジオまとめ - その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プラグインまとめ

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

After Effects でGIFアニメーション

GLITのGIFアニメーション制作での話です。（※キャラクターのデザイン：@tottie1129）今回学んだこと、大きく3点をまとめました。 1：PhotoshopとAfterEffectsの使い分け 2：秒数の表示による体験 3：AfterEffectsのGIFアニメーションの書き出し方法 ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ 1：PhotoshopとAfterEffectsの使い分け以前もGIFアニメーション制作をするために、 AfterEff

本当に気持ちの良い動きとは？アニメーションにおける大切な基礎

こんにちは。SONICJAMデザイナー森田です。みなさま、いかがお過ごしでしょうか。本日は"動き"について、アニメーションの基礎をお話ししていこうと思います。昨年、オープンソースライブラリ『Bodymovin』の登場でWebアニメーション表現の自由度が増したこともあり、AfterEffectsに手をつけ始めたデザイナーの方も多いはず。実際に弊社でも、Bodymovinを使った案件事例が増えてきています。アニメーションは、デザイナーであっても避けては通れない領域にな

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

こんにちは。ノゾエ(＠conoito)です。今回は、Lottie x Bodymovinを使って、アプリ開発におけるアニメーションの実装を劇的に簡略化してエンジニアの負担が減らそう！という話です。今まで私たちのチームでは、ネイティブアプリでアニメーションを実装する際、熟達した職人（エンジニア）による洗練された技と長い年月を費やして培われた眼力を駆使してmp4で渡した動画をコマ送りし、zeplinから書き出された素材を組み合わせて、アニメーションを作成していました。

Lottieはじめました

こんにちは、宮島（4hintaro_m）です。今回は、最近ちらほら名前を聞くようになったLottieについて、そのメリットや注意すること、できること、今後の展望などをまとめてみました。 LottieはAirbnb社が開発した、Aftereffctsで作ったモーションやアニメーションをJSONファイルに書き出して、簡単に実装できるアプリです。UIのマイクロインタラクション分野で活躍できそうです。去年から耳にしていましたが、よく理解していなかったので触っていませんでした

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

海外の2Dアニメーション・モーションデザインスタジオを紹介します。参考資料を探しにVimeoやdribble、Instagram、Behance見ていたところ、かなり詳しくなってきました。2018年現在の「海外2Dアニメーション・モーションデザインスタジオ」の様子がなんとなく見えてきたので、まとめてみようと思います。極私的なチョイスですがどうぞ。 Giant Antカナダ・バンクーバーにあるアニメーションとモーショングラフィックスに特化したクリエイティブスタジオ。そんなに大

#アニメーション