マガジンのカバー画像

CG Magazine

78
CGに関することなんでも
運営しているクリエイター

2019年1月の記事一覧

魂が感じられるタイポグラフィー、デザイン系インスタグラム2019

デザインの勉強したり、行き詰まっているときどんなものからインスピレーションを得たりしますか? 自分自身はゲームであったり,TumblrであったりPinterestであったり柔軟に色々な場所から探したりします。 Instagramでデザインっぽいものを見るのは、なんとなく勉強しようとか思わずに頭のどこかにこんな表現あるんだなーとかさらっとアイデアが入ってくるという点で良いと思います。 割と海外系のデザイン事務所などはINSTAGRAMで活発に実験しているのでフォローしておくと現

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

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

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

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

[AfterEffects]色がどんどん変わってくテキスト

皆さんこんにちはモグラ協会です。今回はこんな感じの表現を作ってみます 文字のフィルが階調を維持しつつ他の色調に変わっていきます。このコンポジションの中身はこんな感じ 一番下は黒背景だとつまらないので少しグリーンめの平面に楕円のマスクしてぼかしを少し入れています。ビネット効果的な感じです。でテキストレイヤーを3D化してカメラとライトを配置しています。カメラはヌルをつけて位置にwiggle()を足して少しブラしています。 色の動かし方 これはグラーデーションをかけてそれを

[AfterEffects]円が出てきて移動して消えるを考える

こんにちはモグラ協会です。今回はこんな感じの円を作る時に何が必要か考えます。 ・円の出てくる動き ・円が移動する慣性の動き ・円の影の表現 この辺りを考えていきたいと思います。 円の出てくる動きとりあえず円のシェイプは中心の位置にアンカーポイントがくる様にしましょう。CC2019からデフォで中心におけるの知ってました?これで超絶らくになりますよ。笑 で、次は動きなんですがもちろんイーズでつけていくんですが下の感じにしました。 これは位置パラメータです。両方の

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

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

40後半、フリーランスクリエイターの生き残り戦略

40代にもなると人生の終わりも見えてきます。人生100年時代にフリーランスのクリエイターはどうやって生き残っていけば良いのでしょうか。 クリエイターの歩む道を想像する私は40代前半で会社を退職し、クリエイターとして独立しました。 「クリエイター」と言っても幅が広すぎなんですが、わかりやすいところでグラフィックデザイナー、ウェブデザイナー、イラストレーター、CGデザイナー(各職種とももっと枝分かれします)などがあると思います。 職業クリエイターには、まず次のような分岐があ

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

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

Duik 15でIKを適応させた時横着すると関節がバグる問題

キャラクターをシェイプで1からAE上で全て完結させるタイプの作り方をしています。 腕は基本左右反転させるので元になる方は コントローラーとIKを適応させれば ちゃんと関節が曲がってくれるけど 反転した方はコントローラーセットしてIK適応すると コントローラーと位置がずれてうまく曲がってくれない 原因 トランスフォームのスケールを反転してしまっているとこれが起きるっぽい IK適応するとforarm、handの下位2つのスケールが100%に戻ってしまっていた 最

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

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

若きクリエイターよ掴み取れ!

毎号楽しみに購読している雑誌「CGWORLD」さんにて 学生を対象にCGコンテストを行ってます。 もうすぐ締切だけど若きクリエイター諸君!自分を試せ https://cgworld.jp/news/event/whosnext04.html CGWORLD主催の学生3DCGコンテスト「WHO'S NEXT?」の2019年第1弾(3月26日発行 CGWORLD Entry22号掲載)の作品募集が本日よりスタートです!今回も専門学校・美術大学・理工系大学の通学者をはじめ、中学・

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

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

Motionトレース/メルカリ新ロゴムービー

こんにちは、宮島(4hintaro_m)です。 今回は正月休みにやりたかったことの1つ、Motionトレースをしてみました。トレースしたものは、メルカリ新ロゴ紹介ムービー。 新ロゴリニューアルの様子をこの記事で拝見して、以前から気になっていました。ということで早速トレース。 イントロ〜モーフィング (00:00〜00:02) 円がポップアップ→アイコンのモーフィング(自然なパスアニメーション)が連続する流れ。最初に出てくるシャツのモーフィングは、実際にはシャツの裏返っ