lottieが大変よろしいものだった - アナログ金木犀
仕事でかっこいいインタラクションを実装することになって、canvasでごりごり頑張るかなぁとも思ったのだけど、少し前に話題になったlottieを使ってみることにした。 結果、レベルの高いアニメーションをすこぶる簡単に1時間もかからず実装することができた。 実際に導入してみるところまで +α を説明してみる。 lottieとは 詳細は こちら から見ることができる。知らない人に三行で説明してみると After Effectsで作ったアニメーションを jsonに変換して それをそのまま読み込ませてアプリに組み込める 以上。 Android, iOS, Native Reactに対応しているみたい。 例えば下記はAfter Effectsで Lottie のサンプルを動かしているところ。 これを、jsonに変換してそのまま lottieのライブラリを入れてjsonを読み込ませるだけで下記のように
After Effectsユーザーのための、プログラミング入門 その7 スクリプト作成補佐スクリプト Property/PropertyGroupについて
スクリプト作成補佐スクリプト 或いはPropery/PropertyGroup objectについて Pen_Dacoさん主催の第２回AEスクリプト飲み会が先日行われました。 色々な業種のAE使いの方々が集まってスクリプトをネタに酒を飲むって会ですが、色々刺激がありモチベーションが上がります。毎回恒例のPen_Dacoさんの味のあるスクリプト紹介とか面白かったです(^_^)/ で、今回のテーマはスクリプト飲み会で僕が発表した「スクリプト作成補佐スクリプト」の補足説明というか AfterEffectsのProperty/PropertyGroup objectについてです。 After EffectsのProperty/PropertyGroup objectは、通常のJavaScriptのObjectのpropertyとは扱いが違うので、その説明も行います。 発表したスクリプトは以下からダ
AfterEffects(Mocha)とWEBサイト(HTML5)の連携
レコメガール 簡単に説明すると、ブラウザ上で動画の中に画像が合成されるWEBサイトです。 映像製作とは違い、ちょっと特殊な使い方だと思いますが、インタラクティブなサイトを作る際の考え方としてお役に立てれば幸いです。 概要 自動でWEB上の可変的な動画広告（デジタルサイネージ）のようなものを作成できないかと考え、動画のなかで商品やお店などがお勧めされるサイトを作りました。動画の中の女の子が、お勧めものものを紹介してくれます。 それぞれの項目で、場所や興味がある言葉などを入力することで、APIで引っ張ってきた画像や文字が動画に合成され再生されます。アニメーションから動画合成まで、HTML5、CSS3で作成しております。 ここではAfterEffects(Mocha)を使った動画と画像が合成される部分の作り方を、解説いたします。 素材準備 まずは、使用する動画を用意します。 カメラは Panas
AfterEffectsのプロキシについて Part.1 - hiroshisaito.net blog
AfterEffectsのproxy(プロキシ)用のスクリプトを作成中なのですが、事前にAEのプロキシについて説明することにしました。なぜこのようなエントリを書き始めたかというと、結構周囲に「After Effectsでプロキシを使ったことがない」という人が多かったんです。中には「それなに？」って人もいましたし。 実際に私もあまり積極的には使用していませんでしたので、偉そうにこういうエントリ書くのも気が退けますが。なにせAfterEffectsのプロキシはお世辞にも使い易いとは言えないのです。積極的に使用している人がそれほど多くないために現場でも目にする機会が少ないのではないかと思います。恐らく使い始める動機としては、大きなサイズのフッテージを扱う上で著しいパフォーマンス低下やメモリ不足に起因するエラーが起こって初めて使用するという感じなのではないでしょうか？
AfterEffectsで水中を突き進むような演出（ソースファイル付き） ｜ blog.ks-product.com
ニコ動アカウントが無い方はこちらからどうぞ。 この動画は以前制作した REEL MONTAGE 2009 のラスト部分を必要な部分だけ抜き出したものです。 基本ロジックは AEP PROJECT のyama_koさんのチュートリアルそのものなんですが、Trapcode Particular を使用したバージョンということで簡単に説明します。 ポイントがいくつかありますのでざっくり紹介します。 ヌルレイヤー（3D）をパーティクルの発生点として利用 上記ヌルレイヤーはwiggleでランダムに動くようにする。 Particular -> Physics -> Air -> Wind Z パラメータをマイナス値を指定。これによってパーティクルが後方に流れて、前進しているように錯覚します。 これだけだと動きにメリハリが無いのでカメラを適当に動かします。ヌルレイヤーはある一点を中心にwiggleでラ
「これだけは持っておきたい10のプラグイン (After Effects編)」 | StudioEasy -動画制作工房-
AfterEffectsに興味を持たれた方より良く質問される項目に 「プラグインはどんなものがオススメですか?」 との質問があります。 正しい解答は 「プラグインなんて手を出すのは1年早いっ!!」です。(笑 プラグインは確かに便利なものですが、コレに頼り過ぎる事は上達の妨げになる事は昔から言われている様です。 (私も経験上確かにそう思います。) まずはAEの標準機能だけで何が出来るのかを知り尽くした上で、限界を感じた時に初めてプラグインの導入を検討するのがベターかと思います。 さて、 ではいざプラグインの導入を検討した時に、数多く存在するプラグインソフトの中からどれを選んだら良いか?? これは結構悩む人も多いのではないかと思います。 大変高価な買い物ですので絶対に地雷は踏みたくないですからね。(笑 ところがネット上を検索してみても意外とそういう情報は少ない。 という事で昨晩、本職1名を含む
僕がAEスクリプトの勉強に使ったサイト8選+ | Terraon Lifestream
正のフィードバックをわずかでも加速させたい。 これからスクリプトを勉強したい人たちの為のサイト集@僕verです。 AEP Project http://ae-users.com/jp/ 日本最大のAEのユーザーによるコミュニティ。 スクリプトタグには有益なリファレンス／チュートリアルが満載。 Twitter http://twitter.com/AEUSERS AfterEffectsScripts http://aescripts.com/ 元々凄かったけど、最近の大掛かりなリニューアルで AE界隈ではぶっちぎりのアテンションの高いサイトに。 海外のスクリプトフリークの為の、たぶん、聖地。 bry-ful’s Homepage http://bry-ful.ddo.jp/BRY/ スクリプトを公開されています。 AEプラグインf’s pluginもこちらで公開されてます。 アニメライズさ
Adobe Edge: 2009年8月 ポエ山さんに聞く、Flash+After Effectsの魅力とテクニック
「Flash+After Effects」シリーズ第2弾として、今回はFlashクリエイター・ポエ山さんのインタビューをお届けします。ポエ山さんは、ネットで初めて流行したFlashアニメーションと言っても過言ではない「ゴノレゴ」や「quino」などのオリジナル作品をはじめ、大手企業サイトのプロモーションムービー、ゲーム内のムービー、人気コミックのFlashアニメDVDなど幅広く手掛けています。ポエ山さんによると、最近、Flashアニメーション作成にAfter Effectsを本格的に利用するようになったそうです。そこで、After Effectsと連携させる魅力、最新作である初音ミクの楽曲PV「LOL ~lots of laugh~」で使われている連携テクニックなどについて話を伺いました。 Edge：Flashアニメーションを作成する際に、どのようにAfter Effectsを利用されて
Fractal Lab
History Fractal Lab started around the beginning of 2011 as my first explorations rendering fractals in the browser with WebGL. Previously I had created renderers using Adobe PixelBender and QuartzComposer, which both had the advantage of easy integration into Photoshop and AfterEffects but were very limited when it came to interactively exploring the fractal space. Fractals are by nature highly d
AfterEffectsをスクリプトで制御(1) - ESTKから制御する -
【注意】ここでは特に断り書きがない場合、MacOS X版のAfterEffects CS4をベースにしています（スクリプトの動作環境はMacOS X Leopard (10.5) でのみ行っています。Windows版ではスクリプトの動作やファイルパスの指定が異なる場合があります）。 掲載している多くのスクリプトはCS4だけでなくCS3や7.0でも動作すると思うので旧バージョンの方も試してみてください。 ——————————————————————————————————————— AfterEffectsはESTK (Extend Script ToolKit) からJavaScript（スクリプト言語）を使って制御することができます。 CS3はESTK2、CS4はESTK CS4を使います。MacOS Xの場合はアプリケーション＞ユーティリティ＞Adobeユーティリティの中に入っています
ＣＧコラム ～ 林田宏之ウェブサイト
テクニックとは ＣＧをやっていれば、「どうすれば本物っぽっく見えるか」というテクニックに興味がわくと思います。 しかし単にテクニックだけを教わっても、その人にそれほどの進歩はありません。 テクニックそのものよりも、なぜそのテクニックが生まれたかを知らなければなりません。 例えば下のような１枚の写真を使って、走っている電車の車窓から見た風景を作れと言われたらどうしますか？ 方法としてまず最初に思い浮かぶのは、この写真を左右に動かすことでしょう。下のムービーはその方法で作ったものです。 風景ムービー１（QuickTime 726kb） まあ、こうすれば、一応動く風景はできるわけです。でも結局は１枚の写真を横にスライドさせているだけなので、 奥行き感は全然ありません。２Ｄだから当然ですよね。では奥行き感を持たせるには、 やはり３ＤのＣＧソフトを使わなければならないのか？ 下のムービーは、同じ写
After Effects Style｜リンク｜初心者からはじめるAfter Effectsの使い方
Adobe公式サイト アドビ システムズhttp://www.adobe.com/jp/ After Effectsの販売元です。 After Effects Design Centerhttp://www.adobe.com/cfusion/designcenter/search.cfm?product=After+Effects&loc=ja&go=Go AdobeによるAfter Effectsのチュートリアル。 After Effectsヘルプ＆サポートhttp://www.adobe.com/jp/support/aftereffects/ After Effectsのビデオチュートリアルや、トラブルシューティングが載っています。 チュートリアルサイト ayato@webhttp://www.ayatoweb.com/ 数多くのAfter Effects Tipsを掲載しているサ
40+ Adobe After Effects Best of Tutorials & Resources - noupe
For months, we have been bookmarking interesting, useful and creative Adobe After Effects tutorials and Resources, so you can now rest assured that you will have the necessary tools to get the job done. Whether you want to learn how to create vibrant motion graphics, breathtaking special effects or cinematic footage, today we got it all. In this post, we want to showcase some of the best After Eff
チームあおぞら式 AE 講座！
※ この頁は、OS X 10.3 / Power Mac G5 / AE 6.0 という環境を基準にレポートしています。 またページチェックは Safari にて行っています。 AE のProfessional は導入されていないため、そちらについては言及できません。 むしろそちらは誰か書いてくれないかな〜という気分(^-^; Logic は Express 。Proじゃないところが惜しいですが、実際不満は感じません。(^_^ 更新 : 05-02/20 SoundTrackとAEの記事を追加。 05-02/23 レンダリングと平面レイヤ を追加。 05-02/25 調整レイヤ を追加。 05-03/03 グラデーションとトラックマット を追加。 05-03/11 Logic のキソ を追加。 05-03/12 『グラデーション、トラックマット』と『調整レイヤ』を改稿。画像載せ過ぎ
OLM Smoother
OLM Smootherは、アニメ特有のスムージング処理を行うAfter Effects用スムージングプラグインです。 08年10月末より、OLM Smootherをご希望の方に提供する予定です。配布に関する詳細情報は、こちらです。 プラグイン名称OLM Smoother Ver.1.04 機能After Effectsでアニメ特有のスムージング処理を行います。 8ビット/16ビットカラーモード対応 グラデーション対応 カラーキー対応 対応バージョンWindows版After Effects 6.5,7.0/CS3Mac版(MacOSX 10.4以降)After Effects 7.0/CS3 サンプル OLM Smoother バージョン1.04をリリースしました。V1.04の変更点は下記の通りです。 バージョン1.04の変更点 αチャンネルに対してスムースできないバグを修正しました
バカ・アフター ＡＥで音楽
オーディオ系の描画エフェクトをモザイクとグリッドでドットにして３Ｄ空間に配置。 AE上で曲を作っているので、パート毎に波形を参照できる。 (曲制作：ibaraki san OHASHI WEB SITE) YouTube aep (CS5.5 4.7MB)
Welcome colinbraley.com - BlueHost.com
Bluehost - Top rated web hosting provider - Free 1 click installs For blogs, shopping carts, and more. Get a free domain name, real NON-outsourced 24/7 support, and superior speed. web hosting provider php hosting cheap web hosting, Web hosting, domain names, front page hosting, email hosting. We offer affordable hosting, web hosting provider business web hosting, ecommerce hosting, unix hosting.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AEP Project
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
Adobe - Design Center 細かいディティールのマスクを作る