<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Vilvo Designworks * Stublog &#187; aftereffects</title>
	<atom:link href="http://vilvo.net/blog/tag/aftereffects/feed/" rel="self" type="application/rss+xml" />
	<link>http://vilvo.net/blog</link>
	<description>Be COLORFUL, not monochrome.</description>
	<lastBuildDate>Sat, 24 Mar 2012 22:15:46 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>10+ After Effects users to follow on Twitter.</title>
		<link>http://vilvo.net/blog/2009/02/10-after-effects-user-to-follow-on-twitter/</link>
		<comments>http://vilvo.net/blog/2009/02/10-after-effects-user-to-follow-on-twitter/#comments</comments>
		<pubDate>Fri, 27 Feb 2009 12:26:36 +0000</pubDate>
		<dc:creator>llcheesell</dc:creator>
				<category><![CDATA[After Effects]]></category>
		<category><![CDATA[aftereffects]]></category>

		<guid isPermaLink="false">http://vilvo.net/blog/?p=66</guid>
		<description><![CDATA[I&#8217;ve started tweeting on twitter a month ago and been feeling twitter nice. Here are some recommended persons relating to After Effects and VFX. Follow them and get some hot information on twitter! Jeff Almasol (Redefinery) Quality Engineer on the Adobe After Effects team. He wrote and published a lot of nice scripts. Adobe After [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve started tweeting on twitter a month ago and been feeling twitter  nice.<br />
Here are some recommended persons relating to After Effects and VFX.<br />
Follow them and get some hot information on twitter!</p>
<ul>
<li><strong>Jeff Almasol (Redefinery)<br />
</strong></li>
</ul>
<p style="padding-left: 60px;">Quality Engineer on the Adobe After Effects team. He wrote and published a lot of nice scripts.<br />
Adobe After Effectsチームの人で、個人サイトではスクリプトをガンガン書いて公開してる。<br />
<a href="http://twitter.com/redefinery" target="_blank">http://twitter.com/redefinery<br />
</a></p>
<ul>
<li><strong>Lloyd Alvarez (aescripts)<br />
</strong></li>
</ul>
<p style="padding-left: 60px;">Freelance After Effects artist. He is also great scripter.<br />
AE使いのアーティスト、彼もスクリプトに詳しく自分のサイトで素敵なスクリプトを公開してる。<br />
<a href="http://twitter.com/aescripts" target="_blank">http://twitter.com/aescripts</a></p>
<ul>
<li>
<p class="thumb clearfix"><strong><span class="fn">John Dickinson</span></strong></p>
</li>
</ul>
<p style="padding-left: 60px;"><span class="bio">Motion Graphic Designer and After Effects Trainer.<br />
He&#8217;s hosting <a href="http://www.motionworks.com.au/" target="_blank">Motionworks</a>.<br />
</span><a href="http://twitter.com/motionworks" target="_blank">http://twitter.com/motionworks</a></p>
<ul>
<li><strong>Jerzy Drozda Jr (aka Maltaannon)</strong></li>
</ul>
<p style="padding-left: 60px;">Multimedia, motion graphics and VFX artist.<br />
He contribute some of nice tips and resources to his blog and create some products (custom effects etc) for After Effects.<br />
<a href="http://twitter.com/maltaannon" target="_blank">http://twitter.com/maltaannon</a></p>
<div id="nameplate">
<ul>
<li><strong><span><span>Michael</span> <span>Coleman</span></span></strong></li>
</ul>
</div>
<p style="padding-left: 60px;">Product Manager, Adobe After Effects              at             Adobe Systems, Inc.<br />
His blog <a href="http://blogs.adobe.com/keyframes/">Keyframes</a><a href="http://twitter.com/motiongfx" target="_blank"></p>
<p>http://twitter.com/motiongfx</a></p>
<ul>
<li><strong>Andrew Kramer (Video Copilot)</strong></li>
</ul>
<p style="padding-left: 60px;">Video Copilot is the best website for high quality tutorials and products.<br />
Andrew Kramer who is a so talented motion designer the site is hosted by.<a href="http://twitter.com/videocopilot" target="_blank"></p>
<p>http://twitter.com/videocopilot</a></p>
<ul>
<li><strong>AETUTS+</strong></li>
</ul>
<p style="padding-left: 60px;">AETUTS+, the biggest After Effects tutorial site on the web.<br />
He tweets new tutorials and many useful information.<br />
<a href="http://twitter.com/AETUTS" target="_blank">http://twitter.com/AETUTS</a></p>
<ul>
<li><strong>Red Giant Software<br />
</strong></li>
</ul>
<p style="padding-left: 60px;">Red Giant, the most famous plugin production company.<br />
<a href="http://twitter.com/RedGianttweet">http://twitter.com/RedGianttweet</a></p>
<ul>
<li><strong>Eric Alba</strong></li>
</ul>
<p style="padding-left: 60px;">Visual Effects Supervisor. Tweets many inspirational things.<br />
<a href="http://twitter.com/alba" target="_blank">http://twitter.com/alba</a></p>
<ul>
<li><strong>Justin cone</strong></li>
</ul>
<p style="padding-left: 60px;">Motion graphics creator.  He contributed Motiongrapher.com<br />
<a href="http://twitter.com/justincone" target="_blank">http://twitter.com/justincone</a></p>
<ul>
<li><strong>pixelbender</strong></li>
</ul>
<p style="padding-left: 60px;">Official pixelbender user on twitter.<br />
PixelBenderの質問にも答えてくれるよ！<br />
<a href="http://twitter.com/pixelbender" target="_blank">http://twitter.com/pixelbender</a></p>
<ul>
<li><strong>Nick Campbell and greyscalegorilla</strong></li>
</ul>
<p style="padding-left: 60px;">He is a cool motion/graphic designer. Very cool.<br />
<a href="http://twitter.com/nickvegas" target="_blank">http://twitter.com/nickvegas</a></p>
<ul>
<li><strong><span class="fn">Jim Geduldick</span></strong></li>
</ul>
<p style="padding-left: 60px;">finalcutuser.com<br />
<a href="http://twitter.com/Filmbot" target="_blank">http://twitter.com/Filmbot</a></p>
<ul>
<li><strong><span class="fn">Alan Lorence</span></strong></li>
</ul>
<p style="padding-left: 60px;"><span class="fn">Great particle generator &#8220;ParicleIllusion&#8221; creator.<br />
<a href="http://twitter.com/wondertouch" target="_blank">http://twitter.com/wondertouch</a></span></p>
<ul>
<li><strong><span class="fn">Peder Norrby</span></strong></li>
</ul>
<p style="padding-left: 60px;">The Founder of Trapcode.<br />
<a href="http://twitter.com/rymden">http://twitter.com/rymden</a></p>
<p style="padding-left: 30px;">
<p style="padding-left: 30px;">■おまけ</p>
<ul>
<li><strong>Fabio Sasso</strong></li>
</ul>
<p style="padding-left: 60px;">Non Afer Effects user but I respect him as a designer.<br />
AE使いじゃないけど好きなデザイナーさん<br />
<a href="http://twitter.com/abduzeedo" target="_blank">http://twitter.com/abduzeedo</a></p>
<div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://vilvo.net/blog/2009/02/10-after-effects-user-to-follow-on-twitter/&via=vilvo&text=10+ After Effects users to follow on Twitter.&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://vilvo.net/blog/2009/02/10-after-effects-user-to-follow-on-twitter/&via=vilvo&text=10+ After Effects users to follow on Twitter.&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>]]></content:encoded>
			<wfw:commentRss>http://vilvo.net/blog/2009/02/10-after-effects-user-to-follow-on-twitter/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>カメラのフォーカスを常に指定のレイヤーに合わせるExpression</title>
		<link>http://vilvo.net/blog/2009/02/camera-auto-focus-expression/</link>
		<comments>http://vilvo.net/blog/2009/02/camera-auto-focus-expression/#comments</comments>
		<pubDate>Thu, 05 Feb 2009 09:05:33 +0000</pubDate>
		<dc:creator>llcheesell</dc:creator>
				<category><![CDATA[After Effects]]></category>
		<category><![CDATA[aftereffects]]></category>
		<category><![CDATA[expression]]></category>

		<guid isPermaLink="false">http://vilvo.net/blog/?p=44</guid>
		<description><![CDATA[カメラの被写界深度をオンにして動かしたりするとき、うまくフォーカスを合わせるのが面倒だったりしますね。 また、動作自体も重いので数コマずつ進めながら数値を直していくのも非常に面倒です。 そこで、フォーカス距離を指定のヌルレイヤーなどに自動的に合わせる（オートフォーカス）エクスプレッションを書こうと思ったのですが、ヘルプにありました。 Adobe After Effects CS4 * 例：カメラのフォーカルプレーンを別のレイヤーに一致させる これを使えば解決、で終わりなんですがそれじゃあんまりなのでちょっとこのエクスプレッションについて調べてみました。 ・・と思ったらこのエクスプレッションの解説まであったので、これをほとんどそのままですが見てみることにします。。 Dan Ebberts&#8217;s Expressioneering Design Guide まず最初のアプローチですが、lenghを使ってターゲットレイヤからカメラ原点までの距離を出してそのままフォーカス距離の値に代入するというもの。 target = thisComp.layer("target"); length(target.toWorld(target.anchorPoint) - toWorld([0,0,0])); 1行目はスクリプト簡略化のためターゲットレイヤを代入しているだけ。 toWorldはレイヤー上の値をコンポ3D空間のグローバルな値に変換するものです。 一つ前の記事で、3D空間にあるオブジェクトをコンポ上で見える位置に変換するのにtoCompを使いましたが、その逆がtoWorldになります。詳しくはこちら この段階でほぼ問題はないのですが、フォーカスが当たるのは単純にカメラからの距離（つまり曲面）ではなく、カメラから平行な面になるため 以下のようにターゲットレイヤがカメラの正面からずれている場合、フォーカスの距離にもズレが生じます。 そこでこのズレを直すため、三角法を使います。 さいわいAEのエクスプレッションではdot()関数でベクトルを扱うことが出来ますので、 ①カメラからターゲットレイヤまでのベクトル ②カメラのZ軸に伸びる単位ベクトル このふたつのベクトルの標準内積から①のZ軸方向の長さを求め、これをフォーカス距離に設定することで常にターゲットレイヤにフォーカスが当たるようになります。 target = thisComp.layer("target"); V1 = target.toWorld(target.anchorPoint) - toWorld([0,0,0]); V2 = toWorldVec([0,0,1]); dot(V1,V2); //1行目"target"の中にはターゲットに指定したいレイヤー名を入力 サンプルで作ってみた動画はこちら この値をwiggleで振ったりしても面白い映像が作れるかもしれませんね。 TweetTweet]]></description>
			<content:encoded><![CDATA[<p>カメラの被写界深度をオンにして動かしたりするとき、うまくフォーカスを合わせるのが面倒だったりしますね。<br />
また、動作自体も重いので数コマずつ進めながら数値を直していくのも非常に面倒です。</p>
<p>そこで、フォーカス距離を指定のヌルレイヤーなどに自動的に合わせる（オートフォーカス）エクスプレッションを書こうと思ったのですが、ヘルプにありました。<a href="http://help.adobe.com/ja_JP/AfterEffects/9.0/WS462B02B2-94DF-4e21-BD03-4DADC829B47Fa.html"></a></p>
<p><a href="http://help.adobe.com/ja_JP/AfterEffects/9.0/WS462B02B2-94DF-4e21-BD03-4DADC829B47Fa.html" target="_blank">Adobe After Effects CS4 * 例：カメラのフォーカルプレーンを別のレイヤーに一致させる</a></p>
<p>これを使えば解決、で終わりなんですがそれじゃあんまりなのでちょっとこのエクスプレッションについて調べてみました。</p>
<p>・・と思ったらこのエクスプレッションの解説まであったので、これをほとんどそのままですが見てみることにします。。</p>
<p><a href="http://www.motionscript.com/design-guide/auto-focus.html" target="_blank">Dan Ebberts&#8217;s Expressioneering Design Guide</a></p>
<p>まず最初のアプローチですが、lenghを使ってターゲットレイヤからカメラ原点までの距離を出してそのままフォーカス距離の値に代入するというもの。</p>
<p><code>target = thisComp.layer("target");<br />
length(target.toWorld(target.anchorPoint) - toWorld([0,0,0]));</code></p>
<p>1行目はスクリプト簡略化のためターゲットレイヤを代入しているだけ。<br />
toWorldはレイヤー上の値をコンポ3D空間のグローバルな値に変換するものです。<br />
一つ前の記事で、3D空間にあるオブジェクトをコンポ上で見える位置に変換するのにtoCompを使いましたが、その逆がtoWorldになります。<a href="http://help.adobe.com/ja_JP/AfterEffects/9.0/WS3878526689cb91655866c1103906c6dea-79fda.html" target="_blank">詳しくはこちら</a></p>
<p>この段階でほぼ問題はないのですが、フォーカスが当たるのは単純にカメラからの距離（つまり曲面）ではなく、カメラから平行な面になるため<br />
以下のようにターゲットレイヤがカメラの正面からずれている場合、フォーカスの距離にもズレが生じます。</p>
<p><img class="aligncenter size-full wp-image-45" title="dof_pic01" src="http://vilvo.net/blog/wp-content/uploads/2009/02/dof_pic01.png" alt="dof_pic01" width="635" height="354" /></p>
<p>そこでこのズレを直すため、三角法を使います。<br />
さいわいAEのエクスプレッションではdot()関数でベクトルを扱うことが出来ますので、</p>
<p>①カメラからターゲットレイヤまでのベクトル<br />
②カメラのZ軸に伸びる単位ベクトル</p>
<p>このふたつのベクトルの標準内積から①のZ軸方向の長さを求め、これをフォーカス距離に設定することで常にターゲットレイヤにフォーカスが当たるようになります。</p>
<p><code>target = thisComp.layer("target");<br />
V1 = target.toWorld(target.anchorPoint) - toWorld([0,0,0]);<br />
V2 = toWorldVec([0,0,1]);<br />
dot(V1,V2);<br />
//1行目"target"の中にはターゲットに指定したいレイヤー名を入力</code></p>
<p>サンプルで作ってみた<a href="http://www.youtube.com/watch?v=iX_aZeR0ygc&#038;fmt=22" rel="shadowbox[sbpost-44];player=swf;width=640;height=385;" target="_blank">動画はこちら</a><br />
<object width="635" height="354" data="http://www.youtube.com/v/iX_aZeR0ygc&#038;fs=1&amp;fmt=22" type="application/x-shockwave-flash"><param name="src" value="http://www.youtube.com/v/iX_aZeR0ygc&#038;fs=1&#038;fmt=22" /><param name="allowfullscreen" value="true" /></object></p>
<p>この値をwiggleで振ったりしても面白い映像が作れるかもしれませんね。</p>
<div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://vilvo.net/blog/2009/02/camera-auto-focus-expression/&via=vilvo&text=カメラのフォーカスを常に指定のレイヤーに合わせるExpression&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://vilvo.net/blog/2009/02/camera-auto-focus-expression/&via=vilvo&text=カメラのフォーカスを常に指定のレイヤーに合わせるExpression&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>]]></content:encoded>
			<wfw:commentRss>http://vilvo.net/blog/2009/02/camera-auto-focus-expression/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>AEで3D空間にレンズフレアを乗せてカメラと連動させたい時</title>
		<link>http://vilvo.net/blog/2009/01/lens-flare-in-after-effects-3d/</link>
		<comments>http://vilvo.net/blog/2009/01/lens-flare-in-after-effects-3d/#comments</comments>
		<pubDate>Sun, 18 Jan 2009 17:50:12 +0000</pubDate>
		<dc:creator>llcheesell</dc:creator>
				<category><![CDATA[After Effects]]></category>
		<category><![CDATA[aftereffects]]></category>
		<category><![CDATA[expression]]></category>

		<guid isPermaLink="false">http://vilvo.net/blog/?p=27</guid>
		<description><![CDATA[AEで作った3D空間にレンズフレアを乗せてうまくカメラと連動させたい時、レンズフレアの中心点は3次元上に配置できないのでそのままではうまくいきませんね。 ので、太陽を置きたいところに3D化したヌルオブジェクトを配置し、レンズフレアの中心点をエクスプレッションで thisComp.layer("ヌルオブジェクトの名前").toComp([0,0,0]); としてやります。 するとコンポジション上で3Dヌルオブジェクトが表示された位置にレンズフレアの中心点が来るようになるので、うまくカメラと連動してくれるようになりました。ワーイ サンプルaepファイルをAEP Projectにアップロードしましたのでご覧になりたい方はダウンロードしてみてください。 &#60;&#60;aep File Download&#62;&#62; (Windows Live ID required) TweetTweet]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">AEで作った3D空間にレンズフレアを乗せてうまくカメラと連動させたい時、レンズフレアの中心点は3次元上に配置できないのでそのままではうまくいきませんね。</p>
<p style="text-align: left;">ので、太陽を置きたいところに3D化したヌルオブジェクトを配置し、レンズフレアの中心点をエクスプレッションで</p>
<p><code>thisComp.layer("ヌルオブジェクトの名前").toComp([0,0,0]);</code></p>
<p style="text-align: left;">としてやります。</p>
<div id="attachment_28" class="wp-caption aligncenter" style="width: 530px"><a href="http://vilvo.net/blog/wp-content/uploads/2009/01/lensexpression.png" rel="shadowbox[sbpost-27];player=img;"><img class="size-full wp-image-28" title="lensexpression" src="http://vilvo.net/blog/wp-content/uploads/2009/01/lensexpression.png" alt="lensexpression" width="520" height="83" /></a><p class="wp-caption-text">クリックで拡大</p></div>
<p style="text-align: left;">するとコンポジション上で3Dヌルオブジェクトが表示された位置にレンズフレアの中心点が来るようになるので、うまくカメラと連動してくれるようになりました。ワーイ</p>
<div id="attachment_29" class="wp-caption aligncenter" style="width: 310px"><a href="http://vilvo.net/blog/wp-content/uploads/2009/01/lensexpression2.png" rel="shadowbox[sbpost-27];player=img;"><img class="size-medium wp-image-29" title="lensexpression2" src="http://vilvo.net/blog/wp-content/uploads/2009/01/lensexpression2-300x168.png" alt="lensexpression2" width="300" height="168" /></a><p class="wp-caption-text">クリックで拡大</p></div>
<p>サンプルaepファイルをAEP Projectにアップロードしましたのでご覧になりたい方はダウンロードしてみてください。</p>
<p style="text-align: center;"><a href="https://cid-0009136e30a0de49.groups.skydrive.live.com/self.aspx/llcheesell/CS3/starfield/3DLensFlare.aep">&lt;&lt;aep File Download&gt;&gt;</a><br />
(Windows Live ID required)</p>
<p style="text-align: center;">
<div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://vilvo.net/blog/2009/01/lens-flare-in-after-effects-3d/&via=vilvo&text=AEで3D空間にレンズフレアを乗せてカメラと連動させたい時&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://vilvo.net/blog/2009/01/lens-flare-in-after-effects-3d/&via=vilvo&text=AEで3D空間にレンズフレアを乗せてカメラと連動させたい時&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>]]></content:encoded>
			<wfw:commentRss>http://vilvo.net/blog/2009/01/lens-flare-in-after-effects-3d/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>エッシャー風にどこまでも絵が続く「ドロステ効果」をPixelBenderとAfterEffectsで試す</title>
		<link>http://vilvo.net/blog/2008/12/droste-effect/</link>
		<comments>http://vilvo.net/blog/2008/12/droste-effect/#comments</comments>
		<pubDate>Sat, 20 Dec 2008 15:23:16 +0000</pubDate>
		<dc:creator>llcheesell</dc:creator>
				<category><![CDATA[After Effects]]></category>
		<category><![CDATA[aftereffects]]></category>
		<category><![CDATA[effects]]></category>
		<category><![CDATA[pixelbender]]></category>

		<guid isPermaLink="false">http://vilvo.net/blog/?p=11</guid>
		<description><![CDATA[picture in picture in picture&#8230; Pixel Benderというのは画像に効果をかけるカスタムフィルタを作成するためのプログラミング言語で、内部的にはAfter Effects CS3以降で採用、CS4からはネイティブで対応。他にもPhotoshopやFlashなどで利用できます。 ※追記：CS3ではpbkファイルを使ってユーザーが自由にフィルタを追加することはできません。以下はCS4での説明になります。 そして、Pixel Benderで作成したカスタムフィルタはpbkファイルとして保存できます。 カスタムフィルタの作成はPixel Bender Toolkitで可能です。CS4のインストーラーからインストールできますが。Toolkit単体はAdobe Labsからもダウンロード出来ます。 http://labs.adobe.com/technologies/pixelbender/ 今回はAE CS4と以下のサイトで公開されているpbkファイルを使用してエッシャー風にどこまでも絵が続く「ドロステ効果」をかけてみたいと思います。 Escher&#8217;s Droste Effect • subblue ダウンロードリンクからファイルをダウンロードし、解凍すると「Droste.pbk」ファイルがありますので、これをAfter effectsのplug-inフォルダに入れます。 自分はサンプル画像ごと、Effects/PixelBender/DrosteEfectFilterにコピーしました。 AEを起動するとエフェクトリストにPixelBenderが追加されていると思いますので、サンプルで入っていた花の画像をステージに配置したあと、（ステージサイズで）プリコンポーズしたものにこのエフェクトを適用します。 エフェクトのサイズと、中心点がずれているのでそれぞれsize:X size:Yをコンポジションサイズに、 cenerShif:X centerShift:Yを調整して以下のように綺麗に続くようにします。(zoomをあげて調整するとやりやすいかも) あとは設定項目をキーフレームアニメーションさせたりして動かしたりして楽しんでくださいｗ なお、この花の画像の場合enableTransparencyOutを1(enable)にするとうまく透過して以下のように綺麗になったり、 enablePoleを1にするとこのように対象の形になったりします。 このフィルタ一つでも結構いろいろ遊べそうですね－。アブストラクトな映像にも使えそう。 PixelBenderすごい。 TweetTweet]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-12" title="droste" src="http://vilvo.net/blog/wp-content/uploads/2008/12/droste.png" alt="droste" width="650" height="227" />picture in picture in picture&#8230;</p>
<p>Pixel Benderというのは画像に効果をかけるカスタムフィルタを作成するためのプログラミング言語で、内部的にはAfter Effects CS3以降で採用、CS4からはネイティブで対応。他にもPhotoshopやFlashなどで利用できます。<br />
<span style="color: #800000;">※追記：CS3ではpbkファイルを使ってユーザーが自由にフィルタを追加することはできません。以下はCS4での説明になります。</span></p>
<p>そして、Pixel Benderで作成したカスタムフィルタはpbkファイルとして保存できます。</p>
<p>カスタムフィルタの作成はPixel Bender Toolkitで可能です。CS4のインストーラーからインストールできますが。Toolkit単体はAdobe Labsからもダウンロード出来ます。</p>
<p>http://labs.adobe.com/technologies/pixelbender/</p>
<p>今回はAE CS4と以下のサイトで公開されているpbkファイルを使用してエッシャー風にどこまでも絵が続く「ドロステ効果」をかけてみたいと思います。</p>
<p><a href="http://www.subblue.com/projects/droste">Escher&#8217;s Droste Effect • subblue</a><br />
ダウンロードリンクからファイルをダウンロードし、解凍すると「Droste.pbk」ファイルがありますので、これをAfter effectsのplug-inフォルダに入れます。</p>
<p>自分はサンプル画像ごと、Effects/PixelBender/DrosteEfectFilterにコピーしました。</p>
<p>AEを起動するとエフェクトリストにPixelBenderが追加されていると思いますので、サンプルで入っていた花の画像をステージに配置したあと、（ステージサイズで）プリコンポーズしたものにこのエフェクトを適用します。</p>
<p><img class="alignnone size-full wp-image-16" title="droste011" src="http://vilvo.net/blog/wp-content/uploads/2008/12/droste011.png" alt="droste011" width="653" height="373" /></p>
<p>エフェクトのサイズと、中心点がずれているのでそれぞれsize:X size:Yをコンポジションサイズに、<br />
cenerShif:X centerShift:Yを調整して以下のように綺麗に続くようにします。(zoomをあげて調整するとやりやすいかも)</p>
<p><img class="alignnone size-full wp-image-18" title="droste02" src="http://vilvo.net/blog/wp-content/uploads/2008/12/droste02.png" alt="droste02" width="651" height="371" /></p>
<p>あとは設定項目をキーフレームアニメーションさせたりして動かしたりして楽しんでくださいｗ</p>
<p>なお、この花の画像の場合enableTransparencyOutを1(enable)にするとうまく透過して以下のように綺麗になったり、</p>
<p><img class="alignnone size-full wp-image-19" title="droste03" src="http://vilvo.net/blog/wp-content/uploads/2008/12/droste03.png" alt="droste03" width="651" height="371" /></p>
<p>enablePoleを1にするとこのように対象の形になったりします。</p>
<p><img class="alignnone size-full wp-image-25" title="droste04" src="http://vilvo.net/blog/wp-content/uploads/2008/12/droste04.png" alt="droste04" width="652" height="373" /></p>
<p>このフィルタ一つでも結構いろいろ遊べそうですね－。アブストラクトな映像にも使えそう。</p>
<p>PixelBenderすごい。</p>
<div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://vilvo.net/blog/2008/12/droste-effect/&via=vilvo&text=エッシャー風にどこまでも絵が続く「ドロステ効果」をPixelBenderとAfterEffectsで試す&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://vilvo.net/blog/2008/12/droste-effect/&via=vilvo&text=エッシャー風にどこまでも絵が続く「ドロステ効果」をPixelBenderとAfterEffectsで試す&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>]]></content:encoded>
			<wfw:commentRss>http://vilvo.net/blog/2008/12/droste-effect/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>バックグラウンドレンダリングを実現するScript UI Panels</title>
		<link>http://vilvo.net/blog/2008/08/%e3%83%90%e3%83%83%e3%82%af%e3%82%b0%e3%83%a9%e3%82%a6%e3%83%b3%e3%83%89%e3%83%ac%e3%83%b3%e3%83%80%e3%83%aa%e3%83%b3%e3%82%b0%e3%82%92%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8bscript-ui-panels/</link>
		<comments>http://vilvo.net/blog/2008/08/%e3%83%90%e3%83%83%e3%82%af%e3%82%b0%e3%83%a9%e3%82%a6%e3%83%b3%e3%83%89%e3%83%ac%e3%83%b3%e3%83%80%e3%83%aa%e3%83%b3%e3%82%b0%e3%82%92%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8bscript-ui-panels/#comments</comments>
		<pubDate>Mon, 11 Aug 2008 07:23:13 +0000</pubDate>
		<dc:creator>llcheesell</dc:creator>
				<category><![CDATA[After Effects]]></category>
		<category><![CDATA[plugins/scripts]]></category>
		<category><![CDATA[aftereffects]]></category>
		<category><![CDATA[scripts]]></category>

		<guid isPermaLink="false">http://vilvo.net/blog/?p=4</guid>
		<description><![CDATA[AfterEffectsはデフォルトの状態ではレンダリング中に他の操作はできません。 それを実現するためにはnucleoの&#34;Background Render Queue&#34;などを利用するなどの方法がありましたが、After Effects Scriptsにてバックグラウンドレンダリングを実現するScript UI Panelsが公開されていました。 After Effects Scripts &#187; Blog Archive &#187; BG Renderer CS 3 ・導入方法 上記サイトのDownload: よりファイルをダウンロードして、インストールディレクトリのScriptsScriptUI Panels内にコピーします（無い場合は作成） 起動後（※）、環境設定&#62;一般 からスクリプトのファイル書き込みを許可すれば準備完了です ウィンドウメニューから「BG Renderer」を表示し、コンポをレンダーキューに入れたら「BG Render」でバックグラウンドレンダリングが開始されます。 ※AEは英語版で起動してください。配布サイトでは英語版以外で動かないと書いてあります。日本語では動作確認してません。 上記サイトに簡単なチュートリアルビデオも用意されてるので見てみてください。 TweetTweet]]></description>
			<content:encoded><![CDATA[<p>AfterEffectsはデフォルトの状態ではレンダリング中に他の操作はできません。</p>
<p>それを実現するためにはnucleoの&quot;<a href="http://www.gridironsoftware.com/pg/NucleoPro_BGRender" target="_blank">Background Render Queue</a>&quot;などを利用するなどの方法がありましたが、<a href="http://aescripts.com/" target="_blank">After Effects Scripts</a>にてバックグラウンドレンダリングを実現するScript UI Panelsが公開されていました。</p>
<p><a href="http://aescripts.com/2007/08/30/bg-renderer-cs-3/">After Effects Scripts &#187; Blog Archive &#187; BG Renderer CS 3</a></p>
<p><a href="http://aescripts.com/2007/08/30/bg-renderer-cs-3/" target="_blank"><img src="http://aescripts.com/scripts/images/bg_renderer_cs3.png" /></a></p>
<p>・導入方法</p>
<ol>
<li>上記サイトのDownload: よりファイルをダウンロードして、インストールディレクトリのScriptsScriptUI Panels内にコピーします（無い場合は作成） </li>
<li>起動後（※）、環境設定&gt;一般 からスクリプトのファイル書き込みを許可すれば準備完了です </li>
<li>ウィンドウメニューから「BG Renderer」を表示し、コンポをレンダーキューに入れたら「BG Render」でバックグラウンドレンダリングが開始されます。</li>
</ol>
<p>※AEは英語版で起動してください。配布サイトでは英語版以外で動かないと書いてあります。日本語では動作確認してません。</p>
<p>上記サイトに簡単な<a href="http://aescripts.com/scripts/images/BG_RendererCS3_tutorial.mov" rel="shadowbox[sbpost-4];width=640;height=385;" target="_blank">チュートリアルビデオ</a>も用意されてるので見てみてください。</p>
<div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://vilvo.net/blog/2008/08/%e3%83%90%e3%83%83%e3%82%af%e3%82%b0%e3%83%a9%e3%82%a6%e3%83%b3%e3%83%89%e3%83%ac%e3%83%b3%e3%83%80%e3%83%aa%e3%83%b3%e3%82%b0%e3%82%92%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8bscript-ui-panels/&via=vilvo&text=バックグラウンドレンダリングを実現するScript UI Panels&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://vilvo.net/blog/2008/08/%e3%83%90%e3%83%83%e3%82%af%e3%82%b0%e3%83%a9%e3%82%a6%e3%83%b3%e3%83%89%e3%83%ac%e3%83%b3%e3%83%80%e3%83%aa%e3%83%b3%e3%82%b0%e3%82%92%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8bscript-ui-panels/&via=vilvo&text=バックグラウンドレンダリングを実現するScript UI Panels&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>]]></content:encoded>
			<wfw:commentRss>http://vilvo.net/blog/2008/08/%e3%83%90%e3%83%83%e3%82%af%e3%82%b0%e3%83%a9%e3%82%a6%e3%83%b3%e3%83%89%e3%83%ac%e3%83%b3%e3%83%80%e3%83%aa%e3%83%b3%e3%82%b0%e3%82%92%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8bscript-ui-panels/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://aescripts.com/scripts/images/BG_RendererCS3_tutorial.mov" length="1704973" type="video/quicktime" />
		</item>
	</channel>
</rss>

