マガジンのカバー画像

CG Magazine

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

#デザイン

【動画編集者必見】見やすいテロップの作り方11の条件【完全版】

クライアントにテロップが見にくい、と言われる。 そもそもの話、見やすいテロップの概念がよく分かってない。 何回作っても、しっくりくるテロップが作れない。 動画編集をやっている人にとっては「あるある」ではないでしょうか。 さっそくですが、見やすいテロップを作るコツは「コントラスト」を意識することです。 このコツを理解しないままテロップを作り続けたとしても、いつまでも上達しないかもしれません。 ということで、ナカドウガです。僕はテレビ番組の編集をやっています。10年以上も

CGと写真を合成する方法その3:マルチパスを使う方法

これまでコンポジットタグを使う方法とシャドウキャッチャーを使う方法を紹介しました。今回は、マルチパスレンダリングという機能を使い、CG画像を影や反射、光沢などをレイヤー分けして、それを使ってPhotoshopやAfter Effectsで合成する方法を紹介します。 マルチパスレンダリングとはマルチパスとは、CGをレンダリングして画像や映像にしたときに材質の色や影、光沢、映り込み、オブジェクトごとのマスクなどを別レイヤーにして保存することです。 下の画像を見てください。こち

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

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

海外のモーションデザインスタジオまとめ - その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のすべての機能を使えるわけではありませんでした・・・・・・ アニメーションをデザイナー

フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)

こんにちは!トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました! 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄

CG未経験なnoteクリエイター向けのCGセミナーを開催します

こんにちは、いわい(@iwai)と申します。現在、ダンボールアーティスト、ブロガー、CGクリエイターなどの肩書きで活動中です。 CGソフトは少し使えるだけでクリエイターとしての表現の幅が大きく広がります。「ソフトが高い」「難しそう」なんてイメージをもたれてそうですが、いまは随分と敷居が下がっていて、導入も簡単です。 でも何から始めてよいかわかりませんよね?というわけで、2019年11月29日(金)、東京で主にCG未経験のnoteクリエイターを対象としたCGセミナーを開催し

有料
2,000

使える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 ※動画像データもこちらから引用させていただいております。 しっかりとした情報が欲し

独学ではじめる!AfterEffectsチュートリアル10選

Fintechベンチャーで新卒1年目デザイナーとして働いています、いなげ(@17_makoto)です。 Adobeの動画作成ソフトAfter Effects(以下Ae)の使い方を学びたい、アニメーションに興味があるという方のために、初心者の自分がやって参考になったAeチュートリアルをあげていきます。 YouTubeには勉強になる動画がたくさん公開されていて、何個かやってみるとAeの使い方がわかったり、基本的なアニメーションがかけられるようになると思うので、ぜひ気になったも

After Effects でGIFアニメーション

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

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

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

Lottieはじめました

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