<?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>AEP Project &#187; TUTORIALS</title>
	<atom:link href="http://ae-users.com/jp/category/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://ae-users.com/jp</link>
	<description>After Effects ユーザーコミュニティ</description>
	<lastBuildDate>Tue, 15 May 2012 01:01:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<image>
  <link>http://ae-users.com/jp</link>
  <url>http://ae-users.com/jp/../images/icon_32.png</url>
  <title>AEP Project</title>
</image>
		<item>
		<title>「テキストレイヤーで作るドミノ倒し」&amp;「CS6での応用」</title>
		<link>http://ae-users.com/jp/tips/2012/05/textdomino1/</link>
		<comments>http://ae-users.com/jp/tips/2012/05/textdomino1/#comments</comments>
		<pubDate>Mon, 14 May 2012 16:49:31 +0000</pubDate>
		<dc:creator>Mojon</dc:creator>
				<category><![CDATA[RESOURCES]]></category>
		<category><![CDATA[TIPS - 操作]]></category>
		<category><![CDATA[TIPS 全般]]></category>
		<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[CS6]]></category>

		<guid isPermaLink="false">http://ae-users.com/jp/?p=7856</guid>
		<description><![CDATA[テロップやタイポグラフィに使用するのが当たり前と思われがちなテキストレイヤーを利用して、
応用的な表現を提案します。またCS6から搭載された3D押し出しと組み合わせも紹介します。]]></description>
			<content:encoded><![CDATA[<div class='wb_fb_top'><div style="float:right;"></div></div><p>
<a href="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino_title.jpg" class="sb-img" rel="shadowbox[post-7856];player=img;"><img class="alignnone size-full wp-image-7899" src="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino_title.jpg" alt="textdomino_title" width="640" height="146" /></a><br />
<h4>はじめに</h4>
テキストレイヤーといえば、テロップやタイポグラフィに使用するのが当たり前と思われがちですが、<br />
<div><strong>■●▼★♪</strong>といったシンプルな<strong>文字記号</strong>を用いる事で、</div>
<div>シェイプレイヤーやエクスプレッションでは面倒な表現を、</div>
<div>簡単に制作・制御する方法を考えましたのでご紹介します。</div>
<h4>テキストレイヤーの利点</h4>
テキストレイヤーを使うのには次の利点があります。<br />
<ol>
	<li>マスクとの組み合わせで自由に配置できる</li>
	<li>強力なアニメーターが使用できる</li>
	<li>文字単位での３Ｄ化が可能(シェイプレイヤーでは不可能）</li>
</ol>
<h4>作例:テキストレイヤーで作るドミノ倒し</h4>
1.テキストレイヤーで■■■■…（四角）と沢山入力します。<br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/05/AEP00.jpg" class="sb-img" rel="shadowbox[post-7856];player=img;"><img class="alignnone size-medium wp-image-7865" src="http://ae-users.com/jp/wp-content/uploads/2012/05/AEP00-400x69.jpg" alt="textdomino01" width="400" height="69" /></a><br />
<br />
2.マスクでドミノを並ばせたいラインを描きます。<br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino02.jpg" class="sb-img" rel="shadowbox[post-7856];player=img;"><img class="alignnone size-medium wp-image-7866" src="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino02-400x129.jpg" alt="textdomino02" width="400" height="129" /></a><br />
<br />
3.テキストのパスのオプションで2で描いたマスクを選択します。<br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino03.jpg" class="sb-img" rel="shadowbox[post-7856];player=img;"><img class="alignnone size-medium wp-image-7869" src="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino03-400x110.jpg" alt="textdomino03" width="400" height="110" /></a><br />
<br />
4 .アニメーターから「文字単位の３Ｄ化を使用」をONにします<br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino04.jpg" class="sb-img" rel="shadowbox[post-7856];player=img;"><img class="alignnone size-medium wp-image-7870" src="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino04-400x120.jpg" alt="" width="400" height="120" /></a><br />
<br />
5.アニメーターから「回転」を追加し、X=0° Y=90°Z=90°に設定します。<br />
<br />
6.さらにもう一つアニメーター「回転」を追加し、Y=-90°に設定します。<br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino06.jpg" class="sb-img" rel="shadowbox[post-7856];player=img;"><img class="alignnone size-medium wp-image-7875" src="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino06-400x176.jpg" alt="textdomino06" width="400" height="176" /></a><br />
<br />
7.6で制作したアニメーター2の範囲セレクターを次の様に設定します。<br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino07.jpg" class="sb-img" rel="shadowbox[post-7856];player=img;"><img class="alignnone size-medium wp-image-7876" src="http://ae-users.com/jp/wp-content/uploads/2012/05/textdomino07-400x223.jpg" alt="textdomino07" width="400" height="223" /></a><br />
<br />
8.オフセットの値をアニメーションさせればドミノ倒しの完成です。<br />
<br />
9.床やライトを加えたり、他のアニメーターを追加したり、調整したサンプルムービーです。<br />

<!-- Iframe plugin v.2.1 (wordpress.org/extend/plugins/iframe/) -->
<iframe width="640" height="360" src="http://www.youtube.com/embed/aX4jdwMQqqA?rel=0" frameborder="0" scrolling="no" class="iframe-class"></iframe><br />
<h4>応用編</h4>
<div>応用として、AfterEffects CS6ではテキストレイヤーにも3Dの厚みを持たせる事が可能になりました。</div>
<div>その為、作例で制作したドミノ倒しも、より本物らしく表現できます。</div>
<div>かなり力技ですが、極めて小さな文字サイズ(0.5px程度)の●（丸）に対して</div>
<div>押し出しとベベル（凸型）を組み合わせる事で<strong>３Ｄの球体の表現も可能</strong>です。</div>
<div>下記の２つのサンプルムービーはどちらもCS6のテキストレイヤーで制作しました。</div>

<!-- Iframe plugin v.2.1 (wordpress.org/extend/plugins/iframe/) -->
<iframe width="640" height="360" src="http://www.youtube.com/embed/C1rorevCCHE?rel=0" frameborder="0" scrolling="no" class="iframe-class"></iframe><br />
<br />

<!-- Iframe plugin v.2.1 (wordpress.org/extend/plugins/iframe/) -->
<iframe width="640" height="360" src="http://www.youtube.com/embed/usLZejZK7fs?rel=0" frameborder="0" scrolling="no" class="iframe-class"></iframe><br />
<br />
以上、テキストレイヤーの有用性を感じて頂けたなら幸いです。<br />
<h4>応用編サンプルファイル</h4>
サンプルファイルはAfterEffects CS6用です。<br />
<br />
フォントに小塚ゴシックを使用しています。<br />
<br />
BGMデータは含まれておりません。<br />
<br />
<a class="dl" href="http://ae-users.com/files/uploader/src/up0041.zip">ダウンロード</a><br />
<br />
追記：ダウンロードアドレスが間違っていたので修正いたしました。(2012.5.15)</p>
<div class='wb_fb_comment'><br/></div>
	タグ : <a href="http://ae-users.com/jp/tag/cs6/" title="CS6" rel="tag nofollow">CS6</a><span id="addbt">[<a onclick="jQuery('p#addtags').slideDown('fast');jQuery('#addbt').fadeOut('fast');">タグを追加する</a>]</span><br />

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li>関連する投稿は見つかりませんでした。</li>
	</ul>

]]></content:encoded>
			<wfw:commentRss>http://ae-users.com/jp/tips/2012/05/textdomino1/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
		<item>
		<title>AfterEffectsを使ったiPhone用アニメーションjpegの作り方</title>
		<link>http://ae-users.com/jp/tutorials/2012/05/iphone_html5_guriguri/</link>
		<comments>http://ae-users.com/jp/tutorials/2012/05/iphone_html5_guriguri/#comments</comments>
		<pubDate>Wed, 09 May 2012 17:22:38 +0000</pubDate>
		<dc:creator>tatsuaki</dc:creator>
				<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://ae-users.com/jp/?p=7828</guid>
		<description><![CDATA[
このサイトを見るような人は、1000回以上聞いたことがあると思いますが、iPhone、iPadではFlashが動きません。
そのため今回は、AfterEffectsなどを使い、動画ファイルでもアニメーションgifでもな [...]]]></description>
			<content:encoded><![CDATA[<div class='wb_fb_top'><div style="float:right;"></div></div><p>
このサイトを見るような人は、1000回以上聞いたことがあると思いますが、iPhone、iPadではFlashが動きません。<br />
そのため今回は、AfterEffectsなどを使い、動画ファイルでもアニメーションgifでもないアニメーションのやり方を紹介いたします。<br />
<br />
以前、googleがバナーに使ったりしたやり方を今回実写を用いて作成してみました。<br />
<a href="http://www.google.com/doodles/martha-grahams-117th-birthday" target="mg_117">Martha Graham&#8217;s 117th Birthday</a><br />
googleの例では、画像見ると下記のようになっており１フレームごとに表示する場所を動かしています。<br />
<a href="http://www.google.co.jp/logos/2011/graham11-hp-sprite.png" class="sb-img" rel="shadowbox[post-7828];player=img;" target="mg_img">Martha Graham&#8217;s 使用画像</a><br />
<h3>完成サンプル</h3>
完成品は下記のようなものになります。（iPhone、iPod touchなどのiOSでご覧ください）<br />
ただ動くだけでなく、iPhone用に指の動きに合わせて動きます。<br />
<a href="http://www.tatsuaki.net/aep_120509/" target="tatsu">iPhone用アニメーションjpeg サンプル</a><br />
<img src="http://ae-users.com/jp/wp-content/uploads/2012/05/QRcode.gif" alt="" title="QRcode" width="135" height="135" class="alignnone size-full wp-image-7833" /><br />
※画像が大きいので、若干ロードに時間がかかります。<br />
<h3>撮影した映像を加工する</h3>
では、解説のスタートです。<br />
今回は下記の動画を使います。<br />
<iframe width="560" height="315" src="http://www.youtube.com/embed/yXXRmVMV-68" frameborder="0" allowfullscreen></iframe><br />
<br />
今回手持ちカメラで撮影したため、ワープスタビライザーなどを使用し手振れを少なくします。<br />
※もちろん手ブレなどの修正の必要が無い場合は、そのままの動画を使用して問題ありません。<br />
<h3>jpeg書き出し</h3>
フレームレートを調節し、jpegシーケンスから書き出しを行います。<br />
今回は8秒の素材を使っているので、5fpsにし総画像数40枚程度を書き出しました。<br />
<h3>psにてスクリプトを回す</h3>
下記のjsをダウンロードします。<br />
<a href="https://gist.github.com/1127000" target="gith">指定連番画像を読み込んで縦長に並べるphotoshop 用 js</a><br />
こちらのjsは書き出した画像を自動でレイヤーごとに配置し、枚数と画像の縦の長さを計算し、縦に画像を並べてくれるスクリプトです。<br />
<br />
photoshopを立ち上げ、ファイル→スクリプト　から解凍したファイルを選択します。<br />
並べる画像を一括で選択し、OKを押すと、下記のような処理を自動で行ってくれます。<br />
<iframe width="480" height="360" src="http://www.youtube.com/embed/F9d2-eVg4FA" frameborder="0" allowfullscreen></iframe><br />
<h3>コーディング</h3>
今回はjsdo it さんにあがっているソースを使わせていただきます。<br />
<a href="http://jsdo.it/Akiyah/4MyO" target="jsdoit">guriguri for iPad/iPhone touchmove</a><br />
<br />
ファイル一式をダウンロードし、jsのソースを見て、使用する画像に合わせ比率を変えます。<br />
下記のソースの　height = width * 2 / 3;　の箇所になります。<br />
（今回は960px-640px で作成しているため、2:3になります）<br />
<br />

<div class="wp_syntax"><div class="code"><pre class="expression" style="font-family:monospace;">    imgtag.<span style="color: #660066;">bind</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'load'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      <span style="color: #003366; font-weight: bold;">var</span> width <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span>json.<span style="color: #660066;">width</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #003366; font-weight: bold;">var</span> height <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span>json.<span style="color: #660066;">height</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #003366; font-weight: bold;">var</span> count <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span>json.<span style="color: #660066;">count</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>width<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        width <span style="color: #339933;">=</span> imgtag.<span style="color: #660066;">width</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
      <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>height<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        height <span style="color: #339933;">=</span> width <span style="color: #339933;">*</span> <span style="color: #CC0000;">2</span> <span style="color: #339933;">/</span> <span style="color: #CC0000;">3</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
      <span style="color: #003366; font-weight: bold;">var</span> w_count <span style="color: #339933;">=</span> imgtag.<span style="color: #660066;">width</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">/</span> width<span style="color: #339933;">;</span>
      <span style="color: #003366; font-weight: bold;">var</span> h_count <span style="color: #339933;">=</span> imgtag.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">/</span> height<span style="color: #339933;">;</span>
      <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>count<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        count <span style="color: #339933;">=</span> w_count <span style="color: #339933;">*</span> h_count<span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span></pre></div></div>

<br />
<br />
最後に、画像のパスなどを修正すれば、完成となります。<br />
<h3>参考</h3>
AEを使わなくても実はこのようなツールもあります。<br />
・<a href="http://blog.rettuce.com/action-script-3-0/animation-jpg-encode/" target="ret">アニメーション用連番jpg書き出しツール作ってみたよ。</a><br />
また、以前同じような仕組みで、野球ゲームを作ってみました。<br />
・<a href="http://www.tatsuaki.net/nighter/" target="tatsu_b">停電の夜のベースボール</a> （PC用になります）<br />
<br />
【追記】<br />
AEのみで縦長画像を自動生成してくれるスクリプトを、<a href="https://twitter.com/swifee" target="twi">@swifee</a> さんが書いてくださいました。<br />
・<a href="https://gist.github.com/2653304" target="gith">AEでiPhone用アニメーションイメージ生成 — Gist</a><br />
単一画像化したいコンポを選択した状態でスクリプトを実行すると&#8221;CombineImage&#8221;というコンポが生成されるので、それを「フレームを保存」で書き出します。（AEの仕様上、サイズが30000pxを超えた場合はエラーとなります）<br />
<h4>Special Thanks</h4>
・guriguri for iPad/iPhone touchmove　<a href="https://twitter.com/Akiyah" target="twi">@Akiyah</a> さん<br />
・指定連番画像を読み込んで縦長に並べるphotoshop 用 js　<a href="https://twitter.com/itoz" target="twi">@itoz</a> さん<br />
・アニメーション用連番jpg書き出しツール <a href="https://twitter.com/rettuce" target="twi">@rettuce</a> さん<br />
<br />
バージョン： CS5.5 で動作確認済み</p>
<div class='wb_fb_comment'><br/></div>
	タグ : <a href="http://ae-users.com/jp/tag/css3/" title="css3" rel="tag nofollow">css3</a>, <a href="http://ae-users.com/jp/tag/html5/" title="HTML5" rel="tag nofollow">HTML5</a>, <a href="http://ae-users.com/jp/tag/iphone/" title="iPhone" rel="tag nofollow">iPhone</a>, <a href="http://ae-users.com/jp/tag/javascript/" title="JavaScript" rel="tag nofollow">JavaScript</a><span id="addbt">[<a onclick="jQuery('p#addtags').slideDown('fast');jQuery('#addbt').fadeOut('fast');">タグを追加する</a>]</span><br />

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://ae-users.com/jp/resources/2012/03/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%ef%bd%9evocaloid3%e3%81%a8%e9%80%a3%e6%90%ba%e7%b7%a8%ef%bd%9e/" title="音のデータとAfter Effects ～VOCALOID3と連携編～(2012/3/31/v3.1.0.0) (2012/3月/14)">音のデータとAfter Effects ～VOCALOID3と連携編～(2012/3/31/v3.1.0.0)</a> (62)</li>
	<li><a href="http://ae-users.com/jp/tips/2010/12/aftereffectsmocha%e3%81%a8web%e3%82%b5%e3%82%a4%e3%83%88html5%e3%81%ae%e9%80%a3%e6%90%ba/" title="AfterEffects(Mocha)とWEBサイト(HTML5)の連携 (2010/12月/27)">AfterEffects(Mocha)とWEBサイト(HTML5)の連携</a> (39)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2011/04/after-effects%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%80%81%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%85%a5%e9%96%80%e3%80%80%e3%81%9d-6/" title="After Effectsユーザーのための、プログラミング入門　その６ AEスクリプトのTips (2011/4月/28)">After Effectsユーザーのための、プログラミング入門　その６ AEスクリプトのTips</a> (11)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2011/03/after-effects%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%80%81%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%85%a5%e9%96%80%e3%80%80%e3%81%9d-5/" title="After Effectsユーザーのための、プログラミング入門　その５ callSystem (2011/3月/05)">After Effectsユーザーのための、プログラミング入門　その５ callSystem</a> (13)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2011/03/after-effects%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%80%81%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%85%a5%e9%96%80%e3%80%80%e3%81%9d-4/" title="After Effectsユーザーのための、プログラミング入門　その４ 電卓　カスタムコントロール (2011/3月/03)">After Effectsユーザーのための、プログラミング入門　その４ 電卓　カスタムコントロール</a> (6)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://ae-users.com/jp/tutorials/2012/05/iphone_html5_guriguri/feed/</wfw:commentRss>
		<slash:comments>73</slash:comments>
		</item>
		<item>
		<title>色のデータとAfter Effects その3</title>
		<link>http://ae-users.com/jp/tips/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae3/</link>
		<comments>http://ae-users.com/jp/tips/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae3/#comments</comments>
		<pubDate>Wed, 28 Mar 2012 13:00:42 +0000</pubDate>
		<dc:creator>あかつき みさき</dc:creator>
				<category><![CDATA[TIPS - プラグインレビュー]]></category>
		<category><![CDATA[TIPS 全般]]></category>
		<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[色]]></category>
		<category><![CDATA[色調補正]]></category>

		<guid isPermaLink="false">http://ae-users.com/jp/?p=7726</guid>
		<description><![CDATA[このシリーズでは基本的な色のエフェクトから、色のデータを扱う時に知っておくとちょっと便利な小ネタやスクリプト、そして実力派のプラグインをシリーズでご紹介します。また、アルファについても触れるつもりです。(Fresh Curves,HDRコンパンダー編)]]></description>
			<content:encoded><![CDATA[<div class='wb_fb_top'><div style="float:right;"></div></div><p>
<div id="_mcePaste">1回、2回はトーンカーブ、レベルエフェクトを中心にご紹介しました。</div>
<div id="_mcePaste">さて、前回のレベルエフェクトには<strong>ヒストグラム</strong>というものがついていました。</div>
<div id="_mcePaste">この機能、トーンカーブにあると便利そうですよね。</div>
<div id="_mcePaste">今回は、サードパーティ製のプラグイン<strong>Fresh Curves</strong>と標準エフェクトの<strong>HDRコンパンダー</strong>をご紹介します。</div>
<h3>ヒストグラムとトーンカーブ</h3>
<div><strong>Fresh Curves</strong>は、Frischluft社のベジェ3Dスプラインを用いるカラー補正プラグインです。</div>
<div id="_mcePaste">Fresh Curvesの特徴は、<strong>トーンカーブ機能にヒストグラムを搭載している</strong>ことです。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/fc001.png" class="sb-img" rel="shadowbox[post-7726];player=img;"><img class="alignnone size-medium wp-image-7779" title="fc001" src="http://ae-users.com/jp/wp-content/uploads/2012/03/fc001-365x400.png" alt="" width="365" height="400" /></a></div>
<div id="_mcePaste">また、Fresh CurvesはRGBやアルファの値だけでなく、<strong>輝度・彩度・色相も補正することができます。</strong></div>
<div id="_mcePaste">もちろん、<strong>各グラフにはヒストグラムが付いて</strong>います。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/fc002.png" class="sb-img" rel="shadowbox[post-7726];player=img;"><img class="alignnone size-medium wp-image-7780" title="fc002" src="http://ae-users.com/jp/wp-content/uploads/2012/03/fc002-345x400.png" alt="" width="345" height="400" /></a></div>
<div id="_mcePaste">Fresh Curvesは<strong>2つのスライダーでグラフの拡大縮小が出来る</strong>のも利点です。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/fc003.png" class="sb-img" rel="shadowbox[post-7726];player=img;"><img class="alignnone size-medium wp-image-7781" title="fc003" src="http://ae-users.com/jp/wp-content/uploads/2012/03/fc003-345x400.png" alt="" width="345" height="400" /></a></div>
<div id="_mcePaste">Fresh Curvesにはもう一つ、Relative Curves（相対的な曲線）という平行線からの調整ができるトーンカーブがあります。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/fc004.png" class="sb-img" rel="shadowbox[post-7726];player=img;"><img class="alignnone size-medium wp-image-7782" title="fc004" src="http://ae-users.com/jp/wp-content/uploads/2012/03/fc004-340x400.png" alt="" width="340" height="400" /></a></div>
<div id="_mcePaste">Relative Curvesでは<strong>他の曲線を元に調整</strong>できます。</div>
<div id="_mcePaste">Relative Curvesに搭載している<strong>post blur</strong>という項目は面白いものです。</div>
<div id="_mcePaste"><strong>base onで選択しているものを基準にブラーをかけられる</strong>というものです。例えば、<strong>青の明るい部分にのみブラーをかける</strong>と言ったピンポイントの操作が可能です。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/fc005.png" class="sb-img" rel="shadowbox[post-7726];player=img;"><img class="alignnone size-medium wp-image-7783" title="fc005" src="http://ae-users.com/jp/wp-content/uploads/2012/03/fc005-400x229.png" alt="" width="400" height="229" /></a></div>
<div id="_mcePaste"><span style="text-decoration: underline;">RGB3つの光源を用意(Trapcode Luxを使用)</span></div>
<div id="_mcePaste"><strong>青にブラーをかけた状態</strong></div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/fc006.png" class="sb-img" rel="shadowbox[post-7726];player=img;"><img class="alignnone size-medium wp-image-7784" title="fc006" src="http://ae-users.com/jp/wp-content/uploads/2012/03/fc006-400x155.png" alt="" width="400" height="155" /></a></div>
<div id="_mcePaste"><strong>緑にブラーをかけた状態</strong></div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/fc007.png" class="sb-img" rel="shadowbox[post-7726];player=img;"><img class="alignnone size-medium wp-image-7785" title="fc007" src="http://ae-users.com/jp/wp-content/uploads/2012/03/fc007-400x153.png" alt="" width="400" height="153" /></a></div>
<div id="_mcePaste">特定の色の光をぼかすなど、このプラグインならではの使い方ができそうです。</div>
<h3>HDRコンパンダー</h3>
<div id="_mcePaste">エフェクトに警告マークがつき、このような警告を見たことはありませんか？</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/fc008.png" class="sb-img" rel="shadowbox[post-7726];player=img;"><img class="alignnone size-medium wp-image-7786" title="fc008" src="http://ae-users.com/jp/wp-content/uploads/2012/03/fc008-400x241.png" alt="" width="400" height="241" /></a></div>
<div id="_mcePaste">これは<strong>HDRコンパンダー</strong>を使用することで防ぐことができます。</div>
<div id="_mcePaste"><strong>HDRコンパンダー</strong>は<strong>ユーティリティ</strong>の中にあるエフェクトです。<strong>8bpc・16bpc用のエフェクトを32bpcに対応させる</strong>ことができます。</div>
<div id="_mcePaste">このエフェクトは<strong>単体では使用しません</strong>。<strong>2つのエフェクトで非対応のエフェクトを挟み込み</strong>使用します。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/fc009.png" class="sb-img" rel="shadowbox[post-7726];player=img;"><img class="alignnone size-medium wp-image-7787" title="fc009" src="http://ae-users.com/jp/wp-content/uploads/2012/03/fc009-400x259.png" alt="" width="400" height="259" /></a></div>
<div id="_mcePaste"><span style="text-decoration: underline;">挟み込んだ上のHDRコンパンダーのモードは<strong>レンジの圧縮</strong>、下のHDRコンパンダーのモードは<strong>レンジの伸張</strong>に設定します。</span></div>
<div id="_mcePaste"><strong>それぞれのゲイン・ガンマは同じ値に設定</strong>します。エクスプレッションで繋いでやると楽です。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/fc010.png" class="sb-img" rel="shadowbox[post-7726];player=img;"><img class="alignnone size-medium wp-image-7788" title="fc010" src="http://ae-users.com/jp/wp-content/uploads/2012/03/fc010-400x154.png" alt="" width="400" height="154" /></a></div></p>
<div class='wb_fb_comment'><br/></div>
	タグ : <a href="http://ae-users.com/jp/tag/color/" title="color" rel="tag nofollow">color</a>, <a href="http://ae-users.com/jp/tag/%e8%89%b2/" title="色" rel="tag nofollow">色</a>, <a href="http://ae-users.com/jp/tag/%e8%89%b2%e8%aa%bf%e8%a3%9c%e6%ad%a3/" title="色調補正" rel="tag nofollow">色調補正</a><span id="addbt">[<a onclick="jQuery('p#addtags').slideDown('fast');jQuery('#addbt').fadeOut('fast');">タグを追加する</a>]</span><br />

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://ae-users.com/jp/tutorials/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/" title="色のデータとAfter Effects その2 (2012/3月/12)">色のデータとAfter Effects その2</a> (14)</li>
	<li><a href="http://ae-users.com/jp/resources/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae1/" title="色のデータとAfter Effects その1 (2012/3月/10)">色のデータとAfter Effects その1</a> (33)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://ae-users.com/jp/tips/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae3/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>AEの環境設定ファイルに独自設定を書きこむ</title>
		<link>http://ae-users.com/jp/tutorials/2012/03/ae%e3%81%ae%e7%92%b0%e5%a2%83%e8%a8%ad%e5%ae%9a%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ab%e7%8b%ac%e8%87%aa%e8%a8%ad%e5%ae%9a%e3%82%92%e6%9b%b8%e3%81%8d%e3%81%93%e3%82%80/</link>
		<comments>http://ae-users.com/jp/tutorials/2012/03/ae%e3%81%ae%e7%92%b0%e5%a2%83%e8%a8%ad%e5%ae%9a%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ab%e7%8b%ac%e8%87%aa%e8%a8%ad%e5%ae%9a%e3%82%92%e6%9b%b8%e3%81%8d%e3%81%93%e3%82%80/#comments</comments>
		<pubDate>Wed, 28 Mar 2012 05:00:35 +0000</pubDate>
		<dc:creator>あかつき みさき</dc:creator>
				<category><![CDATA[TIPS - スクリプト]]></category>
		<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[スクリプト]]></category>
		<category><![CDATA[環境設定]]></category>

		<guid isPermaLink="false">http://ae-users.com/jp/?p=7759</guid>
		<description><![CDATA[この記事では、JavaScriptでAEの環境設定ファイルに独自のパラメーターを追加する方法、またそのパラメーターの利用方法をご紹介します。]]></description>
			<content:encoded><![CDATA[<div class='wb_fb_top'><div style="float:right;"></div></div><p>
<div id="_mcePaste">JavaScriptでスクリプトを書く時、設定をAfter Effectsに書きこむと後の作業が楽になる場合があります。</div>
<div id="_mcePaste">この記事では、JavaScriptでAEの環境設定ファイルに独自のパラメーターを追加する方法、またそのパラメーターの利用方法をご紹介します。</div>
<h3>ExtendScript Toolkitを利用する</h3>
<div id="_mcePaste">今回複数回スクリプトを実行しますが、<strong>AEでいちいちJavaScriptファイルを実行するのは面倒</strong>ですので、今回は<strong>ExtendScript Toolkitと連携</strong>し、簡単に実行・確認できるようにします。</div>
<div id="_mcePaste">まずは、After Effects、ExtendScript Toolkitを起動します。</div>
<div id="_mcePaste">ExtendScript ToolkitとAfter Effectsを起動した状態で、ExtendScript Toolkitの画像のように選択します。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/es001.png" class="sb-img" rel="shadowbox[post-7759];player=img;"><img class="alignnone size-thumbnail wp-image-7760" title="es001" src="http://ae-users.com/jp/wp-content/uploads/2012/03/es001-190x190.png" alt="" width="190" height="190" /></a></div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/es001.png" class="sb-img" rel="shadowbox[post-7759];player=img;"></a><strong>鎖のマークが赤く崩れている場合はうまくリンクしていない</strong>ので、<strong>鎖マークをクリックして対象アプリケーションを起動</strong>しましょう。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/es002.png" class="sb-img" rel="shadowbox[post-7759];player=img;"><img class="alignnone size-thumbnail wp-image-7761" title="es002" src="http://ae-users.com/jp/wp-content/uploads/2012/03/es002-190x154.png" alt="" width="190" height="154" /></a></div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/es003.png" class="sb-img" rel="shadowbox[post-7759];player=img;"><img class="alignnone size-thumbnail wp-image-7762" title="es003" src="http://ae-users.com/jp/wp-content/uploads/2012/03/es003-190x116.png" alt="" width="190" height="116" /></a></div>
<div id="_mcePaste">さて、早速繋がっているか確認してみましょう。</div>
<div><strong>alert (&#8220;test&#8221;,&#8221;alert&#8221;);</strong>と入力します。アラートの構文は以下の構成になっています。</div>
<div id="_mcePaste"><strong>alert (&#8220;ダイアログに表示する内容&#8221;,&#8221;ダイアログのタイトル&#8221;);</strong></div>
<div id="_mcePaste">入力したらF5を押します。うまくいくとAfter Effects上でタイトルがalert、内容がtestのアラートが表示されるはずです。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/es004.png" class="sb-img" rel="shadowbox[post-7759];player=img;"><img class="alignnone size-full wp-image-7763" title="es004" src="http://ae-users.com/jp/wp-content/uploads/2012/03/es004.png" alt="" width="144" height="181" /></a></div>
<div id="_mcePaste">これで接続が確認できました。</div>
<div id="_mcePaste">JavaScriptはスラッシュ2つでコメントアウトできます。/*から*/までの複数行もコメントアウトできます。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/es005.png" class="sb-img" rel="shadowbox[post-7759];player=img;"><img class="alignnone size-thumbnail wp-image-7764" title="es005" src="http://ae-users.com/jp/wp-content/uploads/2012/03/es005-190x190.png" alt="" width="190" height="190" /></a></div>
<div id="_mcePaste">コメントアウトされた行は緑で表示される。</div>
<div id="_mcePaste">ExtendScript Toolkitではタブで簡単にインデントできます。</div>
<h3>環境設定ファイルに書き込む</h3>
<div id="_mcePaste">環境設定ファイルに書き込むには以下の構文を使います。</div>
<div id="_mcePaste"><strong>app.settings.saveSetting(&#8220;セクション名&#8221;,&#8221;セクションキー&#8221;, &#8220;値(文字列)&#8221;);</strong></div>
<div id="_mcePaste"><strong>セクション名の下にセクションキーが並んでいる</strong>と考えてください。</div>
<div id="_mcePaste">セクション名</div>
<div id="_mcePaste">・セクションキー1</div>
<div id="_mcePaste">・セクションキー2</div>
<div id="_mcePaste">・セクションキー3</div>
<div id="_mcePaste">・セクションキー&#8230;</div>
<div id="_mcePaste"><strong>値は文字列として書き込まれます。</strong>true,falseで書きこんでも読み込み時にはテキストとして読まなければなりません。</div>
<div id="_mcePaste">それでは今回は以下の値を書き込んでみます。</div>
<div id="_mcePaste"><strong>app.settings.saveSetting(&#8220;test_my_section&#8221;,&#8221;section1&#8243;, true);</strong></div>
<div id="_mcePaste"><strong>app.settings.saveSetting(&#8220;test_my_section&#8221;,&#8221;section2&#8243;, &#8220;false&#8221;);</strong></div>
<div id="_mcePaste"><strong>app.settings.saveSetting(&#8220;test_my_section&#8221;,&#8221;section3&#8243;, 100);</strong></div>
<div id="_mcePaste">これは「test_my_section」という名前のセクション名にsection1～3までのセクションキーを入力しています。</div>
<div id="_mcePaste">上の3つの文を入力した状態でF5を押して実行してみましょう。</div>
<div id="_mcePaste">一度After Effectsの画面になり、特に反応もなくExtendScript Toolkitに帰って来たかのように見えます。</div>
<div id="_mcePaste">しかし実際にはちゃんと値は入力されています。確認してみましょう。</div>
<div id="_mcePaste">確認の構文には以下のものを用います。</div>
<div id="_mcePaste"><strong>app.settings.haveSetting(&#8220;セクション名&#8221;,&#8221;セクションキー&#8221;);</strong></div>
<div id="_mcePaste">先ほどは<strong>save</strong>でしたが今回は<strong>have</strong>です。引数に値はありません。<strong>この構文では値そのものではなく、セクションの有無を確認している</strong>からです。</div>
<div id="_mcePaste">それでは実際に以下の文を入力して実行してみましょう。先ほどの文章はコメントアウトしておきます。</div>
<div id="_mcePaste"><strong>app.settings.haveSetting(&#8220;test_section&#8221;,&#8221;</strong><strong>section</strong><strong>1&#8243;);</strong></div>
<div id="_mcePaste">また一見何も無いようですが、よく見てみましょう、ExtendScript Toolkitの下のところにはちゃんと結果が表示されています。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/es006.png" class="sb-img" rel="shadowbox[post-7759];player=img;"><img class="alignnone size-thumbnail wp-image-7765" title="es006" src="http://ae-users.com/jp/wp-content/uploads/2012/03/es006-190x150.png" alt="" width="190" height="150" /></a></div>
<div id="_mcePaste"><strong>false</strong>、つまり<strong>「test_section」の「1」は存在しない</strong>ということです。ここでは<strong>my</strong>を付け忘れているからですね。</div>
<div id="_mcePaste"><strong>app.settings.haveSetting(&#8220;test_my_section&#8221;,&#8221;</strong><strong>section</strong><strong>1&#8243;);</strong></div>
<div><strong> </strong>この文でtrueが帰ってきます。</div>
<div>have文では初めて使うスクリプトなどでセクションがあるかどうか(初回起動か否か)などを判別するのに利用します。</div>
<div id="_mcePaste">if文で以下のように<strong>確認し、セクションがない場合は追加する</strong>ようにします。</div>
<div id="_mcePaste"><strong>if(app.settings.haveSetting(&#8220;test_section&#8221;,&#8221;1&#8243;) == false){</strong></div>
<div id="_mcePaste"><strong>app.settings.saveSetting(&#8220;test_section&#8221;,&#8221;1&#8243;, false);</strong></div>
<div id="_mcePaste"><strong>}</strong></div>
<div id="_mcePaste">この文では、<strong>test_sectionというセクションの中に1というセクションキーがあるかどうかを確認し、ない場合はセクション名「test_section」のセクションキー「1」に「false」の値を追加する</strong>ものです。</div>
<div id="_mcePaste">この文を実行した後でもう一度app.settings.haveSetting(&#8220;test_section&#8221;,&#8221;1&#8243;)を実行するとtrueが帰ってきます。</div>
<h3>環境設定ファイルに入れた値を利用する</h3>
<div id="_mcePaste">それでは実際に利用してみましょう。以下の構文を利用して取り出します。</div>
<div id="_mcePaste"><strong>app.settings.getSetting(&#8220;セクション名&#8221;,&#8221;セクションキー&#8221;);</strong></div>
<div id="_mcePaste">ここでも値は入力しません。そもそもこの<strong>セクションキーの中身は変数のようなものですので取り出すごとに値が違う</strong>可能性があります。</div>
<div id="_mcePaste">変数を定義して以下の用に取り込みます。</div>
<div id="_mcePaste"><strong>var test1 = app.settings.getSetting(&#8220;test_section&#8221;,&#8221;1&#8243;);</strong></div>
<div id="_mcePaste">実際に値がとれたかどうかをアラートで確認します。</div>
<div id="_mcePaste"><strong>alert (test1,&#8221;alert&#8221;);</strong></div>
<div id="_mcePaste">先ほどfalseを入れたはずですのでfalseが帰ってくれば正しいはずです。</div>
<div id="_mcePaste">念のため、同じセクション名・セクションキーに違う値を入れてアラートしてみましょう。</div>
<div id="_mcePaste">app.settings.saveSetting(&#8220;test_section&#8221;,&#8221;1&#8243;, &#8220;test call alert!&#8221;);</div>
<div id="_mcePaste">var test1 = app.settings.getSetting(&#8220;test_section&#8221;,&#8221;1&#8243;);</div>
<div id="_mcePaste">alert (test1,&#8221;alert&#8221;);</div>
<div id="_mcePaste">以下のように帰ってくれば成功です。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/es007.png" class="sb-img" rel="shadowbox[post-7759];player=img;"><img class="alignnone size-thumbnail wp-image-7766" title="es007" src="http://ae-users.com/jp/wp-content/uploads/2012/03/es007-190x181.png" alt="" width="190" height="181" /></a></div>
<h3>true,falseの罠</h3>
<div id="_mcePaste">以下を実行します。コピペしてどうぞ。セクション名はTrue,Falseの頭文字からです。</div>
<div id="_mcePaste">app.settings.saveSetting(&#8220;TF&#8221;,&#8221;1&#8243;, &#8220;true&#8221;);</div>
<div id="_mcePaste">app.settings.saveSetting(&#8220;TF&#8221;,&#8221;2&#8243;, &#8220;false&#8221;);</div>
<div id="_mcePaste">app.settings.saveSetting(&#8220;TF&#8221;,&#8221;3&#8243;, true);</div>
<div id="_mcePaste">app.settings.saveSetting(&#8220;TF&#8221;,&#8221;4&#8243;, false);</div>
<div id="_mcePaste">var test1 = app.settings.getSetting(&#8220;TF&#8221;,&#8221;1&#8243;);</div>
<div id="_mcePaste">var test2 = app.settings.getSetting(&#8220;TF&#8221;,&#8221;2&#8243;);</div>
<div id="_mcePaste">var test3 = app.settings.getSetting(&#8220;TF&#8221;,&#8221;3&#8243;);</div>
<div id="_mcePaste">var test4 = app.settings.getSetting(&#8220;TF&#8221;,&#8221;4&#8243;);</div>
<div id="_mcePaste">if(test1 == true){</div>
<div id="_mcePaste">alert (&#8220;test1,OK&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}else{</div>
<div id="_mcePaste">alert (&#8220;test1,NG&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}</div>
<div id="_mcePaste">if(test2 == true){</div>
<div id="_mcePaste">alert (&#8220;test2,NG&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}else{</div>
<div id="_mcePaste">alert (&#8220;test2,OK&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}</div>
<div id="_mcePaste">if(test3 == true){</div>
<div id="_mcePaste">alert (&#8220;test3,OK&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}else{</div>
<div id="_mcePaste">alert (&#8220;test3,NG&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}</div>
<div id="_mcePaste">if(test4 == true){</div>
<div id="_mcePaste">alert (&#8220;test4,NG&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}else{</div>
<div id="_mcePaste">alert (&#8220;test4,OK&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}</div>
<div id="_mcePaste">TFのセクション名の1～4のキーに、上から順番に<strong>テキストのtrue,false、bool型のtrue,falseを入力</strong>しています。</div>
<div id="_mcePaste">上の文を実行すると、<strong>1つ目がNG、2つ目がOK、3つ目がNG、4つ目がOK</strong>とアラートされるはずです。</div>
<div id="_mcePaste">ここで注目してもらいたいのが、<strong>入力時の型と取り出すときの型</strong>です。</div>
<div id="_mcePaste">入力時、<strong>1と2はテキストとして入力</strong>しているので、1つ目の分岐でbool型で判別しているのでNGと出てもおかしくないように思えます。</div>
<div id="_mcePaste">しかし、<strong>boolとして書きこんだ(つもりの)3つ目でも弾かれています。</strong></div>
<div id="_mcePaste">これはJavaScriptで入力時にboolとしてハイライトされているので勘違いしやすいですが、内部としては<strong>テキストですべて保存されています。</strong></div>
<div id="_mcePaste">つまり、実際にif文などで判別する時はすべて<strong>テキスト判別</strong>しましょう。</div>
<div id="_mcePaste">if(test1 == <strong>&#8220;true&#8221;</strong>){</div>
<div id="_mcePaste">alert (&#8220;test1,OK&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}else{</div>
<div id="_mcePaste">alert (&#8220;test1,NG&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}</div>
<div id="_mcePaste">if(test2 == <strong>&#8220;true&#8221;</strong>){</div>
<div id="_mcePaste">alert (&#8220;test2,NG&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}else{</div>
<div id="_mcePaste">alert (&#8220;test2,OK&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}</div>
<div id="_mcePaste">if(test3 == <strong>&#8220;true&#8221;</strong>){</div>
<div id="_mcePaste">alert (&#8220;test3,OK&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}else{</div>
<div id="_mcePaste">alert (&#8220;test3,NG&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}</div>
<div id="_mcePaste">if(test4 == <strong>&#8220;true&#8221;</strong>){</div>
<div id="_mcePaste">alert (&#8220;test4,NG&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}else{</div>
<div id="_mcePaste">alert (&#8220;test4,OK&#8221;,&#8221;alert&#8221;);</div>
<div id="_mcePaste">}</div>
<div id="_mcePaste">これですべてOKのアラートが出るはずです。ちなみに、<strong>先ほどのTF判別ではすべて結果がfalse</strong>になってしまいます。</div>
<div id="_mcePaste"><strong><span style="text-decoration: underline;">数値の場合は、大小判別が可能です。</span></strong></div>
<div id="_mcePaste">例えば、とあるソフトで書き出したスクリプトのバージョン判別に利用するなど、使用方法はあります。</div></p>
<div class='wb_fb_comment'><br/></div>
	タグ : <a href="http://ae-users.com/jp/tag/javascript/" title="JavaScript" rel="tag nofollow">JavaScript</a>, <a href="http://ae-users.com/jp/tag/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88/" title="スクリプト" rel="tag nofollow">スクリプト</a>, <a href="http://ae-users.com/jp/tag/%e7%92%b0%e5%a2%83%e8%a8%ad%e5%ae%9a/" title="環境設定" rel="tag nofollow">環境設定</a><span id="addbt">[<a onclick="jQuery('p#addtags').slideDown('fast');jQuery('#addbt').fadeOut('fast');">タグを追加する</a>]</span><br />

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://ae-users.com/jp/resources/2012/03/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%ef%bd%9evocaloid3%e3%81%a8%e9%80%a3%e6%90%ba%e7%b7%a8%ef%bd%9e/" title="音のデータとAfter Effects ～VOCALOID3と連携編～(2012/3/31/v3.1.0.0) (2012/3月/14)">音のデータとAfter Effects ～VOCALOID3と連携編～(2012/3/31/v3.1.0.0)</a> (62)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2012/01/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/" title="音のデータとAfter Effects その2 (2012/1月/15)">音のデータとAfter Effects その2</a> (27)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2012/01/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae1/" title="音のデータとAfter Effects その1 (2012/1月/14)">音のデータとAfter Effects その1</a> (47)</li>
	<li><a href="http://ae-users.com/jp/tips/scripts-tips/2009/10/%e8%a4%87%e6%95%b0%e3%82%b3%e3%83%b3%e3%83%9d%e3%82%92%e4%b8%80%e6%b0%97%e3%81%ab%e7%b7%a8%e9%9b%86%e3%80%80%ef%bd%9e-editcomps_forcs4-%ef%bd%9e/" title="複数コンポを一気に編集　～ EditComps_forCS4 ～ (2009/10月/06)">複数コンポを一気に編集　～ EditComps_forCS4 ～</a> (4)</li>
	<li><a href="http://ae-users.com/jp/resources/2010/03/pencilfx-script/" title="色鉛筆風エフェクトスクリプト＆スケッチ風プリセット (2010/3月/17)">色鉛筆風エフェクトスクリプト＆スケッチ風プリセット</a> (11)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://ae-users.com/jp/tutorials/2012/03/ae%e3%81%ae%e7%92%b0%e5%a2%83%e8%a8%ad%e5%ae%9a%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ab%e7%8b%ac%e8%87%aa%e8%a8%ad%e5%ae%9a%e3%82%92%e6%9b%b8%e3%81%8d%e3%81%93%e3%82%80/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>VOCALOID3とAfter Effects ～Marker Maker for After Effects解説～(2012/3/31/v3.1.0.0)</title>
		<link>http://ae-users.com/jp/tutorials/2012/03/vocaloid3%e3%81%a8after-effects/</link>
		<comments>http://ae-users.com/jp/tutorials/2012/03/vocaloid3%e3%81%a8after-effects/#comments</comments>
		<pubDate>Mon, 26 Mar 2012 13:30:27 +0000</pubDate>
		<dc:creator>あかつき みさき</dc:creator>
				<category><![CDATA[TIPS - スクリプト]]></category>
		<category><![CDATA[TIPS - スクリプト紹介]]></category>
		<category><![CDATA[TIPS - 操作]]></category>
		<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[VOCALOID3]]></category>

		<guid isPermaLink="false">http://ae-users.com/jp/?p=7732</guid>
		<description><![CDATA[この記事ではMarker Maker for After Effectsの細かい仕様などをご紹介します。]]></description>
			<content:encoded><![CDATA[<div class='wb_fb_top'><div style="float:right;"></div></div><p>
<div id="_mcePaste">この記事では<strong>Marker Maker for After Effects</strong>の細かい仕様などをご紹介します。</div>
<div id="_mcePaste">Marker Maker for After Effectsは<a href="http://ae-users.com/jp/resources/2012/03/%E9%9F%B3%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%EF%BD%9Evocaloid3%E3%81%A8%E9%80%A3%E6%90%BA%E7%B7%A8%EF%BD%9E/">前回の記事</a>からダウンロードできます。</div>
<div id="_mcePaste"><strong>リリースノート</strong>は<a href="http://ae-users.com/jp/resources/2012/03/%E9%9F%B3%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%EF%BD%9Evocaloid3%E3%81%A8%E9%80%A3%E6%90%BA%E7%B7%A8%EF%BD%9E/">前回の記事</a>をご覧ください。</div>
<div id="_mcePaste"><span style="text-decoration: underline;"><strong>バージョン3.0.0.0からAEでスクリプトを実行する前に一度、認証スクリプトの実行が必須になります。認証スクリプトを実行後にご利用ください。</strong></span></div>
<h3>処理可能な歌詞情報</h3>
<div id="_mcePaste"><strong>清音、濁音、半濁音、小文字、長音符、踊り字、ローマ字、発音記号、英語発音記号</strong></div>
<div id="_mcePaste">発音記号の処理はすべてVOCALOID3 Editorの発音記号一覧で処理しています。</div>
<div><span style="text-decoration: underline;"><strong>ぎ</strong>を入力</span></div>
<div id="_mcePaste">マーカーに入力される歌詞 = ぎ</div>
<div id="_mcePaste">マーカーに入力される母音 = i</div>
<div id="_mcePaste"><span style="text-decoration: underline;"><strong>きゃ</strong>を入力</span></div>
<div id="_mcePaste">マーカーに入力される歌詞 = ゃ(促音から判定)</div>
<div id="_mcePaste">マーカーに入力される母音 = a(促音の母音で判定)</div>
<div><span style="text-decoration: underline;"><strong>-</strong>(長音符)を入力</span></div>
<div id="_mcePaste">マーカーに入力される歌詞 = ひとつ前の歌詞</div>
<div id="_mcePaste">マーカーに入力される母音 = ひとつ前の母音情報</div>
<div><span style="text-decoration: underline;"><strong>sho</strong><strong>(&#8220;しょ&#8221;のローマ字)</strong>を入力</span></div>
<div id="_mcePaste">マーカーに入力される歌詞 = sho</div>
<div id="_mcePaste">マーカーに入力される母音 = o</div>
<div><span style="text-decoration: underline;"><strong>U@</strong>(英語発音記号)を入力</span></div>
<div id="_mcePaste">マーカーに入力される歌詞 = o(日本語の発音より判定)</div>
<div id="_mcePaste">マーカーに入力される母音 = o</div>
<div><span style="text-decoration: underline;"><strong>p\\</strong></span><span style="text-decoration: underline;">(発音記号)</span><span style="text-decoration: underline;">を入力</span></div>
<div id="_mcePaste">マーカーに入力される歌詞 = h(日本語の発音より判定)</div>
<div id="_mcePaste">マーカーに入力される母音 = h(子音なので処理不可能)</div>
<h3>スライダー制御エフェクト</h3>
<div id="_mcePaste">母音情報は以下の通りに処理され、<strong>スライダー制御エフェクトに値として格納されます。</strong><em>(バージョン3.0.0.0以降)</em></div>
<div id="_mcePaste">a = 1, i = 2, u = 3, e = 4, o = 5, n = 6, それ以外 = 0.</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/slid.png" class="sb-img" rel="shadowbox[post-7732];player=img;"><img class="alignnone size-medium wp-image-7748" title="slid" src="http://ae-users.com/jp/wp-content/uploads/2012/03/slid-400x149.png" alt="" width="400" height="149" /></a></div>
<h3>認証スクリプト</h3>
<div id="_mcePaste"><strong>バージョン3.0.0.0からAEでスクリプトを実行する前に一度、認証スクリプトの実行が必要</strong>になります。</div>
<div>AE上で<strong>Marker Maker for AfterEffects EULA.jsxbin</strong>を実行してください。</div>
<div><strong><span style="text-decoration: underline;">認証スクリプトはバイナリファイルの為、ダイアログで「すべてのファイル形式」を選択してご使用ください。</span></strong></div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/ninsho.png" class="sb-img" rel="shadowbox[post-7732];player=img;"><img class="alignnone size-medium wp-image-7750" title="ninsho" src="http://ae-users.com/jp/wp-content/uploads/2012/03/ninsho-400x158.png" alt="" width="400" height="158" /></a></div>
<div>認証スクリプトを実行しないと以下のようなエラーが出ます。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/eulas.png" class="sb-img" rel="shadowbox[post-7732];player=img;"><img class="alignnone size-medium wp-image-7733" title="eulas" src="http://ae-users.com/jp/wp-content/uploads/2012/03/eulas-400x302.png" alt="" width="400" height="302" /></a></div>
<div id="_mcePaste"><strong>認証スクリプトは <a style="font-weight: normal;" href="http://ae-users.com/jp/resources/2012/03/%E9%9F%B3%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%EF%BD%9Evocaloid3%E3%81%A8%E9%80%A3%E6%90%BA%E7%B7%A8%EF%BD%9E/">前回の記事</a> からダウンロードできるファイルに同梱しています。</strong></div>
<div id="_mcePaste">認証スクリプトを実行するとVOCALOID3 UG Job Pluginエンドユーザー使用許諾契約書とMarker Maker for After Effects EULAがダイアログで表示されるので、お読みの上許諾してください。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/EULAjikkou.png" class="sb-img" rel="shadowbox[post-7732];player=img;"><img class="alignnone size-medium wp-image-7751" title="EULAjikkou" src="http://ae-users.com/jp/wp-content/uploads/2012/03/EULAjikkou-400x273.png" alt="" width="400" height="273" /></a></div>
<div>ボックスにチェックを入れ、OKで認証完了です。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/EULA-check.png" class="sb-img" rel="shadowbox[post-7732];player=img;"><img class="alignnone size-full wp-image-7752" title="EULA check" src="http://ae-users.com/jp/wp-content/uploads/2012/03/EULA-check.png" alt="" width="348" height="250" /></a></div>
<div><strong>以下のダイアログが表示されると認証が完了したことを表します。</strong></div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/ok0.png" class="sb-img" rel="shadowbox[post-7732];player=img;"><img class="alignnone size-medium wp-image-7734" title="ok0" src="http://ae-users.com/jp/wp-content/uploads/2012/03/ok0-400x185.png" alt="" width="400" height="185" /></a></div>
<div id="_mcePaste"><span style="text-decoration: underline;">下の画像のようなダイアログが出た場合、EULAが更新されているので最新の認証スクリプトの実行をお願いします。</span></div>
<div><span style="text-decoration: underline;"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/EULA-up1.png" class="sb-img" rel="shadowbox[post-7732];player=img;"><img class="alignnone size-thumbnail wp-image-7755" title="EULA up1" src="http://ae-users.com/jp/wp-content/uploads/2012/03/EULA-up1-190x190.png" alt="" width="190" height="190" /></a><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/EULA-up2.png" class="sb-img" rel="shadowbox[post-7732];player=img;"><img class="alignnone size-thumbnail wp-image-7756" title="EULA up2" src="http://ae-users.com/jp/wp-content/uploads/2012/03/EULA-up2-190x190.png" alt="" width="190" height="190" /></a></span></div>
<h3>配布先</h3>
<div><a href="http://ae-users.com/jp/resources/2012/03/%E9%9F%B3%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%EF%BD%9Evocaloid3%E3%81%A8%E9%80%A3%E6%90%BA%E7%B7%A8%EF%BD%9E/">前回の記事</a>からダウンロード</div></p>
<div class='wb_fb_comment'><br/></div>
	タグ : <a href="http://ae-users.com/jp/tag/vocaloid3/" title="VOCALOID3" rel="tag nofollow">VOCALOID3</a><span id="addbt">[<a onclick="jQuery('p#addtags').slideDown('fast');jQuery('#addbt').fadeOut('fast');">タグを追加する</a>]</span><br />

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://ae-users.com/jp/resources/2012/03/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%ef%bd%9evocaloid3%e3%81%a8%e9%80%a3%e6%90%ba%e7%b7%a8%ef%bd%9e/" title="音のデータとAfter Effects ～VOCALOID3と連携編～(2012/3/31/v3.1.0.0) (2012/3月/14)">音のデータとAfter Effects ～VOCALOID3と連携編～(2012/3/31/v3.1.0.0)</a> (62)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://ae-users.com/jp/tutorials/2012/03/vocaloid3%e3%81%a8after-effects/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>音のデータとAfter Effects ～VOCALOID3と連携編～(2012/3/31/v3.1.0.0)</title>
		<link>http://ae-users.com/jp/resources/2012/03/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%ef%bd%9evocaloid3%e3%81%a8%e9%80%a3%e6%90%ba%e7%b7%a8%ef%bd%9e/</link>
		<comments>http://ae-users.com/jp/resources/2012/03/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%ef%bd%9evocaloid3%e3%81%a8%e9%80%a3%e6%90%ba%e7%b7%a8%ef%bd%9e/#comments</comments>
		<pubDate>Wed, 14 Mar 2012 13:30:45 +0000</pubDate>
		<dc:creator>あかつき みさき</dc:creator>
				<category><![CDATA[RESOURCES]]></category>
		<category><![CDATA[TIPS - スクリプト]]></category>
		<category><![CDATA[TIPS - スクリプト紹介]]></category>
		<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[sound]]></category>
		<category><![CDATA[VOCALOID]]></category>
		<category><![CDATA[VOCALOID3]]></category>
		<category><![CDATA[音]]></category>

		<guid isPermaLink="false">http://ae-users.com/jp/?p=7711</guid>
		<description><![CDATA[この記事ではVOCALOID3 Job Pulgin、Marker Maker for After Effectsをご紹介します。プラグイン・認証スクリプトの配布もしています。]]></description>
			<content:encoded><![CDATA[<div class='wb_fb_top'><div style="float:right;"></div></div><p>
<h3>リリースノート</h3>
<div><strong>(2012/3/31)</strong><strong>最新版3.1.0.0リリース。</strong></div>
<div>・AE上でプロジェクトパネルの一番上以外でのコンポジションで実行したときに母音情報を読めない問題の修正.</div>
<div>
<div><strong>(2012/3/26)</strong>3.0.0.0リリース。</div>
<div>・出力したJavaScriptファイルの処理速度の改善. 母音情報処理の変更. EULA処理の実装.</div>
</div>
<div>(2012/3/26)2.2.1.1リリース。</div>
<div>・バグの修正</div>
<div>(2012/3/14)2.2.1.0リリース。</div>
<div>・リリース</div>
<div></div>
<div>より詳しい解説は<strong><a href="http://ae-users.com/jp/tutorials/2012/03/vocaloid3%E3%81%A8after-effects/">次の記事</a></strong>をご覧ください。</div>
<h3>VOCALOID3と連携する</h3>
<div>VOCALOID楽曲の動画を作成する場合、歌詞を入力する作業は意外と手間だったりします。そこで、歌詞入れ作業を簡略化するプラグインを作りました。</div>
<div>この記事ではVOCALOID3 Job Pulgin、<strong>Marker Maker for After Effects</strong>をご紹介します。</div>
<div id="_mcePaste">ファイルは記事の最後のダウンロードからどうぞ。</div>
<div id="_mcePaste">この<strong>プラグイン自体はVOCALOID3がないと動作しません</strong>。<strong>After Effectsで使用するにはMarker Maker for After Effectsで書き出したJavaScriptを使用します</strong>。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/mm00.png" class="sb-img" rel="shadowbox[post-7711];player=img;"><img class="alignnone size-medium wp-image-7712" title="mm00" src="http://ae-users.com/jp/wp-content/uploads/2012/03/mm00-400x233.png" alt="" width="400" height="233" /></a></div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/mm01.png" class="sb-img" rel="shadowbox[post-7711];player=img;"><img class="alignnone size-medium wp-image-7713" title="mm01" src="http://ae-users.com/jp/wp-content/uploads/2012/03/mm01-400x126.png" alt="" width="400" height="126" /></a></div>
<div id="_mcePaste">作成されたJavaScriptファイルをAfter Effects上で実行すると、<strong>VOCALOID3上で入力されたノートに基づく位置にマーカーがついたヌルレイヤーを作成</strong>します。</div>
<div id="_mcePaste">マーカーのメモには、ひとつは対応するノートの<strong>歌詞情報</strong>、もうひとつには<strong>母音情報</strong>を含んでいます。</div>
<div id="_mcePaste">VOCALOID3で書き出した歌唱データの位置にマーカーが配置されるので、簡単に歌詞を付けることができます。</div>
<h3>動作環境</h3>
<div id="_mcePaste">VOCALOID3 , VOCALOID3 Job Pluginが動作する環境</div>
<div id="_mcePaste">出力したJavaScriptファイルの動作環境</div>
<div id="_mcePaste">Adobe After Effects CS3 , CS4 , CS5 , CS5.5</div>
<h3>使用方法</h3>
<div id="_mcePaste">まず、Job PluginをVOCALOID3上で実行します。</div>
<div id="_mcePaste">一つのトラック内の一つ以上のノートを含むパートを選択し、「ジョブ→Jobプラグインを実行」から実行してください。</div>
<div id="_mcePaste">ファイル名を入力してOKを押すと、vsqxファイルと同じディレクトリ(フォルダー)内に「vsqxファイル名.vsqx_入力ファイル名.jsx」という名前のJavaScriptファイルが生成されます。</div>
<div id="_mcePaste">コンポジションを選択し、JavaScriptを実行するとVOCALOID3上で入力されたノートに基づく位置にマーカーがついたヌルレイヤーを作成されます。</div>
<h3>母音情報について</h3>
<div id="_mcePaste"><strong>母音情報からスライダー制御エフェクトに値が入力</strong>されます。口パクなどにご利用ください。ただし、<strong>発音記号をそのまま入力されている場合など、正しい値が取得されない</strong>場合もあります。</div>
<div id="_mcePaste"><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/mm03.png" class="sb-img" rel="shadowbox[post-7711];player=img;"><img class="alignnone size-medium wp-image-7715" style="border-style: initial; border-color: initial;" title="mm03" src="http://ae-users.com/jp/wp-content/uploads/2012/03/mm03-400x127.png" alt="" width="400" height="127" /></a></div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/mm03.png" class="sb-img" rel="shadowbox[post-7711];player=img;"></a>「パート名 VOCALOID3 Vowel Data (BPM ※)」についたマーカーの母音情報は、以下の法則に基づいて付いています。</div>
<div>清音、濁音、半濁音、小文字の&#8221;ぁ、ぃ、ぅ、ぇ、ぉ、ゃ、ゅ、ょ、ゎ&#8221;、&#8221;ヶ&#8221;は、</div>
<div>それぞれ対応した母音により「a」「i」「u」「e」「o」</div>
<div>小文字の&#8221;っ&#8221;、長音符、踊り字は一つ前のノートの母音、&#8221;ん&#8221;は、「n」</div>
<div id="_mcePaste">複数で構成される文字(きゃ)などは促音から判定</div>
<div id="_mcePaste">それ以外のものは、ノートに入力された文字がそのままマーカーのメモになります。</div>
<h3>ファイルのダウンロード</h3>
<div>プラグイン・認証スクリプトのダウンロードはこちらからどうぞ。<strong><span style="text-decoration: underline;">このプラグイン自体はAfter Effectsでは動作しないのでご注意ください。</span></strong></div>
<div><strong><span style="text-decoration: underline;"><a style="font-weight: normal;" rel="attachment wp-att-7800" href="http://ae-users.com/jp/resources/2012/03/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%ef%bd%9evocaloid3%e3%81%a8%e9%80%a3%e6%90%ba%e7%b7%a8%ef%bd%9e/attachment/marker-maker-for-after-effects-3100/">Marker Maker for After Effects 3100</a><br />
</span></strong></div></p>
<div class='wb_fb_comment'><br/></div>
	タグ : <a href="http://ae-users.com/jp/tag/javascript/" title="JavaScript" rel="tag nofollow">JavaScript</a>, <a href="http://ae-users.com/jp/tag/sound/" title="sound" rel="tag nofollow">sound</a>, <a href="http://ae-users.com/jp/tag/vocaloid/" title="VOCALOID" rel="tag nofollow">VOCALOID</a>, <a href="http://ae-users.com/jp/tag/vocaloid3/" title="VOCALOID3" rel="tag nofollow">VOCALOID3</a>, <a href="http://ae-users.com/jp/tag/%e9%9f%b3/" title="音" rel="tag nofollow">音</a><span id="addbt">[<a onclick="jQuery('p#addtags').slideDown('fast');jQuery('#addbt').fadeOut('fast');">タグを追加する</a>]</span><br />

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://ae-users.com/jp/tutorials/2012/01/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/" title="音のデータとAfter Effects その2 (2012/1月/15)">音のデータとAfter Effects その2</a> (27)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2012/01/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae1/" title="音のデータとAfter Effects その1 (2012/1月/14)">音のデータとAfter Effects その1</a> (47)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2012/03/vocaloid3%e3%81%a8after-effects/" title="VOCALOID3とAfter Effects ～Marker Maker for After Effects解説～(2012/3/31/v3.1.0.0) (2012/3月/26)">VOCALOID3とAfter Effects ～Marker Maker for After Effects解説～(2012/3/31/v3.1.0.0)</a> (18)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2012/05/iphone_html5_guriguri/" title="AfterEffectsを使ったiPhone用アニメーションjpegの作り方 (2012/5月/10)">AfterEffectsを使ったiPhone用アニメーションjpegの作り方</a> (73)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2011/04/after-effects%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%80%81%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%85%a5%e9%96%80%e3%80%80%e3%81%9d-6/" title="After Effectsユーザーのための、プログラミング入門　その６ AEスクリプトのTips (2011/4月/28)">After Effectsユーザーのための、プログラミング入門　その６ AEスクリプトのTips</a> (11)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://ae-users.com/jp/resources/2012/03/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%ef%bd%9evocaloid3%e3%81%a8%e9%80%a3%e6%90%ba%e7%b7%a8%ef%bd%9e/feed/</wfw:commentRss>
		<slash:comments>62</slash:comments>
		</item>
		<item>
		<title>色のデータとAfter Effects その2</title>
		<link>http://ae-users.com/jp/tutorials/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/</link>
		<comments>http://ae-users.com/jp/tutorials/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/#comments</comments>
		<pubDate>Mon, 12 Mar 2012 13:00:30 +0000</pubDate>
		<dc:creator>あかつき みさき</dc:creator>
				<category><![CDATA[TIPS - 操作]]></category>
		<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[レベル]]></category>
		<category><![CDATA[色]]></category>
		<category><![CDATA[色調補正]]></category>

		<guid isPermaLink="false">http://ae-users.com/jp/?p=7658</guid>
		<description><![CDATA[このシリーズでは基本的な色のエフェクトから、色のデータを扱う時に知っておくとちょっと便利な小ネタやスクリプト、そして実力派のプラグインをシリーズでご紹介します。また、アルファについても触れるつもりです。(レベル編)]]></description>
			<content:encoded><![CDATA[<div class='wb_fb_top'><div style="float:right;"></div></div><p>
<a href="http://ae-users.com/jp/resources/2012/03/%E8%89%B2%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%E3%81%9D%E3%81%AE1/">前回</a>はトーンカーブについてご紹介しました。<br />
<div>今回は<strong>レベル</strong>エフェクトについてご紹介します。</div>
<div><em>(Windows版CS5、色深度は32bpcでご紹介します)</em></div>
<h3>レベル編</h3>
<div><strong>レベル</strong>は「色調補正」の中にあり、<strong>画像の輝度、コントラスト、ガンマを補正する</strong>ことができます。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv000.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-full wp-image-7677" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv000.png" alt="" width="365" height="367" /></a></div>
<div>レベルエフェクトの特徴は、<strong>ヒストグラム</strong>でしょう。</div>
<div><strong>ヒストグラム</strong>はレベルエフェクトに限らず、<strong>カラーコレクション関係のエフェクトに搭載されている</strong>ことがあります。</div>
<div>ヒストグラムでは、<strong>画像の各輝度のピクセルがどの程度あるか</strong>を見ることができます。<strong>左ほど暗いピクセル、右ほど明るいピクセル</strong>を表しています。<strong>グラフの縦の長さでピクセルの量を表しています。</strong></div>
<div>レベルエフェクトには5つのスライダーがついています。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv001.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-full wp-image-7678" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv001.png" alt="" width="365" height="367" /></a></div>
<div>上のグラフの左から、<strong>黒の入力レベル</strong>、<strong>ガンマ</strong>、<strong>白の入力レベル</strong>、</div>
<div>下のグラデーションの左から<strong>黒の出力レベル</strong>、<strong>白の出力レベル</strong>を表しています。</div>
<div><a href="http://ae-users.com/jp/resources/2012/03/%E8%89%B2%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%E3%81%9D%E3%81%AE1/">前回</a>紹介した<strong>トーンカーブでいうと、横軸が上のスライダー、縦軸が下のスライダー</strong>といった感じです。</div>
<div>調整を始める前に、デフォルトだと「RGB」「赤」「緑」「青」「アルファ」<strong>すべてのチャンネルが混ざって</strong>いて見づらいので、<strong>ヒストグラムをクリックする</strong><strong>ことで<strong>チャンネルを</strong></strong><strong><strong>ソロ</strong></strong>にし、見やすくしましょう。</div>
<div>右の2つの丸でソロかどうかわかります。上の丸が白いとすべて、下が白いとチャンネルをソロで見れます。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv002.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-medium wp-image-7679" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv002-392x400.png" alt="" width="392" height="400" /></a></div>
<div>これでRGBの値のみ見ることができます。</div>
<div>今回は写真を用意しました。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv0021.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-medium wp-image-7680" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv0021-400x156.png" alt="" width="400" height="156" /></a></div>
<div>さっそくヒストグラムで見てみましょう。</div>
<div>まず、<strong>RGBの値</strong>のみを見ると、<strong>全体的に滑らかで、大きな山が一つ</strong>あります。</div>
<div>また、わずかですが<strong>暗い部分と明るい部分がが欠けている</strong>ことがわかります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv0022.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-full wp-image-7681" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv0022.png" alt="" width="386" height="376" /></a></div>
<div><strong>左上のスライダーで、黒の入力レベルを調節</strong>します。</div>
<div>次に<strong>右上のスライダーで、白の入力レベルを調節</strong>します。見比べると、<strong>全体的に色が引き締まった</strong>ように感じます。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv011.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-medium wp-image-7700" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv011-400x155.png" alt="" width="400" height="155" /></a></div>
<div><a href="http://ae-users.com/jp/resources/2012/03/%E8%89%B2%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%E3%81%9D%E3%81%AE1/">前回</a>ご紹介したトーンカーブで調節するとこのようになります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv003.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-full wp-image-7682" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv003.png" alt="" width="376" height="362" /></a></div>
<div>下限と上限の、<strong>ある範囲の明るさを、同じ暗さ・同じ明るさとして出力している</strong>わけですね。</div>
<div>次にガンマを調節してみます。ガンマは中心のスライダーで調節します。</div>
<div>ここで少し考えてみましょう。</div>
<div><strong>中心のスライダーを左に動かします。画像は明るくなるでしょうか？暗くなるでしょうか？</strong></div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv004.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-full wp-image-7683" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv004.png" alt="" width="370" height="390" /></a></div>
<div>ここでは、<strong>ヒストグラムの見方が重要</strong>になります。</div>
<div>ヒストグラムは、<strong>画像の各輝度のピクセルがどの程度あるか</strong>を表しています。<strong>ガンマはその中心を表している</strong>と考えてください。</div>
<div>ここでは、中心のスライダー(ガンマ)を左に調整しています。</div>
<div>画像を見てみましょう。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv005.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-medium wp-image-7684" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv005-400x154.png" alt="" width="400" height="154" /></a></div>
<div>画像は<strong>明るく</strong>なっています。<strong>中心を暗い方に移動したから</strong>です。<strong><span style="text-decoration: underline">暗かった部分が、明るさの中心になることで全体的に明るくなった</span></strong>わけです。</div>
<div>トーンカーブで表すと、このような感じです。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv006.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-medium wp-image-7685" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv006-400x154.png" alt="" width="400" height="154" /></a></div>
<h3>レベルを用いたデプスマップ(アルファ)の調整</h3>
<div>3DCGソフトで<strong>デプスマップ</strong>を書き出す際に、カメラ設定を誤ってしまったりと再調整したい場合があります。</div>
<div>しかし再レンダリングする時間はない・・・そんな場合はレベルエフェクトで調整しましょう。場合によっては再レンダリングせずに調節できます。</div>
<div>デプスマップにレベルエフェクトを適用します。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv007.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-medium wp-image-7686" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv007-400x153.png" alt="" width="400" height="153" /></a></div>
<div>ガンマを調節し、再調整した状態</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv008.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-medium wp-image-7687" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv008-400x155.png" alt="" width="400" height="155" /></a></div>
<div><strong>ただし、これは力技ですので、8bpcでは不自然になる可能性が高いです。</strong></div>
<h4>8bpcの場合</h4>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv009.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-medium wp-image-7688" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv009-400x152.png" alt="" width="400" height="152" /></a></div>
<div><strong>全体的にガタついている</strong>ことがわかります。</div>
<div>ちなみに、デプスマップの調整次第では<strong>トラックマットで使用できる</strong>ことがあります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/lv010.png" class="sb-img" rel="shadowbox[post-7658];player=img;"><img class="alignnone size-medium wp-image-7689" src="http://ae-users.com/jp/wp-content/uploads/2012/03/lv010-400x154.png" alt="" width="400" height="154" /></a></div>
<h3>色調補正の意味は？</h3>
<div>色補正を紹介していますが、当然、データの欠落などの観点的には<strong>色の補正を必要としない</strong>方がいい場合が多いでしょう。</div>
<div>撮影時の環境やカメラマンの腕前など毎回違うことですので、統一するには補正作業が必要になると思います。もちろん、<strong>効果として色を変化させる</strong>場合もあります。</div>
<div><strong>ただ、色を補正する場合、調整次第でデータが欠落する</strong>ということは頭の片隅に覚えておきましょう。</div>
<address></address> <address></address> <address></address></p>
<div class='wb_fb_comment'><br/></div>
	タグ : <a href="http://ae-users.com/jp/tag/color/" title="color" rel="tag nofollow">color</a>, <a href="http://ae-users.com/jp/tag/%e3%83%ac%e3%83%99%e3%83%ab/" title="レベル" rel="tag nofollow">レベル</a>, <a href="http://ae-users.com/jp/tag/%e8%89%b2/" title="色" rel="tag nofollow">色</a>, <a href="http://ae-users.com/jp/tag/%e8%89%b2%e8%aa%bf%e8%a3%9c%e6%ad%a3/" title="色調補正" rel="tag nofollow">色調補正</a><span id="addbt">[<a onclick="jQuery('p#addtags').slideDown('fast');jQuery('#addbt').fadeOut('fast');">タグを追加する</a>]</span><br />

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://ae-users.com/jp/tips/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae3/" title="色のデータとAfter Effects その3 (2012/3月/28)">色のデータとAfter Effects その3</a> (12)</li>
	<li><a href="http://ae-users.com/jp/resources/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae1/" title="色のデータとAfter Effects その1 (2012/3月/10)">色のデータとAfter Effects その1</a> (33)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://ae-users.com/jp/tutorials/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>色のデータとAfter Effects その1</title>
		<link>http://ae-users.com/jp/resources/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae1/</link>
		<comments>http://ae-users.com/jp/resources/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae1/#comments</comments>
		<pubDate>Sat, 10 Mar 2012 02:00:33 +0000</pubDate>
		<dc:creator>あかつき みさき</dc:creator>
				<category><![CDATA[RESOURCES]]></category>
		<category><![CDATA[TIPS - 操作]]></category>
		<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[トーンカーブ]]></category>
		<category><![CDATA[色]]></category>
		<category><![CDATA[色調補正]]></category>

		<guid isPermaLink="false">http://ae-users.com/jp/?p=7584</guid>
		<description><![CDATA[After Effectsに色が関係するエフェクトがいくつあるかご存知ですか？
このシリーズでは基本的な色のエフェクトから、色のデータを扱う時に知っておくとちょっと便利な小ネタやスクリプト、そして実力派のプラグインをシリーズでご紹介します。また、アルファについても触れるつもりです。(トーンカーブ編)]]></description>
			<content:encoded><![CDATA[<div class='wb_fb_top'><div style="float:right;"></div></div><p>
<h3>色のデータとAfter Effects</h3>
<div><strong>After Effectsに色が関係するエフェクトがいくつあるかご存知ですか？</strong></div>
<div><strong> </strong>あまりにも多くて、実際に触ったことのないエフェクトも多いかと思います。私自身も、使い方がよくわからなかったり、使ったことのないエフェクトがあります。</div>
<div>このシリーズでは、AEに入っている基本的な色のエフェクトから、色のデータをAEで扱う時に知っておくと、ちょっと便利な小ネタやスクリプト、そして実力派のプラグインをシリーズでご紹介します。また、アルファについても触れるつもりです。</div>
<div><em>(ここではWindows版 CS5でご紹介します)</em></div>
<h3>色々な色のエフェクトたち</h3>
<div>さて、早速色、アルファが関係するエフェクトの数を数えていきましょう。まず<strong>「色調補正」</strong>に29個。</div>
<div><strong>「Color Correction」</strong>に2つ。<strong>「Channel」</strong>に1つ、<strong>「チャンネル」</strong>に12個。<strong>「ユーティリティ」</strong>に6つ。</div>
<div>アルファ関連で<strong>「Keying」</strong>に2つ、<strong>「キーイング」</strong>に9個。<strong>「Matte」</strong>に1つと<strong>「マット」</strong>に3つ。</div>
<div>そして、サードパーティ製の<strong>「SA Color Finesse 3」</strong>。</div>
<div>29 + 2 + 1 + 12 + 6 + 2 + 9 + 1 + 3 + 1 = <strong>66</strong>。</div>
<div>標準でこれだけのものがあるわけですから、どれだけ色というものが映像において重要なのかがわかります。</div>
<div>全部をご紹介するわけにはいかないので、特に使用頻度が高いと思われるものや便利なものを、順番にご紹介します。ちょっとしたクイズもあるので、実際に考えながらご覧ください。</div>
<h3>トーンカーブ編</h3>
<div><strong>トーンカーブ</strong>は「色調補正」の中にあり、<strong>色を曲線のグラフで調整するエフェクト</strong>です。定番のエフェクトといっても過言ではないので、AE以外でもよく使う人はいるのではないでしょうか。</div>
<div>トーンカーブはまず適用すると45度の直線のグラフが現れます。<strong>横軸が元のデータの入力レベルを表し、縦軸で出力レベルを表しています</strong>。<strong>横軸の右側ほど明るく、縦軸の上の方ほど明るい</strong>という風になっています。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co00.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-full wp-image-7612" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co00.png" alt="" width="360" height="372" /></a></div>
<div>
<div>今回はこの画像を例に説明していきます。実際に同じものを使用したい方はダウンロードからどうぞ。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co01.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img src="http://ae-users.com/jp/wp-content/uploads/2012/03/co01-399x185.png" alt="" width="399" height="185" /></a></div>
<div><a class="dl" href="http://ae-users.com/jp/?attachment_id=7637">ダウンロード</a></div>
<p><strong>一番明るい部分がどのように入力され、出力されているか確認したい場合</strong>は、まず<strong>横軸が元のデータの入力レベル</strong>を表しているので、横軸の一番右端部分を見ます。一番右端は一番高い部分でポイントが打たれています。</p>
<p><strong>縦軸で出力レベル</strong>を表していて、高いほど明るいので、この場合は<strong>横軸と縦軸と同じ距離を進んだところにポイントが打たれているので、一番明るい部分は同じく一番明るく出力されている</strong>、ということがわかります。</p>
</div>
<div>では実際に画像を見ながらトーンカーブを触ってみましょう。</div>
<div>例えば、<strong>右端のポイントを下げると、元々明るく入れたものを暗く出力する</strong>、ということでこのようになります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co02.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7596" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co02-400x156.png" alt="" width="400" height="156" /></a></div>
<div>反対に、<strong>左端のポイントを持ちあげると、元々暗く入れたものを明るく出力する</strong>、ということでこのようになります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co03.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7599" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co03-400x155.png" alt="" width="400" height="155" /></a></div>
<div>では、<strong>グラフの中心にポイントを打って持ちあげて</strong>みましょう。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co04.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7600" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co04-400x154.png" alt="" width="400" height="154" /></a></div>
<div>左端を持ちあげたときと同じように、画像は明るくなっていますが、この調整では主に<strong>中間ぐらいの明るさの色が上がって</strong>います。</div>
<h3>トーンカーブ、こんな場合は？</h3>
<div>では少し考えてみましょう。<strong>このグラフを下の画像のように縦軸の中心で横一直線にした場合</strong>、画像はどのようになっているでしょうか？</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co051.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-full wp-image-7601" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co051.png" alt="" width="372" height="358" /></a></div>
<div>わからない方は先ほどの<strong>横軸と縦軸の関係</strong>を思い出してみてください。</div>
<div><strong>横軸が元のデータの入力レベルを表し、縦軸で出力レベルを表しています。</strong></div>
<div>適応した直後は、45度でした。これは、<strong>元の入力レベルと同じレベルで出力している</strong>ということです。なので、<strong>トーンカーブ適応直後は何も変化がない</strong>わけです。</div>
<div>では、先ほどの横一直線のグラフの場合だとどうなるでしょうか？</div>
<div>縦軸を見てみましょう。<strong>すべての入力レベルは、すべて同じレベルで出力されている</strong>、ということです。</div>
<div>つまり、<strong>同じ色で出力されている</strong>ということです。</div>
<div><strong>縦軸は上ほど明るい</strong>というのは先ほど説明しました。つまり、<strong>下ほど暗い</strong>というのはわかるかと思います。その中心ですので・・・</div>
<div>実際に適応した場合、このようになります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co05.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7602" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co05-400x154.png" alt="" width="400" height="154" /></a></div>
<div>このように、<strong>灰色一色</strong>になります。答えはあっていましたか？</div>
<h3>個別に色を操る</h3>
<div>では<strong>一度リセット</strong>した後、今度は<strong>チャンネル部分を選択</strong>してみましょう。</div>
<div>今まではRGBつまり赤緑青と、<strong>全ての色を一括で操っていた</strong>わけです。</div>
<div>ここでは、<strong>赤を選択</strong>します。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co06.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-full wp-image-7603" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co06.png" alt="" width="378" height="322" /></a></div>
<div>このグラフでも、<strong>横軸が元のデータの入力レベルを表し、縦軸で出力レベルを表していることは変わりません。</strong></div>
<div>ただしこのグラフは、<strong>赤色のみを操作</strong>します。</div>
<div>では試しに、<strong>右端、明るい部分をすべて下げてしまいましょう</strong>。</div>
<div>すると、こんな風になります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co07.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7604" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co07-400x154.png" alt="" width="400" height="154" /></a></div>
<div><strong>光の三原色</strong>については学校で習ったと思います。覚えていない人もここで覚えれば役に立つはずです。</div>
<div>元々、<strong>白い部分は赤、緑、青と3つの色がすべて明るい場合に白く</strong>なります。</div>
<div>足し算風に表すと、</div>
<div><span style="text-decoration: underline">赤 + 緑 + 青 = 白</span></div>
<div>です。</div>
<div>ここで、赤を右に移行します。すると式はこのようになりますね。</div>
<div><span style="text-decoration: underline">緑 + 青 = 白 &#8211; 赤</span></div>
<div>つまり、今この画像は<strong>赤い部分をすべて切っているので、緑と青の色のみで構成されている</strong>ことがわかります。</div>
<div>では、<strong>赤を下げた状態で緑と青も同じように右端をすべて下げましょう。</strong></div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co08.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7605" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co08-400x154.png" alt="" width="400" height="154" /></a></div>
<div><em>赤に続いて緑を下げた状態</em></div>
<div><em><br /><br />
</em></div>
<div>すると、<strong>画像が真っ暗になる</strong>ことがわかります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co09.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7606" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co09-400x153.png" alt="" width="400" height="153" /></a></div>
<div>= 白 &#8211; 赤 &#8211; 緑 &#8211; 青</div>
<div><strong>すべて暗くしたわけですから、当然黒色になります。</strong>さて、ここで<strong>チャンネルをRGBに戻して</strong>みましょう。</div>
<div>個別の操作は全体のRGBとは別処理になっているので、全体のRGBのグラフに変化はありませんが、画像は真っ暗なままです。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co10.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7607" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co10-400x156.png" alt="" width="400" height="156" /></a></div>
<div>ここでまた考えてみましょう。<strong>先ほどと同じように、RGBチャンネルのグラフを縦軸の中心で横一直線にした場合、画像はどのようになっているでしょう</strong>か？</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co051.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-full wp-image-7601" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co051.png" alt="" width="372" height="358" /></a></div>
<div>ここで注意してもらいたいのが、<strong>先ほど調整したRGBそれぞれの値は、すでに適応されている</strong>ということです。</div>
<div><strong>チャンネルをRGBに戻しても、グラフがデフォルトのままだったのに画像は調整済み(黒いまま)だった</strong>ことからもわかります。</div>
<div>さて、わかりましたか？<strong>横軸と縦軸の関係</strong>をちゃんと理解していればわかるはずです。</div>
<div>赤、緑、青をすべて下げた後で、RGBのチャンネルで実際に一直線にした場合、以下のようになります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co11.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7608" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co11-400x153.png" alt="" width="400" height="153" /></a></div>
<div>そう、<strong>先ほどとまったく同じ灰色一色</strong>です。<strong>明るさの出力レベルが同じならば、同じレベル(色)にしかならない</strong>からです。</div>
<div>では最後の問題です。今まさに<strong>RGBそれぞれを単独で下げ、縦軸の中心で横一直線に調節したものを引き続き使用</strong>します。</div>
<div>4つあるので、それぞれの場合の、画像を考えてください。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co12.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7609" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co12-290x400.png" alt="" width="290" height="400" /></a></div>
<div><strong>ヒントはRGBのチャンネルを調整する前の画像は黒一色だった</strong>ということです。</div>
<div>ではまず1の答えから。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co13.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7619" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co13-400x155.png" alt="" width="400" height="155" /></a></div>
<div><strong>元の画像が黒一色だったということは、左端のポイントが重要</strong>、ということがわかります。</div>
<div>左端のポイントは、<strong>画像の一番暗い部分(黒)</strong>です。縦の位置によってどの明るさ(色)で出力されるかが決まります。</div>
<div><strong>暗い部分を暗く出力する</strong>わけですから、当然<strong>画像は暗い(黒い)まま</strong>です。</div>
<div>次に2の答え。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co14.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7620" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co14-400x154.png" alt="" width="400" height="154" /></a></div>
<div><strong>暗い部分を明るく出力する</strong>わけですから、<strong>画像は明るく(白く)</strong>なります。</div>
<div><strong>右</strong><strong>端のポイントを上下しても色は変わりません。</strong>なぜなら、<strong><span style="text-decoration: underline">元の画像に明るい部分は含まれていない</span></strong>からです。含まれていないものをどうやっても調節することはできません。</div>
<div>では3と4の答えを、続けて見ましょう。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co15.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7622" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co15-400x154.png" alt="" width="400" height="154" /></a> <a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co16.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7621" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co16-400x153.png" alt="" width="400" height="153" /></a></div>
<div>先ほども書いたように、<strong>元の画像に明るい部分は含まれていない</strong>ので、<strong>色は灰色のまま</strong>です。</div>
<div>トーンカーブについて、どういうものかわかりましたか？</div>
<div>トーンカーブを理論的に操ることで、理想の色に近づけることができます。トーンカーブに限らず、色々試行錯誤してみてください。</div>
<h3>acvファイルで簡略化</h3>
<div>同じような素材をいくつも扱う場合、何度も同じように調節するのは面倒です。そんな時は、<strong>acvファイルにトーンカーブの設定を保存</strong>しましょう。</div>
<div><strong>acvファイル</strong>とは、Photoshop.CurvesFileというもので、<strong>トーンカーブの設定を保存する</strong>専用のフォーマットです。名前の通り、<strong>Photoshopでも使用することができます。</strong></div>
<div>トーンカーブエフェクトの<strong>フロッピーディスクのアイコンをクリック</strong>すると、保存ダイアログが立ち上がります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co18.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-full wp-image-7628" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co18.png" alt="" width="368" height="362" /></a></div>
<div><strong>保存したacvファイルを適用したい場合</strong>は、<strong>フォルダのアイコンをクリック</strong>すると読み込みダイアログが立ち上がります。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co19.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-full wp-image-7629" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co19.png" alt="" width="368" height="332" /></a></div>
<div>Photoshopは画像のように書き出し・読み込みができます。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co20.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7630" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co20-281x400.png" alt="" width="281" height="400" /></a></div>
<h3>白よりも明るい色</h3>
<div>さて、最後になりましたが、ひとつ重要なことを書きます。</div>
<div><strong>色深度</strong>というものがあります。</div>
<div><strong>プロジェクトウィンドウの～bpc</strong>というものがそれです。After Effectsでは3種類扱えます。<strong>8,16,32bpc</strong>です。</div>
<div><a href="http://ae-users.com/jp/wp-content/uploads/2012/03/co17.png" class="sb-img" rel="shadowbox[post-7584];player=img;"><img class="alignnone size-medium wp-image-7623" src="http://ae-users.com/jp/wp-content/uploads/2012/03/co17-400x200.png" alt="" width="400" height="200" /></a></div>
<div>この違いは、それぞれで<strong>扱える色の範囲が違う</strong>ことです。<strong>値が大きいほど細かい色(正確な色)を扱える</strong>ということです。その分計算時間は長くなりますが・・・。</div>
<div><strong>この中で唯一、32bpcは白よりも明るい値を扱うことができます。</strong></div>
<div>詳しくは、Adobeのページに丁寧で詳しい解説があるので、興味のある方はそちらをご覧ください。</div>
<div><a href="http://www.adobe.com/jp/joc/focusin/tips/ae_recipe02.html">After Effectsにおける「色」と「ハイダイナミックレンジ」</a></div>
<h3>その2へ</h3>
<div>本当は数種類紹介する予定だったのですが・・・トーンカーブだけでこの長さになってしまいました。その2に続きます。</div></p>
<div class='wb_fb_comment'><br/></div>
	タグ : <a href="http://ae-users.com/jp/tag/color/" title="color" rel="tag nofollow">color</a>, <a href="http://ae-users.com/jp/tag/%e3%83%88%e3%83%bc%e3%83%b3%e3%82%ab%e3%83%bc%e3%83%96/" title="トーンカーブ" rel="tag nofollow">トーンカーブ</a>, <a href="http://ae-users.com/jp/tag/%e8%89%b2/" title="色" rel="tag nofollow">色</a>, <a href="http://ae-users.com/jp/tag/%e8%89%b2%e8%aa%bf%e8%a3%9c%e6%ad%a3/" title="色調補正" rel="tag nofollow">色調補正</a><span id="addbt">[<a onclick="jQuery('p#addtags').slideDown('fast');jQuery('#addbt').fadeOut('fast');">タグを追加する</a>]</span><br />

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://ae-users.com/jp/tips/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae3/" title="色のデータとAfter Effects その3 (2012/3月/28)">色のデータとAfter Effects その3</a> (12)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/" title="色のデータとAfter Effects その2 (2012/3月/12)">色のデータとAfter Effects その2</a> (14)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://ae-users.com/jp/resources/2012/03/%e8%89%b2%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae1/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>After Effectsユーザーのための、プログラミング入門　その13 バックグラウンドでレンダリング</title>
		<link>http://ae-users.com/jp/tutorials/2012/01/after-effects%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%80%81%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%85%a5%e9%96%80%e3%80%80%e3%81%9d-18/</link>
		<comments>http://ae-users.com/jp/tutorials/2012/01/after-effects%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%80%81%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%85%a5%e9%96%80%e3%80%80%e3%81%9d-18/#comments</comments>
		<pubDate>Sun, 15 Jan 2012 13:22:06 +0000</pubDate>
		<dc:creator>bry-ful</dc:creator>
				<category><![CDATA[TIPS - スクリプト]]></category>
		<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[スクリプト]]></category>
		<category><![CDATA[レンダリング]]></category>

		<guid isPermaLink="false">http://ae-users.com/jp/?p=7479</guid>
		<description><![CDATA[
aerenderでレンダリング
今回はAfter Effectsに付属するaerenderを使ったバックグラウンドでレンダリングする手順を説明します。

まず、バックグラウンドでレンダリングを行うスクリプト「バックグラ [...]]]></description>
			<content:encoded><![CDATA[<div class='wb_fb_top'><div style="float:right;"></div></div><p>
<h3>aerenderでレンダリング</h3>
今回はAfter Effectsに付属する<strong>aerender</strong>を使ったバックグラウンドでレンダリングする手順を説明します。<br />
<br />
まず、バックグラウンドでレンダリングを行うスクリプト「<strong>バックグラウンドでレンダリング.jsx</strong>」を紹介します。<br />
ダウンロードは<a href="http://bit.ly/wCMrp8">ここ</a>からできます。<br />
<a href ="http://bit.ly/wCMrp8" class="dl">bgRender.zip</a><br />
<br />
<h3>バックグラウンドでレンダリング.jsx</h3>
このスクリプトは単純にaerender.exeを呼び出してるだけで実はかなり簡単なスクリプトです。<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/01/aer01.png" class="sb-img" rel="shadowbox[post-7479];player=img;"><img src="http://ae-users.com/jp/wp-content/uploads/2012/01/aer01.png" alt="" title="aer01" width="205" height="152" class="aligncenter size-full wp-image-7480" /></a><br />
同じスクリプトで&#8221;<a href="http://ae-users.com/jp/tips/scripts-show/2011/01/bg-renderer-2/">BG Renderer</a>&#8220;があります(AEP Projectでも紹介されているので参照してください。<a href="http://ae-users.com/jp/tips/scripts-show/2011/01/bg-renderer-2/">ここ</a>です）<br />
<br />
間違いなく機能的にも使い勝手的にも<strong>BG Renderer</strong>の方が上です。このスクリプトの存在を知ったのは「バックグラウンドでレンダリング.jsx」を作った後のなのでかなり凹みました。ただ、<strong>BG Renderer</strong>は内部で何をしているか遮蔽されたスクリプトなのでエラーで対処に困るという話があります。調べてみましたが、それは<strong>BG Renderer</strong>が原因ではなく説明不足によるものがほとんどと思いました。<br />
<br />
バックグラウンドでレンダリング.jsxは基本的に<strong>BG Renderer</strong>と同じ事をしてるはずなので、この説明を読めば<strong>BG Renderer</strong>も使いやすくなると思います。<br />
<br />
<hr /><br />
さて説明です。このスクリプトは最低でもレンダーキューに1個レンダリング可能なアイテムが登録していないと実行できませんので注意です。<br />
実行すれば、DOSコンソールが開いてレンダリングが開始されます。終わればいつもの終了音がなります。<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/01/aer05.png" class="sb-img" rel="shadowbox[post-7479];player=img;"><img src="http://ae-users.com/jp/wp-content/uploads/2012/01/aer05-400x291.png" alt="" title="aer05" width="400" height="291" class="aligncenter size-medium wp-image-7522" /></a><br />
<br />
そんなに長いスクリプトではないので全部見せます。<br />
<br />

<div class="wp_syntax"><div class="code"><pre class="expression" style="font-family:monospace;"><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>me<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
  <span style="color: #003366; font-weight: bold;">var</span> listPro_items <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;Lo(推奨)&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;Normal&quot;</span> <span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
  <span style="color: #006600; font-style: italic;">//-------------------------------------------------------------------------</span>
  <span style="color: #003366; font-weight: bold;">var</span> winObj <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span> me <span style="color: #F0A090; font-weight: bold;">instanceof</span> Panel<span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> me <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">new</span> Window<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;palette&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;バックグラウンドでレンダリング&quot;</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#91;</span> <span style="color: #CC0000;">866</span><span style="color: #339933;">,</span>  <span style="color: #CC0000;">465</span><span style="color: #339933;">,</span>  <span style="color: #CC0000;">866</span><span style="color: #339933;">+</span> <span style="color: #CC0000;">179</span><span style="color: #339933;">,</span>  <span style="color: #CC0000;">465</span><span style="color: #339933;">+</span>  <span style="color: #CC0000;">89</span><span style="color: #009900;">&#93;</span>  <span style="color: #339933;">,</span><span style="color: #009900;">&#123;</span>maximizeButton<span style="color: #339933;">:</span><span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> minimizeButton<span style="color: #339933;">:</span><span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #006600; font-style: italic;">//-------------------------------------------------------------------------</span>
  <span style="color: #003366; font-weight: bold;">var</span> btnExec <span style="color: #339933;">=</span> winObj.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;button&quot;</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#91;</span>   <span style="color: #CC0000;">7</span><span style="color: #339933;">,</span>   <span style="color: #CC0000;">12</span><span style="color: #339933;">,</span>    <span style="color: #CC0000;">7</span><span style="color: #339933;">+</span> <span style="color: #CC0000;">164</span><span style="color: #339933;">,</span>   <span style="color: #CC0000;">12</span><span style="color: #339933;">+</span>  <span style="color: #CC0000;">23</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;バックグランドでレンダー開始&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  btnExec.<span style="color: #660066;">graphics</span>.<span style="color: #660066;">font</span> <span style="color: #339933;">=</span> ScriptUI.<span style="color: #660066;">newFont</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Tahoma&quot;</span><span style="color: #339933;">,</span>ScriptUI.<span style="color: #660066;">FontStyle</span>.<span style="color: #660066;">REGULAR</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #003366; font-weight: bold;">var</span> stPro <span style="color: #339933;">=</span> winObj.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;statictext&quot;</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#91;</span>   <span style="color: #CC0000;">4</span><span style="color: #339933;">,</span>   <span style="color: #CC0000;">46</span><span style="color: #339933;">,</span>    <span style="color: #CC0000;">4</span><span style="color: #339933;">+</span>  <span style="color: #CC0000;">82</span><span style="color: #339933;">,</span>   <span style="color: #CC0000;">46</span><span style="color: #339933;">+</span>  <span style="color: #CC0000;">14</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;プロセス優先度&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  stPro.<span style="color: #660066;">graphics</span>.<span style="color: #660066;">font</span> <span style="color: #339933;">=</span> ScriptUI.<span style="color: #660066;">newFont</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Tahoma&quot;</span><span style="color: #339933;">,</span>ScriptUI.<span style="color: #660066;">FontStyle</span>.<span style="color: #660066;">REGULAR</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #003366; font-weight: bold;">var</span> listPro <span style="color: #339933;">=</span> winObj.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;dropdownlist&quot;</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#91;</span>  <span style="color: #CC0000;">92</span><span style="color: #339933;">,</span>   <span style="color: #CC0000;">42</span><span style="color: #339933;">,</span>   <span style="color: #CC0000;">92</span><span style="color: #339933;">+</span>  <span style="color: #CC0000;">79</span><span style="color: #339933;">,</span>   <span style="color: #CC0000;">42</span><span style="color: #339933;">+</span>  <span style="color: #CC0000;">21</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> listPro_items<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  listPro.<span style="color: #660066;">items</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">selected</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
  listPro.<span style="color: #660066;">graphics</span>.<span style="color: #660066;">font</span> <span style="color: #339933;">=</span> ScriptUI.<span style="color: #660066;">newFont</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Tahoma&quot;</span><span style="color: #339933;">,</span>ScriptUI.<span style="color: #660066;">FontStyle</span>.<span style="color: #660066;">REGULAR</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #003366; font-weight: bold;">var</span> cbExecGo <span style="color: #339933;">=</span> winObj.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;checkbox&quot;</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#91;</span>   <span style="color: #CC0000;">7</span><span style="color: #339933;">,</span>   <span style="color: #CC0000;">68</span><span style="color: #339933;">,</span>    <span style="color: #CC0000;">7</span><span style="color: #339933;">+</span>  <span style="color: #CC0000;">79</span><span style="color: #339933;">,</span>   <span style="color: #CC0000;">68</span><span style="color: #339933;">+</span>  <span style="color: #CC0000;">18</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;強制実行&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  cbExecGo.<span style="color: #660066;">graphics</span>.<span style="color: #660066;">font</span> <span style="color: #339933;">=</span> ScriptUI.<span style="color: #660066;">newFont</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Tahoma&quot;</span><span style="color: #339933;">,</span>ScriptUI.<span style="color: #660066;">FontStyle</span>.<span style="color: #660066;">REGULAR</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
  <span style="color: #006600; font-style: italic;">//-------------------------------------------------------------------------</span>
  <span style="color: #003366; font-weight: bold;">function</span> exec<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
  <span style="color: #009900;">&#123;</span>
    <span style="color: #003366; font-weight: bold;">function</span> wq<span style="color: #009900;">&#40;</span>s<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #F0A090; font-weight: bold;">return</span> <span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\&quot;</span>&quot;</span><span style="color: #339933;">+</span> s <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\&quot;</span>&quot;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
&nbsp;
    <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>system.<span style="color: #660066;">osName</span>.<span style="color: #660066;">toLowerCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">indexOf</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;windows&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&lt;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
      <span style="color: #F0A090;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;すみません。Windows専用です。&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #F0A090; font-weight: bold;">return</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
&nbsp;
    <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> app.<span style="color: #660066;">project</span>.<span style="color: #660066;">file</span> <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
      <span style="color: #F0A090;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;プロジェクトを保存してください。&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #F0A090; font-weight: bold;">return</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #006600; font-style: italic;">//レンダーキューの確認</span>
    <span style="color: #003366; font-weight: bold;">var</span> rq <span style="color: #339933;">=</span> app.<span style="color: #660066;">project</span>.<span style="color: #660066;">renderQueue</span><span style="color: #339933;">;</span>
    <span style="color: #003366; font-weight: bold;">var</span> rqOK <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
    <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> rq.<span style="color: #660066;">numItems</span><span style="color: #339933;">&gt;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
      <span style="color: #F0A090; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span> i<span style="color: #339933;">&lt;=</span>rq.<span style="color: #660066;">numItems</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
        <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> rq.<span style="color: #F0A090; font-weight: bold;">item</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span>.<span style="color: #F0A090;">status</span> <span style="color: #339933;">==</span> RQItemStatus.<span style="color: #660066;">QUEUED</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
          <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> rq.<span style="color: #F0A090; font-weight: bold;">item</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">numOutputModules</span><span style="color: #339933;">&gt;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
            <span style="color: #F0A090; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> j<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span> j<span style="color: #339933;">&lt;=</span>rq.<span style="color: #F0A090; font-weight: bold;">item</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">numOutputModules</span><span style="color: #339933;">;</span> j<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
              <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>rq.<span style="color: #F0A090; font-weight: bold;">item</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">outputModule</span><span style="color: #009900;">&#40;</span>j<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">file</span> <span style="color: #339933;">!=</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span>
                <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>rq.<span style="color: #F0A090; font-weight: bold;">item</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">outputModule</span><span style="color: #009900;">&#40;</span>j<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">file</span>.<span style="color: #660066;">parent</span>.<span style="color: #660066;">exists</span> <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
                  rqOK <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
                  <span style="color: #F0A090; font-weight: bold;">break</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
            <span style="color: #009900;">&#125;</span>
          <span style="color: #009900;">&#125;</span>
        <span style="color: #009900;">&#125;</span>
        <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>rqOK <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span> <span style="color: #F0A090; font-weight: bold;">break</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>rqOK<span style="color: #339933;">==</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
      <span style="color: #F0A090;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;有効なレンダーキューがありません。&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #F0A090; font-weight: bold;">return</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #003366; font-weight: bold;">var</span> proOp <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #F0A090; font-weight: bold;">switch</span> <span style="color: #009900;">&#40;</span>listPro.<span style="color: #660066;">selection</span>.<span style="color: #660066;">index</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
      <span style="color: #F0A090; font-weight: bold;">case</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">:</span> proOp <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;/normal&quot;</span><span style="color: #339933;">;</span>break<span style="color: #339933;">;</span>
      <span style="color: #F0A090; font-weight: bold;">case</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">:</span> 
      <span style="color: #003366; font-weight: bold;">default</span><span style="color: #339933;">:</span>
        proOp <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;/low&quot;</span><span style="color: #339933;">;</span>
        <span style="color: #F0A090; font-weight: bold;">break</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #003366; font-weight: bold;">var</span> execGo <span style="color: #339933;">=</span> cbExecGo.<span style="color: #660066;">value</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #006600; font-style: italic;">//一時的に別ファイルにaepを保存して、Batchファイルを作成。</span>
    <span style="color: #003366; font-weight: bold;">var</span> af <span style="color: #339933;">=</span> app.<span style="color: #660066;">project</span>.<span style="color: #660066;">file</span><span style="color: #339933;">;</span>
    <span style="color: #003366; font-weight: bold;">var</span> tmpAep <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> File<span style="color: #009900;">&#40;</span>Folder.<span style="color: #660066;">temp</span>.<span style="color: #660066;">fullName</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;/&quot;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;aerender_temp_.aep&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>tmpAep.<span style="color: #660066;">exists</span><span style="color: #009900;">&#41;</span> 
    <span style="color: #009900;">&#123;</span>
      <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> execGo <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        cbExecGo.<span style="color: #660066;">value</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
        tmpAep.<span style="color: #660066;">remove</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span><span style="color: #F0A090; font-weight: bold;">else</span><span style="color: #009900;">&#123;</span>
        <span style="color: #F0A090;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;現在バックグラウンドでレンダリング中です。<span style="color: #000099; font-weight: bold;">\n</span>していない時は強制実行をONにしてください。&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #F0A090; font-weight: bold;">return</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
    app.<span style="color: #660066;">project</span>.<span style="color: #660066;">save</span><span style="color: #009900;">&#40;</span>tmpAep<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    app.<span style="color: #660066;">project</span>.<span style="color: #660066;">save</span><span style="color: #009900;">&#40;</span>af<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> aer <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> File<span style="color: #009900;">&#40;</span>Folder.<span style="color: #660066;">appPackage</span>.<span style="color: #660066;">fullName</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;/aerender.exe&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> cmd <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;@echo off<span style="color: #000099; font-weight: bold;">\r</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
    cmd <span style="color: #339933;">+=</span> <span style="color: #3366CC;">&quot;start <span style="color: #000099; font-weight: bold;">\&quot;</span><span style="color: #000099; font-weight: bold;">\&quot;</span> /b &quot;</span> <span style="color: #339933;">+</span> proOp <span style="color: #339933;">+</span><span style="color: #3366CC;">&quot; /wait &quot;</span><span style="color: #339933;">;</span>
    cmd <span style="color: #339933;">+=</span> wq<span style="color: #009900;">&#40;</span>aer.<span style="color: #660066;">fsName</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; -project &quot;</span> <span style="color: #339933;">+</span> wq<span style="color: #009900;">&#40;</span>tmpAep.<span style="color: #660066;">fsName</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span>  <span style="color: #3366CC;">&quot; -sound ON<span style="color: #000099; font-weight: bold;">\r</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
    cmd <span style="color: #339933;">+=</span> <span style="color: #3366CC;">&quot;del &quot;</span> <span style="color: #339933;">+</span> wq<span style="color: #009900;">&#40;</span>tmpAep.<span style="color: #660066;">fsName</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\r</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #003366; font-weight: bold;">var</span> bF <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> File<span style="color: #009900;">&#40;</span> Folder.<span style="color: #660066;">temp</span>.<span style="color: #660066;">fullName</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;/aerender.bat&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> bF.<span style="color: #660066;">exists</span><span style="color: #339933;">==</span><span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span> bF.<span style="color: #660066;">remove</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>bF.<span style="color: #F0A090;">open</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;w&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
      <span style="color: #F0A090; font-weight: bold;">try</span><span style="color: #009900;">&#123;</span>
        bF.<span style="color: #F0A090; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>cmd<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span><span style="color: #F0A090; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
        <span style="color: #F0A090;">alert</span><span style="color: #009900;">&#40;</span>e.<span style="color: #660066;">toString</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span><span style="color: #F0A090; font-weight: bold;">finally</span><span style="color: #009900;">&#123;</span>
        bF.<span style="color: #F0A090;">close</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #006600; font-style: italic;">//実行</span>
    <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> bF.<span style="color: #660066;">exists</span><span style="color: #339933;">==</span><span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span> bF.<span style="color: #660066;">execute</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
  <span style="color: #009900;">&#125;</span>
  btnExec.<span style="color: #660066;">onClick</span> <span style="color: #339933;">=</span> exec<span style="color: #339933;">;</span>
  <span style="color: #006600; font-style: italic;">//-------------------------------------------------------------------------</span>
  <span style="color: #F0A090; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #009900;">&#40;</span> me <span style="color: #F0A090; font-weight: bold;">instanceof</span> Panel<span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    winObj.<span style="color: #660066;">center</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
    winObj.<span style="color: #660066;">show</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
  <span style="color: #006600; font-style: italic;">//-------------------------------------------------------------------------</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span><span style="color: #F0A090; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<br />
<br />
<br />
100行超えてますが、ほとんどがUIを作ってるところとエラーチェックで本体部分(exec関数)はとてもシンプルです。<br />
exec()関数のところだけを解説します。<br />
<br />
<hr /><br />
<dd>
<dh> <strong>Step .01 エラーチェック</strong></dh><br />
<dd>
<br />
まず、最低限のエラーチェックを行なっています。（19行から47行目くらいまで）<br />
プロジェクトが保存されていない時と有効なレンダーキューがない場合はエラーとして実行を停止してます。<br />
特にレンダーキューの確認はしっかり行います。<strong>RenderQue Object</strong>の<strong>status</strong>を見たあとに<strong>OutputModule</strong>で有効なパスが設定されているか調べています。<strong>OutputModule</strong>は複数存在している場合があるので総当りで調べます。<br />
<br />
まぁ以上はエラーチェックとしては最低レベルなので、もう少し厳しくしないとダメだと思います。<br />
<br />
言い忘れていましたが、このスクリプトはWindows専用です。理由は後で説明しますが、そのためMacでこのスクリプトを実行したときもエラーで止まるようにしてあります。<br />
<hr /><br />
</dd>
<dh><strong> Step .02 オプションの獲得</strong></dh><br />
<dd>
<br />
動作オプションとして「<strong>プロセス優先度</strong>」と「<strong>強制実行</strong>」とあるのでUIからその獲得を行なっています。(48用目から56行目)<br />
<br />
<strong>プロセス優先度</strong>とはバックグラウンドで実行させていた時にPCのパワーのほとんどを使ってしまうとその他の作業が出来なくて、バックグラウンドでレンダリングさせる意味がなくなってしまうので重要です。Loが推奨です。<br />
<br />
<strong>強制実行</strong>は、このスクリプトは2回以上のバックグランドでのレンダリングを禁止しているのですが、レンダリング中にエラーでちゃんと終了しないと全く実行できない状態になってしまう危険があります。そのためこのスイッチをONにすれば強制的にレンダリングが始まるようになっています。<br />
<br />
<hr /><br />
</dd>
<dh><strong> Step .03 実行用のAEPファイルを保存</strong></dh><br />
<dd>
<br />
バックグラウンドで実行中の時に安全に作業するために、aepファイルを適当なところに保存し直しています。（57－70）<br />
<strong>Folder.temp</strong>でOS提供の一時ファイル保存場所に適当な名前(<strong>aerender_temp_.aep</strong>)で保存した後、元の場所名前で保存し直して復帰させています。<br />
<br />
二重実行を禁止するために、ここで保存し直したaepファイルが既にあったら実行を止めています。<br />
そのためレンダリングが終わったら、この一時ファイル(<strong>aerender_temp_.aep</strong>)を消す処理が必要になります（これは後で）<br />
<hr /><br />
</dd>
<dh> <strong>Step .04 実行用のBatchファイルを作成</strong></dh><br />
<dd>
<br />
あとは、<strong>aerender</strong>を呼び出せばいいだけですが、少し困った問題があります。<br />
通常ならば<strong>System.callSystem()</strong>で呼び出せばいいのですが、このメソッドは呼び出したプロセスが終了するまでAFを停止させてしまいますので使えません。<br />
後は<strong>File.execute()</strong>で実行させる事ができますが、こいつは細かなオプション指定ができません（マウスでダブルクリックするアクションと同じ）<br />
<br />
仕方ないので、適当な<strong>Batchファイル</strong>を作成して<strong>File.execute()</strong>で実行というスタイルに落ち着きます。BG Rendererも間違いなく同じ手順で呼び出している筈です。<br />
<br />
余談ですがWindowsだけなら「<a href="http://ae-users.com/jp/tutorials/2011/03/after-effects%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%80%81%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80%E3%80%80%E3%81%9D-5/">After Effectsユーザーのための、プログラミング入門　その５ callSystem</a>」で紹介した<strong>ProcessStart.exe</strong>を使ってcallSystem()から実行しても出来ます。専用のコマンドをC#当たりで作ってしまってOKです。<br />
<br />
BatchファイルとはWindowsのコンソールである<strong>cmd.exe</strong>の<strong>シェルスクリプト</strong>の事で、古いPCユーザーの方なら多分かなり馴染みなものですが、最近の人は全然だと思います。<br />
まぁそんなに難しいものではないので適当にgoogleさんで調べてください。調べる時のキーワードは <a href="http://www.google.co.jp/search?sourceid=chrome&#038;ie=UTF-8&#038;q=cmd.exe+batch#pq=cmd.exe+batch&#038;hl=ja&#038;gs_is=1&#038;cp=9&#038;gs_id=14&#038;xhr=t&#038;q=cmd.exe+%E3%83%90%E3%83%83%E3%83%81%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB&#038;pf=p&#038;sclient=psy-ab&#038;safe=off&#038;source=hp&#038;pbx=1&#038;oq=cmd.exe+%E3%81%B0&#038;aq=0r&#038;aqi=g-r2&#038;aql=&#038;gs_sm=&#038;gs_upl=&#038;bav=on.2,or.r_gc.r_pw.,cf.osb&#038;fp=5c1a8a72bba7aef3&#038;biw=1920&#038;bih=961">「cmd.exe バッチファイル</a>」です。<br />
<br />
具体的にこのスクリプトが書き出すBatchファイルは以下のようになります。<br />
<br />

<div class="wp_syntax"><div class="code"><pre class="expression" style="font-family:monospace;"><span style="color: #339933;">@</span>echo off
start <span style="color: #3366CC;">&quot;&quot;</span> <span style="color: #339933;">/</span>b <span style="color: #339933;">/</span>low <span style="color: #339933;">/</span>wait <span style="color: #3366CC;">&quot;C:<span style="color: #000099; font-weight: bold;">\(</span>略)<span style="color: #000099; font-weight: bold;">\a</span>erender.exe&quot;</span> <span style="color: #339933;">-</span>project <span style="color: #3366CC;">&quot;C:<span style="color: #000099; font-weight: bold;">\(</span>略)<span style="color: #000099; font-weight: bold;">\a</span>erender_temp_.aep&quot;</span> <span style="color: #339933;">-</span>sound ON
del <span style="color: #3366CC;">&quot;C:<span style="color: #000099; font-weight: bold;">\D</span>OCUME~1<span style="color: #000099; font-weight: bold;">\(</span>略)<span style="color: #000099; font-weight: bold;">\a</span>erender_temp_.aep&quot;</span></pre></div></div>

<br />
<br />
<br />
<strong>aerender.exe</strong>を<strong>start</strong>で呼び出して、実行終了後aepファイルを削除しています。<br />
このBatchファイルを工夫すれば<strong>aerender.exe</strong>の実行動作を変えることができます。<br />
<br />
<strong>start</strong>コマンドは、<strong>cmd.exe</strong>の内部コマンドで呼び出す実行ファイルの動作設定を指定するものです（通常動作ならstartコマンドを使わなくてもOK)<br />
第１引数はウィンドウタイトルで今回の場合は空白を指定してます。省略するとエラーを起こすので注意です。<br />
<strong>/b</strong> で新しいウィンドウを開かないモードにして、<strong>/wait</strong>でプログラムの実行が終わるまで待つ設定にしています。このようにしないと次の行で<strong>del</strong>が終了前に実行されてしまうので注意です。<br />
<strong>/low</strong>がプロセス優先度の指定です。仕様ではもっと細かい指定ができる筈ですが、実際は<strong>/lo</strong>と<strong>/normal</strong>の2種類しか指定できません。<br />
<br />
以上のコマンド文字列を作成します。パス指定は全てフルパスで行う必要があり、なるべく2バイト文字が使われていないことが理想です。わざわざtempへ保存しなおすのは、2byteコードのパスをなくすためでもあります。また、半角スペースを含んだパスは””でくくる必要があります。<br />
<br />
<strong>aerender.exe</strong>のフルパスは、<strong>Folder.appPackage</strong>で実行ファイルのFolder objectを獲得してそれから作成しています。マニュアルでは<strong>Folder.appPackage</strong>は<strong>MacOS</strong>でのみ有効とありますが、調べたところ<strong>Windows</strong>でも問題なく獲得できました。<br />
パスは、普段AEスクリプトで使う<strong>url</strong>形式(/c/Program )ではなく<strong>Windowsパス</strong>形式(C:\Program)にしないといけないので<strong>File.fsName</strong>で獲得しています。<br />
<br />
ここまで説明すれば、上のコードを読めば特に問題なく理解できると思います。<br />
Batchファイルは改行コードを<strong>CR+LF</strong>、文字コードを<strong>shif-jis</strong>にしてそのままテキスト保存すれば大丈夫です。<br />
<br />
以上がWindowsの場合で、Macの場合はターミナルのシェルスクリプトに書き直すことが必要です。やる手順は同じですので簡単に同じ事が出来ると思います。<br />
<br />
因みに、Batchファイルでやらずに<strong>WSH</strong>（Windows Script Host）でやっても同じことが出来ます。<br />
W<strong>SH</strong>の方がダイアログが使えたりとか便利なので、使える人は<strong>WSH</strong>の方が楽かなとか思います。ダイアログ等も使えますので。<br />
<br />
<hr /><br />
</dd>
<br />
<h3>aerenderを使うときの注意</h3>
aerenderについては、After Effectsのヘルプに詳細な説明があります。オンラインでは<a href="http://help.adobe.com/ja_JP/AfterEffects/9.0/WS8A8CD670-4A72-4fb5-AE8E-CB9E232EC0B5a.html">ここ(CS4)</a>か<a href="http://help.adobe.com/ja_JP/aftereffects/cs/using/WS8A8CD670-4A72-4fb5-AE8E-CB9E232EC0B5a.html">ここ(CS5)</a>で見ることができます。<br />
<br />
見ればわかると思いますが、After Effectsでのレンダリングの基本的な指定ができるだけで特に難しいことはないのです。<br />
<ol>
<li>-project <path> プロジェクトファイルの指定（必ずフルパス)<br />
<li>-sound <ON or OFF> 終了音を鳴らすかどうか<br />
<li>–mem_usage  メモリ関係の指定。使用には注意<br />
<li>-mp < 0 or 1> 1の場合マルチプロセッシングを有効にして複数のフレームを同時にレンダリングする。<br />
</ol>
通常の使用では以上のオプションくらいしか使うことはありません。 <strong>-mem_usage</strong>はその内容が分からなければ指定しないほうが安全です。<br />
<br />
使用するときの注意点は以下のとおりです。<br />
<br />
<ol>
<li>パス指定に2バイトコード（半角以外の文字)はなるべく使わない。<br />
<li>aerenderの起動オプションとAfter Effectsの環境設定の矛盾に注意。<br />
　たとえば、マルチプロセッシングで複数のフレームの同時レンダリングが環境設定で指定されていても、aerenderの -mpオプションが付けられていないと有効にはなりません。<br />
<br />
<li><strong>レンダリングエンジンモード</strong>でのプラグインの動作を確認。<br />
aerender.exeでのレンダリングは基本的に<strong>レンダリングエンジンモード</strong>になるので、若干通常のAfter Effectsと環境設定のデフォルトが違うので要注意です。<br />
特にプラグインの動作環境が変わるのでシリアライズ等が外れて正常にレンダリングできない・動作が止まる等のトラブルが起きる可能性があり、aerederでのレンダリング中には全く気がつかない（エラーが表示されない・気がつかない）のではまります。<br />
<br />
aerender.exeでレンダリングを行う場合は、<strong>レンダリングエンジンモード</strong>での動作確認を事前に行っておくと安心できます。-reオプションか-wfオプションで「フォルダを監視」状態で起動すれば<strong>レンダリングエンジンモード</strong>になるのでそこで動作確認ができます。<br />
<li>メモリの使用状態の確認。After Effectsとaerenderが同時に動く環境にする。<br />
バックグランドでのレンダリングを行う場合、環境設定：メモリ＆マルチプロセッサでaerenderで使うメモリとCPUを確保しておかないとエラーばかりで困ることがよくあります。<br />
普段の作業のためAfter Effectsに多くのリソースを割り当てていた場合、aerenderでバックグランドレンダリングしたくてもリソースがなくて単純にメモリ不足で落ちたり、CPUパワーが不足してPCの操作ができなくなったりして最悪PCもろともハングする危険があるので注意です。<br />
</ol>
がaerenderを使うときの注意です。<br />
BG Rendererを使った時に起きるトラブルは大抵上記の事が原因になってます。<br />
<br />
<h3>バックグラウンドで効率的にレンダリングする</h3>
今回のスクリプトで「<strong>バックグラウンドでレンダリング</strong>」する目的はたいていの場合、「<strong>After Effectsで作業しながら、レンダリングしたい</strong>」になると思います。そのため「<strong>レンダリングにかかる時間</strong>」より「<strong>快適に作業ができる</strong>」事が優先されます。<br />
<br />
十分に余力のあるPC(64bitで多くのメモリがある場合）は特に気にすることはないのですが、Windows XPとCS4の組み合わせの場合は、<strong>かなり配慮しない</strong>とダメです。<br />
<br />
気分的にレンダリングは早く終わって欲しいといつも思ってしまいますが、バックグランドでのレンダリングでは作業に支障ないように行うことがポイントです。<br />
<br />
設定としては「プロセスの優先度」を通常より下げておく事です。「プロセスの優先度」はタスクマネージャを立ち上げてプロセスタブで右クリックで表示される項目にあります。<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/01/aer03.png" class="sb-img" rel="shadowbox[post-7479];player=img;"><img src="http://ae-users.com/jp/wp-content/uploads/2012/01/aer03.png" alt="" title="aer03" width="470" height="425" class="aligncenter size-full wp-image-7510" /></a><br />
<br />
タスクマネージャで見た場合、aerenderはAfterFX.comと表示されています。スクリプトから行なった場合はデフォルトが「低」になっているので特に気にしなくてもいいようになっています。<br />
<br />
あと、「環境設定」「メモリ＆マルチプロセッサ」での設定も重要になります。<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/01/aer04.png" class="sb-img" rel="shadowbox[post-7479];player=img;"><img src="http://ae-users.com/jp/wp-content/uploads/2012/01/aer04-650x366.png" alt="" title="aer04" width="650" height="366" class="aligncenter size-large wp-image-7511" /></a><br />
<br />
ここで「他のアプリケーションで使用するRAM」をある程度確保しておかないとaerenderはリソースを使い尽くして、マウスカーソルがほとんど動かない等の悪い影響が出ます。<br />
上の例ではOFFにしていますが、「複数のフレームを同時にレンダリング」がONの場合は色々と注意が必要になります。<br />
<br />
以上のことはPCの個体差による影響が大きく同時期の同じメーカーの同じ構成のPCであってもかなり設定の値にばらつきがあり、最適な値を求めるのに苦労します。<br />
とりあえずは余裕を持った設定にするのが結果的には一番だと思います。<br />
<br />
<br />
今回はバックグラウンドでのレンダリングのための事ですが、逆に「レンダリング速度に最適化する」設定も見つけておくと楽になると思います。<br />
特にプロセスの優先度を「リアルタイム」にするとビックリするくらい速度が向上します。まぁ、その状態では他の作業がほぼ不可能になりますけど。<br />
<br />
<h3>aerender_MamiSan.exe</h3>
aerender.exeはコマンドライン専用でかなり使いずらかったので、フロントエンドアプリケーションを作ってみました。<br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/01/aer02.png" class="sb-img" rel="shadowbox[post-7479];player=img;"><img src="http://ae-users.com/jp/wp-content/uploads/2012/01/aer02.png" alt="" title="aer02" width="520" height="732" class="aligncenter size-full wp-image-7497" /></a><br />
<br />
使い方は簡単で、aepファイルをこのウィンドウへドラッグ＆ドロップしてリストに登録して後は起動用のBatchファイルを書き出すか、そのままバッチ実行するだけです。<br />
必要に応じてオプションを変えたりできますが、レンダリング設定・出力モジュール設定を選択したい時はあらかじめそれぞれのテンプレート保存ファイル（*.ars/*.aom）をAfter Effectsから書き出してaerender_MamiSan.exeに読み込ませてください。<br />
<br />
作った動機は複数のaepをまとめてレンダリングする必要があったので、aerender.exeを簡単に呼び出して実行させるbatchを手作業で作成してたのが面倒なので楽にしようと思ったことです。あとから考えれば「フォルダの監視」でやったほうが楽ですな。<br />
<br />
<h3>aerenderのその他の用途</h3>
今回のaerenderをスクリプトから実行するテクニックを使用すれば他の用途にも応用できます。「バックグラウンドでレンダリング」はプロクシのレンダリング中に別の作業を行うってのが主な目的ですが、その他として「素材作成」にも応用が聞くと思います。<br />
<br />
今考えているだけでも<br />
<ol>
<li>psdレイヤで書き出しを自前で行う。<br />
フレームの保存でphotoshopレイヤを書き出す場合、一枚一枚のレイヤの書き出しは軽いのでaerenderに回してバックグラウンドで行い書き出し場所もついでに指定とか<br />
<li>セルの処理をあらかじめ終わらせておく<br />
最近のTVアニメのセルの処理はかなり重たくなってきてるので、スクリプトで選択して素材段階で先にレンダリングしてしまう。ただそのレンダリングはネットワークレンダリングに回さずローカルPCのバックグランドレンダリングで行う。<br />
<li>エクセル等のスプレッドシートからのレンダリング管理<br />
エクセルでレンダリングの管理が出来ます（ちょっと自信ない^^;） エクセルからaepファイルを獲得してaerenderへ回してレンダリングさせることも可能です。<br />
</ol>
<br />
等あります。<br />
市販品では、Max 3Dのにバンドルされているネットワークレンダリング用ソフト<strong>Backburner</strong>もaerender.exeを呼び出してAEの監視フォルダの機能を使わずにネットワークレンダリングさせることができます。レンダリングの優先度を細かく制御できるのでかなり便利です。特に監視フォルダではPCの数が増えるとどんどん効率が悪くなっていきますが、<strong>Backburner</strong>は流石に効率的です。<br />
<br />
僕も適当に作ったら、ここで追加投稿したいと思ってます。<br />
<br />
<h3>最後に</h3>
今回は急遽思いついて投稿したものです。（twitterで今回のスクリプトを発表したら、意外な反響があったのが理由）<br />
<br />
本当は<strong>BG Renderer</strong>の存在を知った段階で作るのをやめようと思ってました。<strong>BG Renderer</strong>はお金払う価値のある素晴らしいスクリプトです。ただ、内部動作の説明がほぼないので、それを知らない人が使うのは大変そうだったのでそのサポートしてこの記事を書きました。また、<strong>aerender</strong>のススメって意味もあります。<br />
<br />
それでは！<br />
<br />
</p>
<div class='wb_fb_comment'><br/></div>
	タグ : <a href="http://ae-users.com/jp/tag/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88/" title="スクリプト" rel="tag nofollow">スクリプト</a>, <a href="http://ae-users.com/jp/tag/%e3%83%ac%e3%83%b3%e3%83%80%e3%83%aa%e3%83%b3%e3%82%b0/" title="レンダリング" rel="tag nofollow">レンダリング</a><span id="addbt">[<a onclick="jQuery('p#addtags').slideDown('fast');jQuery('#addbt').fadeOut('fast');">タグを追加する</a>]</span><br />

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://ae-users.com/jp/tutorials/2012/01/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/" title="音のデータとAfter Effects その2 (2012/1月/15)">音のデータとAfter Effects その2</a> (27)</li>
	<li><a href="http://ae-users.com/jp/tutorials/2012/01/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae1/" title="音のデータとAfter Effects その1 (2012/1月/14)">音のデータとAfter Effects その1</a> (47)</li>
	<li><a href="http://ae-users.com/jp/tips/scripts-tips/2009/10/%e8%a4%87%e6%95%b0%e3%82%b3%e3%83%b3%e3%83%9d%e3%82%92%e4%b8%80%e6%b0%97%e3%81%ab%e7%b7%a8%e9%9b%86%e3%80%80%ef%bd%9e-editcomps_forcs4-%ef%bd%9e/" title="複数コンポを一気に編集　～ EditComps_forCS4 ～ (2009/10月/06)">複数コンポを一気に編集　～ EditComps_forCS4 ～</a> (4)</li>
	<li><a href="http://ae-users.com/jp/resources/2010/03/pencilfx-script/" title="色鉛筆風エフェクトスクリプト＆スケッチ風プリセット (2010/3月/17)">色鉛筆風エフェクトスクリプト＆スケッチ風プリセット</a> (11)</li>
	<li><a href="http://ae-users.com/jp/tips/scripts-show/2010/05/%e6%97%a5%e6%9c%ac%e8%aa%9e%e7%89%88%e3%81%a7%e5%8b%95%e3%81%8b%e3%81%aa%e3%81%84%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88%e3%82%92%e5%8b%95%e3%81%8f%e3%82%88%e3%81%86%e3%81%ab%e3%81%99%e3%82%8b/" title="日本語版で動かないスクリプトを動くようにする（Skydome, Quick effects palette） (2010/5月/18)">日本語版で動かないスクリプトを動くようにする（Skydome, Quick effects palette）</a> (13)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://ae-users.com/jp/tutorials/2012/01/after-effects%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%80%81%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%85%a5%e9%96%80%e3%80%80%e3%81%9d-18/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>音のデータとAfter Effects その2</title>
		<link>http://ae-users.com/jp/tutorials/2012/01/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/</link>
		<comments>http://ae-users.com/jp/tutorials/2012/01/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/#comments</comments>
		<pubDate>Sat, 14 Jan 2012 15:00:27 +0000</pubDate>
		<dc:creator>あかつき みさき</dc:creator>
				<category><![CDATA[TIPS - スクリプト紹介]]></category>
		<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[オーディオ]]></category>
		<category><![CDATA[サウンド]]></category>
		<category><![CDATA[スクリプト]]></category>
		<category><![CDATA[音]]></category>

		<guid isPermaLink="false">http://ae-users.com/jp/?p=7449</guid>
		<description><![CDATA[「音、音楽のデータを扱う時AfterEffectsは使いにくいなぁ・・・」そう思ったことはありませんか？
この記事ではAEでオーディオを扱う時にちょっと便利な使い方やスクリプトをご紹介します。]]></description>
			<content:encoded><![CDATA[<div class='wb_fb_top'><div style="float:right;"></div></div><p>
<a href="http://ae-users.com/jp/tutorials/2012/01/%E9%9F%B3%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%E3%81%9D%E3%81%AE1/">その1</a>をご覧になってない方は、そちらもあわせてどうぞ。<br />
<br />
<address> <hr /></address> <address></address>
<h3>より、音に合わせた映像を</h3>
<a href="http://ae-users.com/jp/tutorials/2012/01/%E9%9F%B3%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%E3%81%9D%E3%81%AE1/">その1</a>では、クリックなどで簡単にオーディオデータを利用する方法をご紹介してきました。<br />
しかし、それだけではまだ十分ではない場合もあります。ここではいくつか、より便利な方法をご紹介します。<br />
音楽を素材として使用している場合は、BPMを測り<strong>bpmMarker</strong>を使用することで簡単に<strong>タイミングにあったマーカー</strong>を作ることができます。<br />
<br />
<address><a href="http://ltp.xii.jp/archives/172">http://ltp.xii.jp/archives/172</a></address>bpmMarkerは、素材のBPMがわかっている場合、<strong>BPMの値を入力することでテンポのあったマーカーのついたレイヤーを生成</strong>します。<br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/01/bpmm.png" class="sb-img" rel="shadowbox[post-7449];player=img;"><img class="alignnone size-medium wp-image-7455" src="http://ae-users.com/jp/wp-content/uploads/2012/01/bpmm-400x153.png" alt="" width="400" height="153" /></a><br />
また、確実な方法として、<strong>プレビュー中にテンキーの「*」を押すことで、手動でマーカーを付ける</strong>ことができます。<br />
これはオーディオに限ったことではなく、マーカーを付けることは効率の良く映像制作を進めることができます。<br />
例えば、<strong>Shiftキーを押しながらインジケーターをドラッグ</strong>すると、<strong>マーカーの位置でピタッと合わせる</strong>ことができます。<br />
このように、ひと手間かけることでより音にあった映像を作ることができます。<br />
また、AEでオーディオエフェクトを使用する人はなかなかいないかと思いますが、<strong>オーディオエフェクトを適用した状態で、<a href="http://ae-users.com/jp/tutorials/2012/01/%E9%9F%B3%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%E3%81%9D%E3%81%AE1/">その1</a>で行ったように「オーディオをキーフレームに変換」を行う</strong>と、<strong>エフェクトが適応された波形の値が入力</strong>されます。<br />
<br />
上のオーディオ振幅はエフェクト適用前、下のオーディオ振幅は適用後です。値が違うことがわかります。<br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/01/o-e.png" class="sb-img" rel="shadowbox[post-7449];player=img;"><img class="alignnone size-medium wp-image-7462" src="http://ae-users.com/jp/wp-content/uploads/2012/01/o-e-400x177.png" alt="" width="400" height="177" /></a><br />
<br />
これも知っておいて損はないでしょう。<br />
<h3>楽譜のデータから作る</h3>
<a href="http://omino.com/pixelblog/2011/12/26/ae-hello-again-midi/"><br />
</a>さて、少しだけ変わった方向からAEと音のデータについて考えます。動画だけでなく、音楽を制作される方なら、オーディオよりも楽譜としてデータを持って行けたら、嬉しいと思います。<br />
<strong> MIDI</strong>、というファイル形式があります。昔のHPで流れてる音楽によく使われたり、カラオケでも使われている形式です。<br />
MIDIとは<strong>「ある楽器をこの強さ、この音階で鳴らす」</strong>という<strong>楽譜の情報</strong>です。<br />
もし、オーディオのデータのほかに、この楽譜のデータを持っていたら、より繊細な映像を作ることも可能です。<br />
このMIDIには一曲分の情報を持つことができるので、例えばピアノとボーカルのバラード曲があった場合、オーディオデータだと一緒の波形になるか、個別に用意しないといけませんが、MIDIだとピアノとボーカル、<strong>それぞれの値を1つのファイル</strong>できちんと取得することができます。<br />
この<strong>om_midi</strong>は、<strong>MIDIのデータをAEにキーフレームの情報として読みこむ</strong>スクリプトです。<br />
<br />
<address><a href="http://omino.com/pixelblog/2011/12/26/ae-hello-again-midi/">http://omino.com/pixelblog/2011/12/26/ae-hello-again-midi/</a></address><a href="http://omino.com/pixelblog/2011/12/26/ae-hello-again-midi/"></a><strong>ヌルレイヤーにスライダー制御エフェクトとして情報が入っています。</strong><br />
<br />
<strong> </strong><a href="http://ae-users.com/jp/wp-content/uploads/2012/01/midie.png" class="sb-img" rel="shadowbox[post-7449];player=img;"><img class="alignnone size-medium wp-image-7456" src="http://ae-users.com/jp/wp-content/uploads/2012/01/midie-400x133.png" alt="" width="400" height="133" /></a><br />
<br />
<strong>このスクリプトも、<a href="http://ae-users.com/jp/tutorials/2012/01/%E9%9F%B3%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%E3%81%9D%E3%81%AE1/">その1</a>で紹介した</strong><strong>「AudioToMarkers」と同様にAEの言語に合わせて中身を書き換える必要がある</strong><strong>ので注意してください。</strong><br />
<br />
<strong> </strong><a href="http://ae-users.com/jp/wp-content/uploads/2012/01/sliders.png" class="sb-img" rel="shadowbox[post-7449];player=img;"><img class="alignnone size-medium wp-image-7459" src="http://ae-users.com/jp/wp-content/uploads/2012/01/sliders-375x400.png" alt="" width="375" height="400" /></a><br />
<span style="text-decoration: underline">また、注意する点として、<strong>修正の内容がバージョンによって違います。</strong></span><span style="text-decoration: underline"><strong>CS5以上では「スライダー制御」、CS4以前では「スライダ制御」</strong>ですので注意してください。</span><br />
<br />
ちなみに、<a href="http://ae-users.com/jp/tutorials/2012/01/%E9%9F%B3%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8after-effects-%E3%81%9D%E3%81%AE1/">その1</a>と同様でスクリプトの書き換えでは<strong>ExtendScript Toolkit</strong>を使用しています。<br />
<br />
<address><a href="http://omino.com/pixelblog/2011/12/26/ae-hello-again-midi/"></a></address>
<h3>外部ソフトと連携する</h3>
<strong> Dynamic Link</strong>は、CS Production PremiumとMaster Collectionで利用できる機能で、<strong>After EffectsのコンポジションをPremiereなどでレンダリングすることなく利用ができる機能</strong>です。<br />
<strong> Premiereのシーケンス</strong>や<strong>Audition(CS5以前はSoundbooth)の形式で保存されたファイル</strong>は、<strong>そのものを</strong><strong>レイヤーとして使用することができ、なおかつ自動更新される</strong>のでAEでオーディオを扱う時には非常に便利です。<br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/01/testasnd.png" class="sb-img" rel="shadowbox[post-7449];player=img;"><img class="alignnone size-medium wp-image-7457" src="http://ae-users.com/jp/wp-content/uploads/2012/01/testasnd-400x336.png" alt="" width="400" height="336" /></a><a href="http://ae-users.com/jp/wp-content/uploads/2012/01/asnddata.png" class="sb-img" rel="shadowbox[post-7449];player=img;"><img class="alignnone size-medium wp-image-7458" src="http://ae-users.com/jp/wp-content/uploads/2012/01/asnddata-400x258.png" alt="" width="400" height="258" /></a><br />
<br />
<a href="http://ae-users.com/jp/wp-content/uploads/2012/01/asnddata.png" class="sb-img" rel="shadowbox[post-7449];player=img;"></a>※画像はSoundbooth CS5です<br />
<em> (反対にPremiereにAEのコンポジションを取り込むこともできます)</em><br />
<h4>VOCALOID3からデータを持ってくる</h4>
私が作ったもので恐縮ですが、少しご紹介します。<strong>Marker Maker for After Effects</strong>は<strong>VOCALOID3 Job Plugin</strong>です。<br />
<strong> VOCALOID3上で</strong><strong>入力された情報に基づく位置に、マーカーがついたヌルレイヤーを作成するスクリプトを作成</strong>します。<br />
マーカーのメモには、ひとつは対応するノートの歌詞情報、もうひとつには母音情報を含んでいます。<br />
母音情報を含んだレイヤーでは、母音に対応したキーフレームを含んでいます。<br />
<br />
<strong>Marker Maker for After Effectsは、現在</strong><strong>YAMAHAの</strong><strong>VOCALOID STOREにて申請中</strong>ですので、<strong>登録後、改めてURLと紹介記事を追加で書こうと思います。</strong><br />
<br />
<strong></strong><br />
<br />
<hr /><br />
ご紹介したように、<strong>他のソフトウェアから情報をスクリプトとして書き出すことができれば、AEをより便利に使用することができます。</strong><br />
<br />
<strong>AEP Project内には</strong><strong>スクリプトの<a href="http://ae-users.com/jp/sp0909_scripting-tutorial/">特集記事</a>もある</strong><strong>ので、興味のある方はぜひチャレンジしてみてはいかがでしょうか。</strong></p>
<div class='wb_fb_comment'><br/></div>
	タグ : <a href="http://ae-users.com/jp/tag/%e3%82%aa%e3%83%bc%e3%83%87%e3%82%a3%e3%82%aa/" title="オーディオ" rel="tag nofollow">オーディオ</a>, <a href="http://ae-users.com/jp/tag/%e3%82%b5%e3%82%a6%e3%83%b3%e3%83%89/" title="サウンド" rel="tag nofollow">サウンド</a>, <a href="http://ae-users.com/jp/tag/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88/" title="スクリプト" rel="tag nofollow">スクリプト</a>, <a href="http://ae-users.com/jp/tag/%e9%9f%b3/" title="音" rel="tag nofollow">音</a><span id="addbt">[<a onclick="jQuery('p#addtags').slideDown('fast');jQuery('#addbt').fadeOut('fast');">タグを追加する</a>]</span><br />

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://ae-users.com/jp/tutorials/2012/01/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae1/" title="音のデータとAfter Effects その1 (2012/1月/14)">音のデータとAfter Effects その1</a> (47)</li>
	<li><a href="http://ae-users.com/jp/resources/2012/03/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%ef%bd%9evocaloid3%e3%81%a8%e9%80%a3%e6%90%ba%e7%b7%a8%ef%bd%9e/" title="音のデータとAfter Effects ～VOCALOID3と連携編～(2012/3/31/v3.1.0.0) (2012/3月/14)">音のデータとAfter Effects ～VOCALOID3と連携編～(2012/3/31/v3.1.0.0)</a> (62)</li>
	<li><a href="http://ae-users.com/jp/tips/scripts-tips/2009/10/%e8%a4%87%e6%95%b0%e3%82%b3%e3%83%b3%e3%83%9d%e3%82%92%e4%b8%80%e6%b0%97%e3%81%ab%e7%b7%a8%e9%9b%86%e3%80%80%ef%bd%9e-editcomps_forcs4-%ef%bd%9e/" title="複数コンポを一気に編集　～ EditComps_forCS4 ～ (2009/10月/06)">複数コンポを一気に編集　～ EditComps_forCS4 ～</a> (4)</li>
	<li><a href="http://ae-users.com/jp/resources/2010/03/pencilfx-script/" title="色鉛筆風エフェクトスクリプト＆スケッチ風プリセット (2010/3月/17)">色鉛筆風エフェクトスクリプト＆スケッチ風プリセット</a> (11)</li>
	<li><a href="http://ae-users.com/jp/tips/scripts-show/2010/05/%e6%97%a5%e6%9c%ac%e8%aa%9e%e7%89%88%e3%81%a7%e5%8b%95%e3%81%8b%e3%81%aa%e3%81%84%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88%e3%82%92%e5%8b%95%e3%81%8f%e3%82%88%e3%81%86%e3%81%ab%e3%81%99%e3%82%8b/" title="日本語版で動かないスクリプトを動くようにする（Skydome, Quick effects palette） (2010/5月/18)">日本語版で動かないスクリプトを動くようにする（Skydome, Quick effects palette）</a> (13)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://ae-users.com/jp/tutorials/2012/01/%e9%9f%b3%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%a8after-effects-%e3%81%9d%e3%81%ae2/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
	</channel>
</rss>

