<?xml version="1.0" encoding="Shift_JIS"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>Quick Effects plus：QE+ Blog</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/" />
   <link rel="self" type="application/atom+xml" href="http://qep.jp/weblog/atom.xml" />
   <id>tag:qep.jp,2012:/weblog//1</id>
   <updated>2012-05-18T22:30:49Z</updated>
   
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.35</generator>

<entry>
   <title>After Effects CS6 エクセレント！</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2012/05/after_effects_cs6.html" />
   <id>tag:qep.jp,2012:/weblog//1.52</id>
   
   <published>2012-05-11T01:26:29Z</published>
   <updated>2012-05-18T22:30:49Z</updated>
   
   <summary> ご無沙汰しております。 皆さんご存知でしょー。After Effects CS...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="8News &amp; Topics" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="9AE ピックアップ機能" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<img src="/weblog/images/120511/title.jpg" alt="IMAGE PHOTO"><br>
ご無沙汰しております。<br>
皆さんご存知でしょー。After Effects CS6がリリースされました。祝！<br>
このCS6ですが、かなりエクセレントな出来栄えで、紹介せずにはいられません。<br><br>

個人的に嬉しいのは3Dの押し出し機能です。<br>ただ押し出せるものはテキスト＆シェイプレイヤーに限定されとります。Illustratorなどのベクターレイヤーの場合はCS6から搭載された［ベクトルレイヤーからシェイプを作成］を使えばシェイプレイヤーに変換できます。でそれから押し出すってな運びです。<br>
で、この機能を使うには必然的にレイトレース3D描画を選択せねば使えません。</p>

<p class="photo-area">
<img src="/weblog/images/120511/screenshot_00.jpg" alt="IMAGE PHOTO"><br><br>
赤枠のところで切り替えできます。で、ライトを加えなければ、
</p>

<p class="photo-area">
<img src="/weblog/images/120511/screenshot_01.jpg" alt="IMAGE PHOTO"><br><br>
このようなグラフィカルな描画になります。<br>
これでもなかなかいい感じですが、ライトレイヤーを加えるとレイトレース描画を堪能できます。床の映り込みなんかも出来て、これはもはや半分3Dソフトです。
</p>

<p class="photo-area">
<img src="/weblog/images/120511/screenshot_02.jpg" alt="IMAGE PHOTO"><br><br>
ベベルなども付けられるのでTVタイトルなんかAEだけで作れちゃいますね。<br>
ビューポイントもフロントやトップから押し出し描画で編集できるので便利です。
</p>

<p class="photo-area">
<img src="/weblog/images/120511/screenshot_04.jpg" alt="IMAGE PHOTO"><br><br>
また、見て下さい。このマテリアル設定項目の増えたこと。。</p>

<p class="photo-area">
<img src="/weblog/images/120511/screenshot_03.jpg" alt="IMAGE PHOTO"><br><br>
ただ、このレイトレース描画ですが、結構重いっす。<br>
まぁそりゃ3Dソフトでいうレイトレースレンダリングを数値変更の都度描画すれば重く感じない訳ないすね。<br><br>
このCS6を手にした時、これまでのAEマシンスペックの優先順位が変わった気がしましたね。
CS5まで私は以下の順で考えてました。<br>
　1.　CPU<br>
　2.　メモリ<br>
　3.　グラフィック（GPU）<br>
　4.　高速HDD<br><br>
ところが、CS6以降は<br>
　1.　CPU<br>
<font color = "#ffb400">
　2.　グラフィック（GPU）</font>↑<br>
　3.　メモリ　↓<br>
　4.　高速HDD<br><br>
という見解です。<br>
<br>
ある意味3Dソフトと同じですね。もちろんメモリはCPUの個数が増える程必要になるのでRAMプレビューも含め、今でも大事なファクターではありますが、レンダリング速度や編集速度を直接速くする体感の重要度は相当高くなるはずです。<br>
既にGPUパワーのパフォーマンス「Adobe Mercury Playback Engine」をPremiere Proで見せつけられているので、こちらの相乗効果もかなり高くなりましたね。Adobe奨励の高価なNVIDIAグラボで作業環境が随分変わると考えます。推測の域なのでこちらは是非、奨励環境下でリポートしたい内容です。<br><br>

ただ、iMac愛好家の私としては、GPUは痛い部分です。CS6搭載機ではこのようにGPUは機能してないよ。表示になります。</p>
<p class="photo-area">
<img src="/weblog/images/120511/screenshot_05.jpg" alt="IMAGE PHOTO"><br><br>
ん〜しばらくは我慢しますか。<br><br>

さて、その他の新機能<br>
グローバルパフォーマンスキャッシュや<br>
3Dカメラトラッカーもここでは取り上げませんが、すばらしい出来栄えです。<br>
エクセレント！！<br>
このCS6へのアップグレードは抜きに出てもはや、必修というより義務です。
CS5と6で、できることがこんなに違うか！って話になりますから。<br>
これまでにないお勧めバージョンです。1本ご検討ください。<br>
<br>
<a href="http://www.adobe.com/jp/products/aftereffects.html" Target="blank">Check it. （Adobe After Effects サイト）</a>

</p><br>]]>
      
   </content>
</entry>
<entry>
   <title>ソフトバンク「Ultra Speed」通信制限超え！体感レポート</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2011/12/ultra_speed.html" />
   <id>tag:qep.jp,2011:/weblog//1.51</id>
   
   <published>2011-11-30T20:52:50Z</published>
   <updated>2012-01-19T18:23:04Z</updated>
   
   <summary> 　体調を崩しておりましたため、ブログの更新が随分遠ざかっておりました。 この間...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="1After Effects 使用環境" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<img src="/weblog/images/111129/title.jpg" alt="IMAGE PHOTO"><br><br>

　体調を崩しておりましたため、ブログの更新が随分遠ざかっておりました。<br>
この間、仕事上の都合でありますが、モバイル環境で対応するような場面が多々あったため、改めて新調したモバイル環境から有益な情報をピックアップすべく今回は「ソフトバンクUltra Speed」なる通信サービスをザクっと斬ってみました。</p>

<p>新調したモバイル環境は今年（2011年）7月半ば辺りに購入した「MacBook Pro 13インチ: 2.8 GHz」と「ソフトバンクUltra Speed」の通信サービスに伴い「Ultra WiFi SoftBank 007Z」といった機器内容です。</p>

<p>ノートPCの方は始めて手にしたコンパクトな13インチが新鮮で、2.8GHzデュアルコアIntel Core i7 CPUも案外遅くはないと好印象です。標準搭載の750G/5400 rpmハードディスクをSSD化させたいと現在検討中です。<br><br>
で、肝心の「ソフトバンクUltra Speed」の通信サービス。。
</p>
<p>改めてサービス内容の多くは語りませんが、下り最大42Mbps、上り最大5.7Mbpsの高速データ通信を提供するもの。<br>
同サービスの対抗馬には「WiMax」なる格段に有利なサービスを提供する対局がある訳ですが、何故ソフトバンク！？になったかと言えば、、<br>
単純。明快。私のモバイル環境エリアは「WiMax」の提供エリアから外れてしまっているためです。<br><br>
ただこのUltra Speed、所有するiPhoneでWi-Fiのスピードテストを実行してみると、僻地であるにも関わらず、以下のようなすばらしい速度をたたき出します。</p>

<p class="photo-area">
<img src="/weblog/images/111129/screenshot_01.jpg" alt="IMAGE PHOTO"><br><br>

エリアの広さはもちろん大事なのですが、この「ソフトバンクUltra Speed」最大のネックは（ご存知の方も多いでしょう。）次のような通信制限を設けているというこの1点に尽きます。<br><br>

＞＞<font color = "#ffb400">　前々月の月間パケット通信量が3000万パケットを越えた場合、当月1ヶ月通信速度を制限する場合がある　</font>＜＜<br><br>

そう、おしおきに速度規制を歌っています。
</p>
<p>「データし放題フラット」というプランのネーミングを付けておきながら、し放題（使い過ぎ）してしまうと<br>
「こらーっ！使い過ぎだろぉ！翌々月から遅くすっかんな覚悟しなっ！」<br>
という使い放題のサービスってそもそもオカしいと思いません？<br>
また、この通信制限を真に受けてわざわざ速度が遅いSubエリア帯を中心に使用したのでは、Ultra Speedの意味が全くありません。
</p>
<p>なので私の場合は、そんな制限を一切無視してMainエリア帯を使いたい放題に使っています。仕事上、動画のやり取りをモバイル環境で行うと上限通信量3,000万パケットなどは簡単に達しているはずです。<br><br>
制限を超えてしまうと翌々月から速度規制を受ける御触書。<br>
私は8月からの契約なので、10月以降は制裁を受け続けていることになります。</p>

<p>そう体感としては遅く感じる時と通常速度が 2 : 8 位の割合でしょうか。<br>
不満爆発！というレベルではありませんかね。今のところ。<br>
近所のソフトバンクショップで具体的なおしおき内容を聞いた所、<br>
「パケット通信が込み合う時間帯には速度規制の対象になるようです。」と回答。<br>
地域によって込み合う時間帯は違うでしょうし、私のケースが他のUltra Speedユーザーと同じとも言えませんしね。<br>
ひとつのサンプルケースとお考え下さい。<br>
ただまぁ、遅い時は全く表示しない時もあるので、そんな時は時間を空けてから使うようにしています。<br><br>

しばりの2年間、この体感ではたして乗り切れるのか！？
</p>
<p><font color = "#ffb400">※追記です。2012／1／20 現在、<br>
遅く感じる比率が急激に上回ってきました。体感で8：2 か、ほぼ終日という雲行きです。もちろん遅いながらも繋がってはいるので何とか役割を果たしているものの。。ウルトラロー速回線になっとります。やばいす。</font></p>
<br>
]]>
      
   </content>
</entry>
<entry>
   <title>After Effects CS5.5 リリース！CS5ユーザーのみおあずけ！？</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2011/05/after_effects_cs55_cs5.html" />
   <id>tag:qep.jp,2011:/weblog//1.50</id>
   
   <published>2011-05-20T16:58:23Z</published>
   <updated>2011-05-30T16:09:46Z</updated>
   
   <summary>5/20日、Adobe After Effects CS5.5がリリースされまし...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="8News &amp; Topics" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p>5/20日、Adobe After Effects CS5.5がリリースされました。<br/>
CS4以前〜ver.7ユーザー向けアップグレード版の販売も開始される一方、一番近いお得様、CS5ユーザーのためのアップグレード版のみ不都合があって若干、延期される模様。（１〜２週間ほどとAdobeサイトにて）<br/>
そんな私もおあずけを食らってます。<br/><br/>
<font color = "#ffb400">
※5/30 追記：油断してたらCS5 to CS5.5 アップグレード始まっていました。</font>
</p><br/>]]>
      
   </content>
</entry>
<entry>
   <title>スキャンラインドットモーション・Download FREE!!</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2011/05/download_free_1.html" />
   <id>tag:qep.jp,2011:/weblog//1.49</id>
   
   <published>2011-05-09T10:21:08Z</published>
   <updated>2011-05-31T17:03:59Z</updated>
   
   <summary>前回、奮闘したドットモーション（スキャンライン風）の構造は後々よく考えてみたらナ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="3After Effects TIPS" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p>前回、奮闘したドットモーション（スキャンライン風）の構造は後々よく考えてみたらナンセンスな作りだったと反省する箇所があります。<br>
それはドットが列の端に到達、折り返すそれぞれの値を手動でキーフレーム設定していた点です。ドット幅が決まっていれば、列幅（スキャン幅）を割る事で自ずと折り返す値も分かることじゃありませんか。何でこの部分を自動化する構造で考えなかったのでしょう。<br>
いやぁ〜全くもってお恥ずかしい。（いつも作った後で気づくありさま）</p>
<p>そこで、任意のスキャンエリアを設定するとドットのスキャンラインモーションを自動で実行できて、タイトルエフェクトとしても転用できるよう改善したAEテンプレートに仕上げてみました。こんな具合であります。<br><br>

<span class="swf-area">
<span class="defo" id="change-mv110503-area01">
<a href="#" onClick="change_inner('change-mv110503-area01','scanline'); return false;"><img src="http://qep.jp/weblog/images/110503/scanline_play.jpg" alt="play button" /></a></span>

<span class="change" id="scanline">
<embed width="440" height="264" controller="true" src="http://qep.jp/weblog/mov/try06.mov"
bgcolor="#000000" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html"></embed></span>

</span>
<br>
構造はスキャンエリアの設定、ドットのサイズ指定と動きのタイミングを調整するだけのシンプル操作、ドットは5個までサイズ調整できます。<br>
この今回作成しましたAfter Effectsプロジェクトファイル（CS3以降〜対応）をダウンロードフリーで提供しておりますので、よろしければご活用くださいませ。</p>

<p class="photo-area">
<a href="http://qep.jp/products/freedownload/try06.html">
<img src="http://qep.jp/weblog/images/110503/try06_DL_link.jpg" alt="IMAGE PHOTO"></a><br />
<br>
<font color = "#ffb400">
※5/17 追記：Windows AEにて発生するエクスプレッションエラーを確認＞解決＞再アップ済みです。文字コードによるOS互換不都合でございました。Winユーザー様にはご迷惑おかけしました。また、貴重な情報ありがとうございます。</font><br><br>

で、簡単な操作方法の説明だけ記載しておきます。<br><br>
基本的に本サイトで販売いたしております「Title Effects series」と同じ仕組みとなります。テンプレートとなるAEファイルを開き→タイトルの入れ替え、配置は『TITLE comp』コンポ内で、レンダリングとタイミング調整は『FINAL comp』コンポジションで行います。<br>
その他の要点は以下の通りです。<br>
ダウンロードしたAEファイルを開いてご確認ください。</p>

<dl class="step">
<dt>▼ STEP 01</dt>
<dd>● スキャンエリアの設定<br><br>
『TITLE comp』タイムラインを開き、入れ替えたいタイトルを配置します。
コンポジションサイズに応じてタイトル位置（レイアウト）は自由に変更して構いません。<br>
次にスキャンエリアを設定します。<br>
『TITLE comp』タイムライン内、レイヤー6「scaning area null」のヌルオブジェクトを選択、入れ替えたタイトル位置に合わせて上下左右にある中央のポイントをドラッグしながらタイトルを囲むように調整します。これでスキャンエリアが自動的に設定されます。</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110503/screenshot_01.jpg" alt="STEP01">
</dd>
<dd>画面全体をスキャンエリアに設定したい場合、<br>
初期設定のコンポジションサイズ（HD 1920 x 1080）ならレイヤー6「scaning area null」の"スケール"プロパティを［1920, 1080％］とします。</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110503/screenshot_01-2.jpg" alt="STEP01">
</dd>
</dl>
</p>
<dl class="step">
<dt>▼ STEP 02</dt>
<dd>● ドットサイズの設定<br><br>
最初に現在の時間インジケータを00:00:00:00に合わせます。すると左上に5つのドットが整列して表示されるので分かりやすく確認できます。<br>
『TITLE comp』タイムライン内、レイヤー6「DOT-1 size null」からレイヤー1「DOT-5 size null」までの5つの各レイヤーに適用している［scale］エフェクト（スライダー制御）で任意のドットサイズを設定します。<br>
例えば、scale値を"15"と入力すると記述されたエクスプレッションによって200倍された"3000"と表示されます。<br>
最小サイズの設定は"0"で4 pixels 四方のドットとなります。</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110503/screenshot_02.jpg" alt="STEP02">
</dd>
</dl>

<dl class="step">
<dt>▼ STEP 03</dt>
<dd>● タイミングの調整<br><br>
『FINAL comp』タイムライン内、レイヤー7「Scaning DOT-1 TITLE」からレイヤー3「Scaning DOT-1 TITLE」までの5つの各レイヤー位置（時間）や各レイヤーに設定している"タイムリマップ"のキーフレーム位置（時間）を自由に移動して設定します。<br>
"タイムリマップ"に設定されている2つのキーフレーム値はスキャンエリアの開始から終了に自動で調整されるので値の設定は不要です。<br><br>
最後の「flash light」レイヤーに適用している［レンズフレア］の光の表現や「TITLE comp」レイヤーの［グロー］は付け合わせのアクセントなので、キーフレームのタイミング調整や有無はご自由に。。。</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110503/screenshot_03.jpg" alt="STEP03">
</dd>
</dl>

<p>と、ここまでが基本設定となります。<br>
さらなるエフェクトの微調整は以下の通りです。<br><br>

<dl class="step">
<dt>▼ STEP 04</dt>
<dd>● メインの緑ドットの［エコー］エフェクト調整<br><br>
『Scaning DOT-1 TITLE』タイムラインならレイヤー2「Scaning DOT-1 motion」（コンポジション別ドットの相番名称）に適用している［エコー］エフェクトで調整します。<br>
この中の"エコーの数"プロパティ値には以下のエクスプレッションが記述されています。<br>
（『Scaning DOT-2 TITLE』から『Scaning DOT-5 TITLE』も同様にレイヤー2に適用。）<br><br>
t=comp("Scaning DOT-1").marker.key(1).time;<br>
Ah=comp("Scaning DOT-1").layer("scaning area null").transform.scale[1];<br>
Dh=comp("Scaning DOT-1").layer("MAIN-DOT").height;<br>
Ds=comp("Scaning DOT-1").layer("MAIN-DOT").transform.scale[0]/100;<br>
t2=Ah/(Dh*Ds)*t;<br>
&#160;if (time > t2) { <br>
&#160;&#160;&#160;&#160;&#160;0; <br>
&#160;&#160;}else{ <br>
<font color = "#ffb400">&#160;&#160;&#160;&#160;&#160;20; </font><br>
&#160;&#160;}<br><br>

この記述で表示されるエコーの数の値は"20"です。オレンジ部分の数値変更で値を調整できます。
</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110503/screenshot_04.jpg" alt="STEP04">
</dd>
</dl>

<dl class="step">
<dt>▼ STEP 05</dt>
<dd>● 各タイトルの［モザイク］／［グリッド］エフェクト調整<br><br>
『Scaning DOT-1 TITLE』から『Scaning DOT-5 TITLE』タイムライン内、レイヤー3「TITLE comp」に適用している［モザイク］と［グリッド］エフェクトで調整します。<br>
これらのエフェクトはSTEP 02で設定した任意のドットサイズに描画が合うようエクスプレッションで自動的に設定されますが、タイトルを配置した位置やサイズでモザイクとグリッドの描画がずれて表示されてしまうケースがあります。<br><br>
このずれをキッチリ合わせたい几帳面な方は、エフェクトコントロールパネルから［グリッド］エフェクトのグリッドサイズの種類のプルダウンを"コーナーポイント"に変更して、アンカーとコーナーの位置をモザイクの升目に手動調整して合わせるとよいでしょう。
</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110503/screenshot_05.jpg" alt="STEP05">
</dd>
</dl>
<p>ざっくりとした調整内容はこんな具合です。<br><br>
このテンプレートはタイトル以外の画像でも当然有効です。スキャンエリアを全面に設定、高解像度と低解像度の静止画を併用してこの様なズームアップ表現も簡単にできます。お試しあれ。<br><br>

<span class="swf-area">
<span class="defo" id="change-mv110503-area02">
<a href="#" onClick="change_inner('change-mv110503-area02','zoomup'); return false;"><img src="http://qep.jp/weblog/images/110503/zoomup_play.jpg" alt="play button" /></a></span>

<span class="change" id="zoomup">
<embed width="440" height="264" controller="true" src="http://qep.jp/weblog/mov/zoomup.mov"
bgcolor="#000000" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html"></embed></span>

</span>

</p>
<br>]]>
      
   </content>
</entry>
<entry>
   <title>続）ドットモーションコントロール 1（スキャンライン風）</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2011/02/_1_1.html" />
   <id>tag:qep.jp,2011:/weblog//1.48</id>
   
   <published>2011-02-28T05:20:53Z</published>
   <updated>2011-02-28T05:23:32Z</updated>
   
   <summary> ぶらり・つぎはぎだらけのエクスプレッション紀行／ ドットモーションコントロール...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<img src="http://qep.jp/weblog/images/110224/title.jpg" alt="IMAGE PHOTO"></p>

<p>ぶらり・つぎはぎだらけのエクスプレッション紀行／<br/>
ドットモーションコントロール 1（スキャンライン風）の続編です。<br/>
メインの緑のドットの動きが完成、ドットの軌道を埋めてゆく処理にエフェクトを断念。動きで確認すれば以下まででしたね。<br/><br/>
<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','180','src','/weblog/swf/dot_start','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/dot_start','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="180">
  <param name="movie" value="/weblog/swf/dot_start.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/dot_start.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="180"></embed>
 </object>
</noscript>
</span>
<br/>
実は断念する前に［CC RepeTile］エフェクト（上下左右にタイリングするエフェクト）これで埋めて行けるじゃん。という展開に一瞬なったのですが。</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_01.jpg" alt="IMAGE PHOTO"><br/>
<br/>
ただこのエフェクト、結果から言うとコラップスをONにした時点でエフェクトが効かないという代物でして、OFFにして使用してしまうとドットを拡大した時に甘くなってしまう難点があって、結局のところやはりエフェクト断念に行き着いた次第です。</p>

<p>では、白いドットレイヤーを配置させた後、Xスケールの拡大で対応させる方法しかないのか検討したところ、CS3から搭載されたシェイプレイヤーにリピーター機能という代案が浮上。ベクターシェイプをコピーして繰り返す方法なので基本的に［CC RepeTile］エフェクトと同じ感覚です。また、ベクターシェイプなので拡大処理もクリアできます。<br/><br/>

前者（Xスケール拡大案）はアンカーポイントをドット幅の右端や左端に寄せながら［100％ , 100％］→［4200％ , 100％］のような数値コントロールとなり、<br/>
後者（リピーター案）はアンカーポイントはセンターのまま、コピー数を升目に合わせて［0］→［42］のような具合です。<br/>
どちらが楽な感じします？　この2択。やっぱ後者ですかね。<br/><br/>
なので、シェイプレイヤーにリピーターという方法を選択してみます。</p>

<dl class="step">
<dt>▼ 続 STEP 01</dt>
<dd>最初は、ひと升を20 x 20 pixelsとした正確な四角いシェイプレイヤーを作成せねばなりません。<br>
大抵はシェイプツールを直感的にドラッグして描画するので、正確なことは逆に厄介だったりします。<br>
ルーラー表示などをさせてもアンカーポイントをセンターにした正確な20 x 20 pixelsピッタリの正方形を描くのは以外と面倒なものです。<br><br>
そこで、すでに20 x 20 pixelsになっている緑のドット、<br>
この平面レイヤーに新規マスクパスを仮に作成　→<br>
そのマスクパスをコピー　→<br>
適当なシェイプレイヤーを作成　→<br>
シェイプレイヤーのパスをペーストして置き換える。<br><br>
こうすれば正確な20 x 20 pixelsでアンカーポイントが中央のシェイプレイヤーが作成できます。</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_02.jpg" alt="STEP01">
</dd>
<dd>
緑のドットの平面レイヤーを選択して【レイヤー】メニュー→【マスク】→【新規マスク】を適用、作成されたマスクから" マスクパス "プロパティを選択してコピーします。<br>
コピー後はマスクを削除して構いません。<br><br>
レイヤーを選択していない状況でペンツールを選択して適当なシェイプを描き、シェイプレイヤーを作成します。
</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_03.jpg" alt="STEP01">
</dd>
<dd>
シェイプレイヤーの" パス "プロパティを選択してペーストすると20 x 20 pixelsの正方形パスと置き換わります。
</dd>
</dl>
</p>
<p>
<dl class="step">
<dt>▼ 続 STEP 02</dt>
<dd>ここからは順を追ってエクスプレッションを記述してゆきます。<br>
一列ごとにシェイプレイヤーを分けてゆくことになるのでレイヤー名称を分かりやすく「001」と変更して、階層も下に下げておきます。

</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_04.jpg" alt="STEP02">
</dd>
<dd>
まずは" 位置 "の求め方からです。<br>
白いドットが一列目を埋め始めるのは、緑のドットの［X position］のスライダー に設定されている1番目のキーフレーム時間の緑のドット位置と同じです。<br>
なので、その時の値を参照するエクスプレッション言語メニュー&#9654;Property&#9654;にあるvalueAtTime(t)を使い<br><br>
<font color = "#ffb400">
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(1).time;<br>
thisComp.layer("G-DOT").transform.position.valueAtTime(t)</font><br><br>
と記述します。<br>
" スケール "は緑のドットのスケールと同じになるようピックウィップでドラッグ&ドロップします。<br><br>
<font color = "#ffb400">
thisComp.layer("G-DOT").transform.scale</font><br><br>
次いで" 不透明度 "です。<br>
現状設定では0フレから緑のドットが動き出すキーフレームが設定されているので、最背面でもある白いドットの" 不透明度 "は最初から100％のままで良い訳ですが、<br>
仮に緑のドットの動きだしのタイミングが後ろにずれて、白いドットを消しておきたいことがあるやもしれません。<br>
さらにこのレイヤーは2列目に移る際に複製して使い回します。<br>
この2列目では折り返す15フレームが来るまで消えていなければなりません。ということもあって、あえてエクスプレッションを使います。<br><br>
そして、この時間が来たら〜というような条件付の記述には、<br>
if 構文<br>
&#160;&#160;if (time > t){ <br>
&#160;&#160;&#160;&#160;&#160;&#160;数値AやメゾッドA; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;&#160;&#160;数値BやメゾッドB; <br>
&#160;&#160;}<br>
を使います。<br>分かりやすく解釈すれば<br>
現在の時間がtの指定時間を過ぎたら〜数値Aやメゾッド（命令）Aをなさい！<br>
現在の時間がtを過ぎる以外は〜数値Bやメゾッド（命令）Bでいなさい！<br>
というような具合です。
なので、ここでは
<br><br>
<font color = "#ffb400">
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(2).time;<br>
&#160;&#160;if  (time > t) { <br>
&#160;&#160;&#160;&#160;&#160;100; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;&#160;0; <br>
&#160;&#160;}</font><br><br>
というように記述します。<br>
<br>
続けて、白いドットのシェイプレイヤーのコンテンツの追加から" リピーター "を追加します。<br>追加された" リピーター 1 "の" コピー数 "と" トランスフォーム：リピーター 1 "にある" 位置 "にエクスプレッションを記述します。<br>
<font color = "#ff0000">
※レイヤーが元々持っているトランスフォームの" 位置 "ではありませんので、ご注意を。</font><br>


</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_05.jpg" alt="STEP02">
</dd>
<dd>
まずは " トランスフォーム：リピーター 1 "の" 位置 "です。<br>
この位置はコピー複製する間隔です。この部分に限って言えばシェイプレイヤーが拡大した場合でもその比率を保つようなので、単純に緑のドット幅に合わせる<br>
<font color = "#ffb400">
w=thisComp.layer("G-DOT").width;<br>
[w,0]</font><br>
だけでOKです。<br>
<br>
そして何やら長くなってしまっている" コピー数 "です。<br>
ここでは<br><br>
<font color = "#ffb400">
s=thisComp.layer("G-DOT").transform.scale[0]/100;<br>
w=thisComp.layer("G-DOT").width*s;<br>
t1=thisComp.layer("G-DOT").effect("X position")("スライダー").key(1).time;<br>
t2=thisComp.layer("G-DOT").effect("X position")("スライダー").key(3).time;<br>
v1=thisComp.layer("G-DOT").effect("X position")("スライダー")/w;<br>
v2=thisComp.layer("G-DOT").effect("X position")("スライダー").key(3).value/w;<br>
&#160;&#160;if  ((time > t1) && (time < t2)){ <br>
&#160;&#160;&#160;&#160;&#160;&#160;v1; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;&#160;v2+1; <br>
&#160;&#160;}</font><br><br>
のように記述しています。頭にある<br><br>
s=thisComp.layer("G-DOT").transform.scale[0]/100;<br>
w=thisComp.layer("G-DOT").width*s;<br>
t1=thisComp.layer("G-DOT").effect("X position")("スライダー").key(1).time;<br>
t2=thisComp.layer("G-DOT").effect("X position")("スライダー").key(3).time;<br>
v1=thisComp.layer("G-DOT").effect("X position")("スライダー")/w;<br>
v2=thisComp.layer("G-DOT").effect("X position")("スライダー").key(3).value/w;<br><br>
ですが、演算式に必要な要素を代用したものです。<br>
上から順に解いてまとめると<br><br>
s=緑のドットのXスケールから100で割った値<br>
w=スケール調整された緑のドット幅<br>
t1=緑のドットの［X position］スライダーの1番目のキーフレーム時間<br>
t2=緑のドットの［X position］スライダーの3番目のキーフレーム時間<br>
v1=現在の時間の緑のドットの［X position］スライダー値、割るドット幅の値<br>
v2=緑のドットの［X position］スライダーの3番目のキーフレーム値、割るドット幅の値<br><br>
です。以降、このような複文を連発しますが、この部分は割愛します。<br><br>
その下のif 構文です。<br>
列の升目を埋めるコピー作業は緑のドットの移動に伴ってアニメートした後、右端に到達した時点で列を埋め尽くす数で留まっていなくてはなりません。<br>
しかし緑のドットは一列目以降も動き続けますので、この時間でステイなさい。という2つの条件が必要になってくる訳です。<br>
ひとつは、現在の時間がt1を過ぎたら〜v1にしないさい！<br>
と<br>
ふたつめは、現在の時間がt2を過ぎたら〜v2でいなさい！<br>
が以下の部分になります。<br>
&#160;if  ((time > t1) && (time < t2)){ <br>
&#160;&#160;&#160;&#160;&#160;&#160;v1; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;&#160;v2+1; <br>
&#160;&#160;}<br><br>
ひとまず、これで一列目の升目を埋めるシェイプレイヤーができます。プレビューしてみてください。<br>
</dd>
</dl>
</p>
<p>
<dl class="step">
<dt>▼ 続 STEP 03</dt>
<dd>では、2列目に移ります。<br>
白いドットのシェイプレイヤー「001」を複製して「002」を作成します。<br>
もし「001」を複製したレイヤー名称が「001 2」となるようなら数字の前に半角スペースを入れ「 001」にすると、以降の複製で自動的に「 002」「 003」「 004」となります。<br>
名前なんてどうだっていいじゃん。<br>
と思われますが、これが後に大事なポイントになります。<br><br>
複製した「 002」に記述されているエクスプレッションを順に書き換えてゆきます。<br>
「 002」のレイヤーを選択してキーボードのEを2回、プッシュするとレイヤーにあるすべてのエクスプレッションを表示させるショートカットになります。<br></dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_06.jpg" alt="STEP03">
</dd>
<dd>
下から順番に調整します。<br>
以降、変更する部分と変更した後をオレンジ文字で表記します。<br>
まずは、" 不透明度 "です。既存のエクスプレッション<br><br>
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(<font color = "#ffb400">2</font/>).time;<br>
&#160;&#160;if  (time > t) { <br>
&#160;&#160;&#160;&#160;&#160;100; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;&#160;0; <br>
&#160;&#160;}<br><br>
を、<br><br>
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(<font color = "#ffb400">4</font/>).time;<br>
&#160;&#160;if  (time > t) { <br>
&#160;&#160;&#160;&#160;&#160;100; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;&#160;0; <br>
&#160;&#160;}<br><br>
と、4番目のキーフレームで登場するように変更。<br>
" スケール "は変更なしで、<br>
次に" 位置 "です。既存のエクスプレッション<br><br>
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(<font color = "#ffb400">1</font/>).time;<br>
thisComp.layer("G-DOT").transform.position.valueAtTime(t)<br><br>
を、こちらも4番目のキーフレームを参照するよう<br><br>
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(<font color = "#ffb400">4</font/>).time;<br>
thisComp.layer("G-DOT").transform.position.valueAtTime(t)<br><br>
とします。<br>
続いて" トランスフォーム：リピーター 1 "の" 位置 "です。<br>これは<br><br>
w=thisComp.layer("G-DOT").width;<br>
[<font color = "#ffb400">-</font/>w,0]<br><br>
と、逆方向のマイナス値にするだけです。<br>
そして肝心のリピーターの" コピー数 "ですが、<br>
こちらは、ほぼ前面見直しなので変更後の記述のみをオレンジ表記にしています。<br><br>
<font color = "#ffb400">
s=thisComp.layer("G-DOT").transform.scale[0]/100;<br>
w=thisComp.layer("G-DOT").width*s;<br>
h=thisComp.layer("G-DOT").height*s;<br>
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(4).time;<br>
v1=thisComp.layer("G-DOT").effect("X position")("スライダー")/w;<br>
v2=thisComp.layer("G-DOT").effect("X position")("スライダー").key(3).value/w;<br>
v3=thisComp.layer("G-DOT").effect("Y position")("スライダー");<br>
n=Number(thisLayer.name); <br>
&#160;&#160;if  ((time > t) && (v3 < h*n)){ <br>
&#160;&#160;&#160;&#160;&#160;&#160;v2-v1; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;&#160;v2+1; <br>
&#160;&#160;}</font/>
<br><br>
この中に<br>
n=Number(thisLayer.name); <br>
という記述があります。これはレイヤー名称の数字を数値として置き換え、演算式に組み込んでいます。このNumber()は数字以外のテキストは扱えません。<br><br>
このレイヤー名称の「002」を" 2 "として処理している理由ですが、if 構文の中の<br>
(v3 < h*n)<br>
は" Y position "スライダー値が2列目の数値になったら〜という2列目の2を定義しています。<br>こうしておくと、レイヤー名称の「003」は3列目、「004」は4列目というように複製の度に自動化できるからです。<br>
お〜ナイス。<br>
2列目はこれで完了です。プレビューしてみてください。
</dd>
</dl>
</p>
<p>
<dl class="step">
<dt>▼ 続 STEP 04</dt>
<dd>続いて3列目です。<br>
その前に一体いつまで書き換えるのかという疑問ですが、<br>
3列目の「 003」は以降の奇数列ですべて同じレイヤーで処理できます。<br>
そして偶数列は「 004」を調整すれば、後はコピー天国が待っています。<br>
よって、後「 003」と「 004」の2つの書き換えのみです。<br>
3列目は奇数列なので「 001」の複製から、「 004」は偶数列なので「 002」の複製から書き換えるとよいでしょう。<br>
以降スピードアップによりエクスプレッションだけ表記します。<br></dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_07.jpg" alt="STEP04">
</dd>
<dd>
「 003」レイヤー<br>
" リピーター 1 "の" コピー数 "<br>
<font color = "#ffb400">
s=thisComp.layer("G-DOT").transform.scale[0]/100;<br>
w=thisComp.layer("G-DOT").width*s;<br>
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(4).time;<br>
v1=thisComp.layer("G-DOT").effect("X position")("スライダー")/w;<br>
v2=thisComp.layer("G-DOT").effect("X position")("スライダー").key(3).value/w;<br>
n=Number(thisLayer.name);<br>
&#160;&#160;if  ((time > t*(n-1)) && (time < t*n)){ <br>
&#160;&#160;&#160;&#160;&#160;&#160;v1; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;&#160;v2+1; <br>
&#160;&#160;}</font/><br><br>
" トランスフォーム：リピーター 1 "の" 位置 "<br>
<font color = "#ffb400">
w=thisComp.layer("G-DOT").width;<br>
[w,0]<br><br></font/>
" 位置 "<br>
<font color = "#ffb400">
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(4).time;<br>
n=Number(thisLayer.name);<br>
thisComp.layer("G-DOT").transform.position.valueAtTime(t*(n-1))</font/><br><br>

" スケール "<br>
<font color = "#ffb400">
thisComp.layer("G-DOT").transform.scale</font><br><br>

" 不透明度 "<br>
<font color = "#ffb400">
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(4).time;<br>
n=Number(thisLayer.name);<br>
&#160;if (time > t*(n-1)){ <br>
&#160;&#160;&#160;&#160;100; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;0; <br>
&#160;&#160;}</font><br>
<br>
</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_08.jpg" alt="STEP03">
</dd>

<dd>
「 004」レイヤー<br>
" リピーター 1 "の" コピー数 "<br>
<font color = "#ffb400">
s=thisComp.layer("G-DOT").transform.scale[0]/100;<br>
w=thisComp.layer("G-DOT").width*s;<br>
h=thisComp.layer("G-DOT").height*s;<br>
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(4).time;<br>
v1=thisComp.layer("G-DOT").effect("X position")("スライダー")/w;<br>
v2=thisComp.layer("G-DOT").effect("X position")("スライダー").key(3).value/w;<br>
v3=thisComp.layer("G-DOT").effect("Y position")("スライダー");<br>
n=Number(thisLayer.name); <br>
&#160;&#160;if  ((time > t) && (v3 < h*n)){ <br>
&#160;&#160;&#160;&#160;&#160;&#160;v2-v1; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;&#160;v2+1; <br>
&#160;&#160;}</font><br><br>

" トランスフォーム：リピーター 1 "の" 位置 "<br>
<font color = "#ffb400">
w=thisComp.layer("G-DOT").width;<br>
[-w,0]</font><br><br>

" 位置 "<br>
<font color = "#ffb400">
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(4).time;<br>
n=Number(thisLayer.name);<br>
thisComp.layer("G-DOT").transform.position.valueAtTime(t*(n-1))
</font/><br><br>
" スケール "<br>
<font color = "#ffb400">
thisComp.layer("G-DOT").transform.scale</font><br><br>

" 不透明度 "<br>
<font color = "#ffb400">
t=thisComp.layer("G-DOT").effect("X position")("スライダー").key(4).time;<br>
n=Number(thisLayer.name);<br>
&#160;&#160;if  (time > t*(n-1)) { <br>
&#160;&#160;&#160;&#160;&#160;100; <br>
&#160;&#160;}else{ <br>
&#160;&#160;&#160;&#160;&#160;0; <br>
&#160;&#160;}
</font>
</dd>
</dl>
</p>
<p>
<dl class="step">
<dt>▼ 続 STEP 05</dt>
<dd>さて、レイヤー「 003」と「 004」のエクスプレッションが完了したので、後はコピー天国です。<br>
レイヤー「 003」と「 004」選択して升目が埋まるまで複製し続けます。<br>
ここでは「 009」ですべて埋まります。<br>
升目が埋まりきったら、レイヤーを順に並び替え、ほぼできあがりのようなものです。<br>
プレビューしてみてください。</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_09.jpg" alt="STEP05">
</dd>
</dl>


<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','180','src','/weblog/swf/dot_step05','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/dot_step05','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="180">
  <param name="movie" value="/weblog/swf/dot_step05.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/dot_step05.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="180"></embed>
 </object>
</noscript>
</span>
</p>
<p>
<dl class="step">
<dt>▼ 続 STEP 06</dt>
<dd>最後に白いドットが升目を埋めてゆくレイヤーのみを多目的にマスク処理できるように整えます。こちらの調整もいちを書きますが、ここからは各ユーザーで自由に整えて下さい。読み飛ばしても構いません。<br><br>
ここでは、スキャンライン風ドットモーションを作成したコンポジションが仮に「コンポ 1」ならプロジェクトパネルで「コンポ 1」を複製して「コンポ 2」を作成します。<br><br>
複製した「コンポ 2」のタイムラインではグリッドレイヤー「Grid layer」を一番上に配置した後、［グリッド］エフェクト内の不透明度を100％に設定、緑のドット「G-DOT」レイヤーを不可視にします。「Grid layer」の描画モードを" シルエットアルファ "に設定するとグリッドラインの部分を透明に抜けるように設定できます。<br>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_10.jpg" alt="STEP06">
</dd>
<dd>
そして「コンポ 1」では「 001」から「 009」までの白いドットのシェイプレイヤーをすべて削除します。
</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_10-2.jpg" alt="STEP06">
</dd>
<dd>「コンポ 2」のタイムラインを分離してフロー状態にするか、タイムラインを2段にするなどして「コンポ 1」と「コンポ 2」を同時に表示できるよう並び替えます。<br>
「コンポ 1」の緑のドットレイヤーに適用している［X position］［Y position］［scale］の3つの［スライダー］エフェクトをすべて削除して、" 位置 "と" スケール "のエクスプレッションを「コンポ 2」の緑のドットレイヤーの同じプロパティにピックウィップでドラッグ＆ドロップします。<br>
(※［スライダー］エフェクトを削除した時にエラーが出ますが、無視してください。）<br><br>
これで「コンポ 1」にある緑のドットレイヤーは「コンポ 2」の緑のドットレイヤーとシンクロします。
</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_11.jpg" alt="STEP06">
</dd>
<dd>あとは「コンポ 1」のタイムラインにプロジェクトパネルから「コンポ 2」レイヤーを配置すれば、長かった着地点の完成です。ただドットモーションのタイミングは「コンポ 2」でコントロールすることになってしまいますが、まぁ、いいしょ。
</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110224/screenshot_12.jpg" alt="STEP06">
</dd>
</dl>
<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','180','src','/weblog/swf/dot_end','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/dot_end','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="180">
  <param name="movie" value="/weblog/swf/dot_end.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/dot_end.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="180"></embed>
 </object>
</noscript>
</span>
</p>
<br/>]]>
      
   </content>
</entry>
<entry>
   <title>ドットモーションコントロール 1（スキャンライン風）</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2011/02/_1.html" />
   <id>tag:qep.jp,2011:/weblog//1.47</id>
   
   <published>2011-02-21T06:58:34Z</published>
   <updated>2011-03-01T09:35:27Z</updated>
   
   <summary> After Effectsの王道はベーシックな2Dモーションではないか。。 な...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="3After Effects TIPS" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<img src="http://qep.jp/weblog/images/110211/title.jpg" alt="IMAGE PHOTO"></p>

<p>After Effectsの王道はベーシックな2Dモーションではないか。。<br/>
などとふと原点に立ち返ってみた私は久々に「ドットモーション」<br/>
なるテーマに取り組んでみました。軽い思いつきで始めた訳ですが、<br/>
シンプルな動きにも難題続きのエクスプレッション地獄が待っていました。<br/>
<br/>今回はそんな奮闘記も交えて、ぶらり・つぎはぎだらけのエクスプレッション紀行をつづってみました。<br/><br/>
で、それってどんなん？かと言えば、<br/>
ほら例えばグリッドに引いた升目（ますめ）間に沿ってキッチリと動くあれです。という説明だけでは何なんで、サンプルです。<br/><br/>
<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','180','src','/weblog/swf/gridsample','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/gridsample','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="180">
  <param name="movie" value="/weblog/swf/gridsample.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/gridsample.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="180"></embed>
 </object>
</noscript>
</span>
<br/>
この升目間を絶対にまたがない動きがポイントでして、<br/>
何だか古めかしくもちょっと新鮮に思いませんか。<br/>
操作時に【グリッドへスナップ】する機能はありますが、オブジェクトの軌道にスナップが効いたりはしません。<br/>
グリッドに必ず沿って動く緑のドット（平面レイヤー）に適当なキーフレームを打ってモーションさせたクリップと更に［エコー］エフェクトを適用した2クリップのループです。拡大させた場合でも指定した升目分だけ上下左右、均等にスケール調整されます。<br/><br/>
これはまぁ発展前の入口部分です。<br/>
始めた当初は案外あっさり終わんじゃないのとタカをくくっていたら、これがまぁ〜結果は同じでもプロセスの違う方法があって、表現によって作りのハンドリングに向き不向きがあったり、あれや、これやな発見や、「じゃ、こんなケースは？」などと止めどもなく湧いてくる事案が何だか楽しくなっていた。（ドM？）<br/><br/>
で、本日の着地点は以下のドットモーションに挑戦です。<br/><br/>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','180','src','/weblog/swf/gridfinal','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/gridfinal','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="180">
  <param name="movie" value="/weblog/swf/gridfinal.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/gridfinal.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="180"></embed>
 </object>
</noscript>
</span>
<br>
緑のメインのドットが上から下へローラー作戦のようなといいましょうか、<br>
はたまたスキャンライン風に規則的に折り返して動き、白いドットがその軌道を埋めてゆくというモーション設定です。<br>
手付けでやっちまえば簡単。と思われてしまうので、ドットサイズの違うパターンもあってタイミングも柔軟に変更したいとハードルを上げておきましょう。<br>
そうなるとエクスプレッションの方が有効です。<br>
ちなみに上の設定ができると安直にもこんな発展系が考えられます。<br><br>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/gridmosaic','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/gridmosaic','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/gridmosaic.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/gridmosaic.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>

ということで、もし興味があれば、このまま読み進めて下さいませ。<br>
今回の着地点は、ほぼ直線的な動きなのでドットそのものをスナップ移動させる直感的な操作方法ではなく、［スライダー］エフェクトを使用してドット位置を制御させる方法を選択してみます。<br><br>
じゃ早速入口の基本形でも作ってみますか？<br><br>
<font color = "#ff0000">
※ここで使用しているAfter EffectsのバージョンはCS5 です。CS5ではここ以降に連発される" スライダー "というプロパティ表記がCS4以前では" スライダ "と仕様変更されているので、CS4以前のユーザーの方はコピペで記述を使用される際にエラーの原因となる恐れがあります。留意ください。
</font>
</p>

<dl class="step">
<dt>▼ STEP 01</dt>
<dd>最初は、基本のグリッド設定ですが見た目上、升目が丁度割り切れるコンポサイズが分かりやすいですかね。<br>ここではブログ表示サイズの都合もあって、ひと升を20 x 20 pixelsにした440 x 180 pixelsサイズ、30フレ、10秒間のコンポジションを作成します。もちろん自由です。<br><br>
そこにコンポサイズと同寸の新規平面レイヤー<br>
（Grid layerと改名）に［グリッド］エフェクトを適用、さらに動き回る緑色のドットの新規平面レイヤー<br>
（G-DOTと改名：升目と同寸の20 x 20 pixels）を作成します。<br><br>
［グリッド］エフェクトは縦横が必ず正方形のドットにするという仮定で<br>
" グリッドサイズ "の種類は" 幅スライダー "に設定、そして<br>
" 幅 "のプロパティに自動でドット幅のグリッド表示になるよう以下のエクスプレッションを設定します。<br><br>
<font color = "#ffb400">thisComp.layer("G-DOT").width</font></dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_01.jpg" alt="STEP01">
</dd>
<dd>
こうしておくと、仮に後から〈平面設定〉にてドット幅を変更した場合でも自動でグリッド表示が変更されるようにできます。（下図）
</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_01-2.jpg" alt="STEP01-2">
</dd>
</dl>
</p>

<dl class="step">
<dt>▼ STEP 02</dt>
<dd>次に緑のドットの平面レイヤーを選択して【エフェクト】メニュー→【エクスプレッション制御】→【スライダー制御】を適用します。<br>これを更に2回繰り返すか複製して［スライダー制御］エフェクトをこのレイヤーに3つ適用した後、制御する際に分かりやすい名称に変更します。<br><br>
1つ目の［スライダー制御］エフェクトをここではドットのX座標位置をコントロールする［X position］<br>
2つ目の［スライダー制御］エフェクトはY座標位置をコントロールする［Y position］<br>
3つ目の［スライダー制御］エフェクトは拡大をコントロールする［scale］<br>
とそれぞれを改名します。<br><br>
では、ここから立て続けにエクスプレッションを記述します。</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_02.jpg" alt="STEP02">
</dd>
<dd>

最初は［X position］と名称変更した［スライダー制御］エフェクトの" スライダー "プロパティに小数点を省くエクスプレッションのMath.floor()を使います。このメゾッドはエクスプレッション言語メニュー&#9654;JavaScript Math&#9654;にあります。<br>
()内はスライダー値が入るようMath.floor(value)のままで構いません。
さらにドット幅だけ進むよう<br>
<font color = "#ffb400">Math.floor(value)*width;</font><br>
と記述してこのプロパティは終了。<br><br>
同様に［Y position］は<br>
<font color = "#ffb400">Math.floor(value)*height;</font><br>
と記述。<br><br>
［scale］はスライダー値に対して常に200倍になるよう<br>
<font color = "#ffb400">Math.floor(value)*200;</font><br>
と記述し、この最終サイズ調整を緑のドットレイヤーの" スケール "プロパティで以下のように整えます。<br>
<font color = "#ffb400">
x = effect("scale")("スライダー");<br>
y = effect("scale")("スライダー");<br>
add([100,100],[x, y])</font><br>
すると、下図のように［scale］のスライダー値が" 0 "の時はドットが原寸の100％で、スライダー値を" 1 "にするとドット一回り分が拡大、" 2 "で二回り分が、" 3 "で三回り分が拡大するようになります。（ドットレイヤーのコラップスはONに）<br>
</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_03.jpg" alt="STEP02">
</dd>
<dd>
最後に" 位置 "プロパティに<br>
<font color = "#ffb400">
w=width;<br>
x=effect("X position")("スライダー");<br>
y=effect("Y position")("スライダー");<br>
add([w,w]/2,[x,y])</font><br>
と記述して、<br>
緑のドットに適用した［X position］［Y position］［scale］の各スライダー値をスクラブ操作すると、<br>
グリッドに沿って移動・拡大する基本形が完成します。<br>
各スライダーにキーフレームを作成すれば、最初のサンプルムービーのようなことが簡単にできますので試してみて下さい。<br><br>
で、［X position］［Y position］の各スライダー値が<br>
" 0 "であれば、左上に整列します。
</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_04.jpg" alt="STEP02-2">
</dd>
</dl>
</p>

<p>さて、この基本形までなら案外すんなりできるのですが、今回の着地点としたスキャンライン風のモーション設定に至るまでには、ここから表現別に細かいエクスプレッションの調整が必要になります。<br><br>
例えば、現状設定でグリッドの左上に位置しているドットですが、［scale］スライダーでサイズを変更してみると、コンポジションから大きくはみ出す結果に。。<br>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_03-00.jpg" alt="IMAGE"><br>
<br>
このような不都合が多発します。［scale］スライダーでサイズを変更しても左上にピッタリ合うように変更せねばです。しかもグリッドの升目もドットのサイズに合わせて変化するようにしましょう。
</p>

<dl class="step">
<dt>▼ STEP 03</dt>
<dd>［scale］スライダーでサイズを変更しても左上にピッタリ合うようにドットレイヤーの" 位置 "プロパティの現状エクスプレッション<br>
<font color = "#ffb400">
w=width;<br>
x=effect("X position")("スライダー");<br>
y=effect("Y position")("スライダー");<br>
add([w,w]/2,[x,y])</font><br>
を以下のように書き換えます。<br><br>
<font color = "#ffb400">
w=width;<br>
x=effect("X position")("スライダー");<br>
y=effect("Y position")("スライダー");<br>
s=effect("scale")("スライダー")/200;<br>
add([w,w]*s,[x+w/2,y+w/2])</font>&#160;<br>&#160;<br>
この通りピッタリです。<br>
</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_03-01.jpg" alt="STEP03">
</dd>
<dd>次はグリッド調整です。<br>
［グリッド］エフェクトの" 幅 "のプロパティのエクスプレッション<br>
<font color = "#ffb400">thisComp.layer("G-DOT").width</font><br>
を以下のように変更します。<br><br>

<font color = "#ffb400">
w=thisComp.layer("G-DOT").width;<br>
s=thisComp.layer("G-DOT").effect("scale")("スライダー")/100;<br>
w+w*s<br>
</font><br>
これでグリッドもドットサイズに合わせて臨機応変に対応できます。めでたし。
</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_03-02.jpg" alt="STEP03">
</dd>
</dl>
</p>

<dl class="step">
<dt>▼ STEP 04</dt>
<dd>いや、まだ、めでたくありません。ドットのスケールを変更した際に進むドット幅もスケールに合わせなくてはなりません。<br>
現状の[X position]の" スライダー "プロパティに記述している<br>
<font color = "#ffb400">Math.floor(value)*width;</font><br>
を<br>
<font color = "#ffb400">
s=transform.scale[0]/100;<br>
Math.floor(value)*width*s;</font><br>
に、<br>
[Y position]の" スライダー "プロパティに記述している<br>
<font color = "#ffb400">Math.floor(value)*height;</font><br>
を<br>
<font color = "#ffb400">
s=transform.scale[1]/100;<br>
Math.floor(value)*height*s;</font><br>
に書き換えるとスケール変更した移動幅も調整できます。<br>ふぅ〜。<br>
</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_04-1.jpg" alt="STEP04">
</dd>
</dl>


<dl class="step">
<dt>▼ STEP 05</dt>
<dd>では、ドットのサイズを100％に戻して、ここからはモーション設定に移ります。<br>
まずは、ドットのX座標位置の動きをループ設定にします。<br>
ここでは15フレームで折り返すループにしてみます。<br><br>
左上からドットが動き出す0フレームと1フレーム目に<br>
［X position］スライダー値の" 0 "で2つのキースレームを作成します。<br><br>
現在の時間インジケータを14フレーム目まで移動して、［X position］スライダー値をスクラブ操作して右上の端まで直線移動させキーフレームを作成します。<br>
ここでの入力値は" 21 "です。ただ、表示はエクスプレッションによって" 420 "と表示されます。続けて15フレーム目にも同値でキーフレームを作成します。
</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_05.jpg" alt="STEP05">
</dd>
<dd>
［X position］" スライダー "プロパティに記述しているエクスプレッションを書き換えます。<br>
<font color = "#ffb400">
s=transform.scale[0]/100;<br>
Math.floor(value)*width*s;</font><br>
この記述のvalueを選択してエクスプレッション言語メニュー&#9654;property&#9654;から<br>
loopOut(type = "cycle", numKeyframes = 0)と入れ替えます。（最後のキーフレーム以降にキーフレーム設定を繰り返すメゾッド）<br>
<font color = "#ffb400">Math.floor(loopOut(type = "cycle", numKeyframes = 0))*width*s;</font><br>
となったタイプ記述のcycleをpingpongと変更します。<br><br>
<font color = "#ffb400">
s=transform.scale[0]/100;<br>
Math.floor(loopOut(type = "pingpong", numKeyframes = 0))*width*s;</font><br><br>
これでドットが直線移動して折り返すX座標位置のエクスプレッションができます。長くなるので<br><br>
<font color = "#ffb400">
s=transform.scale[0]/100;<br>
loop=loopOut(type = "pingpong", numKeyframes = 0);
Math.floor(loop)*width*s;</font><br><br>
と複文に代用しても同じ結果が得られます。<br>
プレビューしてみてください。

</dd>
<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_06.jpg" alt="STEP05">
</dd>
</dl>
</p>

<dl class="step">
<dt>▼ STEP 06</dt>
<dd>次にドットのY座標（[Y position]の記述）です。ドットがY座標位置で一列分進んでいく時間間隔はドットがX座標位置で右端まで進む最後のキーフレーム時間の15フレーム毎です。<br><br>
ただ、この数値を直接エクスプレッションの式に組み込んでしまうと［X position］スライダーのキーフレームのタイミングが変わるたびに式を書き換えることになってしまうので面倒です。<br>
なので、「［X position］スライダーの4番目（最後）のキーフレーム時間で」というように定義します。<br>時間の記述は以下の通りです。<br>
effect("X position")("スライダー").key(4).time<br><br>
そして進む数値は一列分、ドットの高さ分、つまりheightです。<br>
これを現状の式の<br>
<font color = "#ffb400">
s=transform.scale[1]/100;<br>
Math.floor(value)*height*s;</font><br>
を以下のように書き換えます。<br><br>
<font color = "#ffb400">
t=effect("X position")("スライダー").key(4).time;<br>
s=transform.scale[1]/100;<br>
h=height*s;<br>
Math.floor(time/t+1)*h-h;</font><br><br>
これで緑のドットのスキャンライン風の動きが完成です。［scale］スライダーでサイズを変更しても問題ないはずです。プレビューでチェックしてみてください。
</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/110211/screenshot_07.jpg" alt="STEP06">
</dd>
</dl>

<p>さて、ドットの動きが完成したので後は動きに合わせて白で塗りつぶしてゆくだけです。
当初は何かエフェクトあんだろ。。と安易な考え。<br>
よく調べてみると。。<br>
マスクパスを描くエフェクトは多くありますが、レイヤー軌道を描いてゆくエフェクトはあまりありません。<br><br>
標準搭載では［エコー］か［ブラシアニメーション］エフェクトくらいですかね。［エコー］は残像のような見え方なので、グリッドを均等に埋めるのはNGです。<br>そして［ブラシアニメーション］ですが、ブラシの種類に四角いドット形状のような選択肢があれば良かったのですが、残念ながら点描しかなく、<br>
適用してみると。。<br><br>
<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','180','src','/weblog/swf/gridbrush','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/gridbrush','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="180">
  <param name="movie" value="/weblog/swf/gridbrush.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/gridbrush.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="180"></embed>
 </object>
</noscript>
</span>
<br/>
案の定。惜しい結果に。<br>
ただ点描表現のドット処理には使えそうですね。記憶しておきましょう。<br>
が、本ケースではNGなのでエフェクト処理は全滅。<br>
エフェクト一発でつくれないとなると、自力のレイヤー配置なのか。。<br>
暗雲がたちこめます。まだ道のりは遠く更に長くなってしまうので、<br>
着地点前ですが、一旦仕切って次回に持ち越します。<br>
<br>
<a href="2011/02/_1_1.html">続）ドットモーションコントロール 1（スキャンライン風）へつづく。</a>

</p><br/>
]]>
      
   </content>
</entry>
<entry>
   <title>QE+Title Effects series version2.0 リリース！</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2011/02/qetitle_effects_series_version.html" />
   <id>tag:qep.jp,2011:/weblog//1.46</id>
   
   <published>2011-02-15T04:55:20Z</published>
   <updated>2011-02-15T04:57:46Z</updated>
   
   <summary> 本コンテンツ内で販売いたしております QE+Title Effects ser...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="8News &amp; Topics" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<a href="../about/index.html"><img src="http://qep.jp/weblog/images/110214/title.jpg" alt="IMAGE PHOTO"></a></p>
<p>
本コンテンツ内で販売いたしております<a href="../about/index.html"> QE+Title Effects series </a>が新たにバージョン2.0としてリリースいたしました。<br><br>
Adobe After Effects CS5 への対応と共に、新たに13種のエフェクトタイトルテンプレートを追加し、計81種類をDVDパッケージにまとめました。<br>
これに伴い以前のDVDパッケージv1.1以前をご使用のユーザー様には、アップグレードとしてご購入頂ける<a href="../store/index.html">UPG版プログラム</a>も開始します。<br>
合わせてご愛顧たまわりますよう、よろしくお願いいたします。<br><br>
QE+スタッフ一同
</p><br>]]>
      
   </content>
</entry>
<entry>
   <title>Title Effects series CS5対応版無償アップグレードキャンペーン</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2010/12/title_effects_series_cs5.html" />
   <id>tag:qep.jp,2010:/weblog//1.45</id>
   
   <published>2010-12-06T13:16:04Z</published>
   <updated>2011-01-31T08:34:20Z</updated>
   
   <summary> 　当サイトで販売いたしております QE+「Title Effects seri...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="8News &amp; Topics" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<a href="../store/cs5.html"><img src="http://qep.jp/weblog/images/101206/title.jpg" alt="IMAGE PHOTO"></a><br/><br/>
　当サイトで販売いたしております QE+「Title Effects series」が2011年1月末（予定）に新たなエフェクトを加え、After Effects CS5に対応した新DVDパッケージとしてリニューアルします。<br/><br/>　このリリースを記念して現在販売中の QE+「Title Effects series」DVDパッケージ（通常版）をお買い求め頂いたお客様には、次期CS5対応 新DVDパッケージを全員にプレゼント！CS5対応版 無償アップグレードキャンペーンを開始します。
<br/><br/>期間は2010年12月6日 〜 2011年2月15日です。<br/>
(キャンペーン期間延長いたしました。）
<br/>是非、この機会にお買い求めください。　<a href="../store/cs5.html">詳しくはこちら</a><br/><br/>
QE+スタッフ一同
</p><br/>]]>
      
   </content>
</entry>
<entry>
   <title>iMac 27&quot; Quad Core i7 (2010 mid) + SSD BTOベンチマーク</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2010/12/imac_27_quad_core_i7_2010_mid.html" />
   <id>tag:qep.jp,2010:/weblog//1.44</id>
   
   <published>2010-12-01T20:34:15Z</published>
   <updated>2010-12-06T16:34:37Z</updated>
   
   <summary>少し前の話題ですが、先月11月3日にアップルストアでiMacとMac miniの...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="1After Effects 使用環境" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p>少し前の話題ですが、先月11月3日にアップルストアでiMacとMac miniの2機種が突然値下げを実施したのを皆さんはご存知でしたか？<br/>
特に上位のiMacに関しては2万円のプライスダウンということで更なるパフォーマンスアップに拍車がかかったことを期に、心の声に負けて所有していたiMac 27inch Quad（2009 lateモデル）をiMac 27inch Quad（2010 midモデル）にシフトするフルBTO計画を敢行してしまいました。スペックは以下の通りです。</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/101201/screenshot_01.jpg" alt="IMAGE PHOTO"></a><br/><br/>
ポイントはやはり増設したSSD側にOSが乗った2ドライブ＆Core i7 CPUの搭載でしょうか。メモリは<a href="http://www.amazon.co.jp/CORSAIR-1333MHz-2x204pin-Unbuffered-CMSO8GX3M2A1333C9/dp/B002YUF8ZG/ref=sr_1_3?ie=UTF8&qid=1291191840&sr=8-3" Target="blank">こちらの市販のリーズナブルなタイプ</a>に差し替えました。<br/>
<br/>
で、旧iMacから新iMacに環境移行する際にiMacが外部ディスプレイとして使用できるターゲットディスプレイモードなる機能を興味本位でiMac同士で試してみました。<a href="http://www.amazon.co.jp/BELKIN-Mini-DisplayPort-DisplayPortケーブル-F2CD008JA1-5M/dp/B0035542R4/ref=pd_bxgy_computers_img_b" Target="blank">こちらのケーブル</a>を使用するとできます。</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/101201/screenshot_02.jpg" alt="IMAGE PHOTO"></a><br/>
<img src="http://qep.jp/weblog/images/101201/screenshot_03.jpg" alt="IMAGE PHOTO"></a><br/><br/>
こんな感じです。まぁ〜必要以上のワークスペースです。<br/>After EffectsのHDコンポジション画面もかたっぽでフル表示できてしまいます。<br/>2560x1440サイズは外部ディスプレイとして魅力的ですが、ターゲットディスプレイモードにした片方のiMacは裏でOSが立ち上がっている状態になるので単にディスプレイだけの使用なら無駄に1台が立ち上がっているはめになります。<br/>
3Dやビデオの分散レンダリングやネットワークレンダリングを裏で動かしておくとか、webサーバーとして立ち上げっぱなしに使用するとか、目的が明確な方ならまだアリの構成かもしれませんが、この様に並べてしまうと左側のiMacのDVDドライブが使用できないなど、実際にこうやって組むユーザーはやっぱり居ないでしょうなw。
</p>

<p>さらに興味本位でBOOT CAMPのWindows 7起動をターゲットディスプレイモードで使用できるか試してみました。</p>
<p class="photo-area">
<img src="http://qep.jp/weblog/images/101201/screenshot_04.jpg" alt="IMAGE PHOTO"></a><br/>
<img src="http://qep.jp/weblog/images/101201/screenshot_05.jpg" alt="IMAGE PHOTO"></a><br/><br/>
Mac OSが起動している方をターゲットディスプレイモードにすれば、デュアルディスプレイWin環境ができてしまいます。が、これは更にあり得ませんな〜ww。<br/>
個人的な見解では、やはりiMacのMini DisplayPortは外付けディスプレイとの併用でデュアル化するのが望ましいのでは。。ということで。
</p>

<p>さて、注目の2010モデルのBTO iMacの使用感ですが、OSをSSDに乗せているので、立ち上がりが思いのほか速いです。ベンチマークでは体感以上の数字が出るのにも驚きです。以下は新旧iMacをXbenchで比較した結果ですが、やはりディスク計測が特にズバ抜けております。</p>
<p class="photo-area">
<img src="http://qep.jp/weblog/images/101201/screenshot_06.jpg" alt="IMAGE PHOTO"></a><br/>
<br/>
2010モデルは総合スコアで400には届かないものの一世代でこんなにも違うか！というくらいSSDの威力が分かります。ネックは256Gのディスクスペース内で大量のアプリ群を選別するやりくり術です。iTunesのMP3データなどOS側でデータ置き場にさせない環境設定の工夫も必要かと。<br/><br/>
Core i7のCPUはi5と比べて強制終了する場面が少し増えたような気はしますが、困る程ではありません。やはり安定感という意味ではCore i5に歩があるでしょうか。ただ、AE CS5でのレンダリングは速度が飛躍的に向上しています。以下は前回、iMac Quad Core i5（2.66GHz)でAE CS4とCS5の速度を比較したものですが、これにiMac Quad Core i7（2.93GHz)のCS5レンダリングを加えてみました。
</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/101201/screenshot_07.jpg" alt="IMAGE PHOTO"></a><br/>
ん〜速いです。もちろんRAMは今回フル搭載の16Gと前iMacは12Gなどスペック的な違いは大いに関係する訳ですが、とにかく操作感などからも微妙な速さを体感できるほど明らか。<br/>
謎なのはCS5の環境設定のメモリ＆マルチプロセッサーでCPUが8つもあると認識していること。(謎！？）

</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/101201/screenshot_08.jpg" alt="IMAGE PHOTO"></a><br/>
<br/>
追記）はは〜ん、これHyper-Threadingが効いてるってことすな。。
<br/><br/>
さて、BTOモデルは一般的に流通している標準モデルより高くなってしまいますが、英語版のキーボードを選択できるこの一点が個人的に非常に嬉しい部分であります。JISキーはどうもな感じなので。<br/><br/>
では、2009 lateモデルは下取りの梱包作業に移しましょうか。<br/>
8ヶ月間お疲れです。Good-bye iMac<br/>
そして Hello iMac。
</p><br/>]]>
      
   </content>
</entry>
<entry>
   <title>AE CS5は速いのか？27インチiMacは買いか？</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2010/10/ae_cs527imac.html" />
   <id>tag:qep.jp,2010:/weblog//1.43</id>
   
   <published>2010-10-02T00:21:43Z</published>
   <updated>2010-10-05T00:59:23Z</updated>
   
   <summary> 2010年うだるような暑い夏の間、超過酷な仕事をしいられまったくブログの更新が...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="1After Effects 使用環境" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<img src="http://qep.jp/weblog/images/100930/title.jpg" alt="IMAGE PHOTO"></a><br/><br/>
2010年うだるような暑い夏の間、超過酷な仕事をしいられまったくブログの更新が途絶えておりました。この程ようやく解放されたので、また徐々におっ始めたい考えです。</p>

<p>さて、さかのぼること4ヶ月余り今年の５月末にAfter Effects CS5がリリースされた訳ですが、CS5は64bit環境限定ものであるためアップグレードはハードを含めた検討事項になっていないでしょうか。（特にwin 32bit AEユーザーは）<br/>
<br/>
私の場合、4月あたりにCS5を使用せねばならない仕事上の案件があって結局のところ27inch iMac Quad（2009 late当時発売モデル）を新調して対応しました。新調した理由はプロセッサ毎に割り当てるRAMが十分に積めるマシンでないと結局のところCS5を生かし切れないのではないか？と考えたためです。そしてこのiMacの空きスロットに4Gメモリ×2枚を追加して計12GのRAM構成でCS5を念頭に備えました。</p>
<p class="photo-area">
<img src="http://qep.jp/weblog/images/100930/screenshot_01.jpg" alt="IMAGE PHOTO"></a><br/>
<br/>
そして手にしたCS5。ユーザー心理としては、バージョンアップ＝速くなる。という先入観もあってか、やはり期待はそのパフォーマンスになりましょう。<br/>
起動するとその立ち上がりが格段に速くなっていたのでますます期待値は上がったのですが、はたして…　以下は同マシンでCS4ファイルのCS4レンダリング所要時間とCS5で再レンダリングした比較です。</p>
<p class="photo-area">
<img src="http://qep.jp/weblog/images/100930/screenshot_02.jpg" alt="IMAGE PHOTO"></a><br/>
結果は「あれ、さほど速くはないね。」という見解です。<br/>
ちなみにサードパーティ製はちゃんと64bit対応のプラグイン化させており、足かせになる要因は取り除いています。(というか、32bitのプラグインは認識せず）<br/>
<br/>
その他、何パターンかテイストの違う傾向のプロジェクトもテストしましたが、似たりよったりでした。（若干CS5の方が速いでしょうか）当然、積んだRAMだけプレビュー尺は伸びており、新機能のロトブラシもいい感じです。プラス機能はあっても遅くなった訳ではないのでこれも良しとしましょう。<br/>
言い換えればネイティブ対応したCS5以前の64bit環境に最適化されていたCS4もなかなかの仕上がりだったと判断できます。
</p>
<p>
さて今回のアップグレードの一番の収穫は、iMacがかなりモンスター化しているのに気づいたことです。（そっちかい！）　<br/>
今となっては2010 Midモデルが早々にリリースされてしまったので、既にひとつ古いモデルになってしまってますが。。<br/>
私、Mac歴はIIci機から始まってノートやデスクトップを含めて相当買い換えて今日に至る訳ですが、いやはや〜皆さんご存知の通り、この27inchディスプレイを搭載したiMacのコストパフォーマンスはこれまでのどのMacと比べてもかなり突き抜けた印象です。<br/><br/>
ギラついたディスプレイのテカリなどを指摘する人も中には居ますが、大抵は2560×1440の広大なディスプレイサイズ、Magic Mouseやキーボードのプロダクトデザインを手にした満足度の方が勝るのではないでしょうか。
</p>
<p>
話ついでにそっちへ舵をきります。<br/>
現在販売中の27inch iMac（2010 Midモデル）ですが、アップルストアのBTOタイプにシリアルATA＋SSDの2ドライブを搭載できるようになっています。</p>
<p class="photo-area">
<img src="http://qep.jp/weblog/images/100930/screenshot_03.jpg" alt="IMAGE PHOTO"></a><br/>
「詳細をみる→」で読みすすめるとOSはSSD側にインストールしてくれるみたいで、これはかなりのモンスターぶりを発揮しますぜ、旦那。と心の声。（ドライブだけで、かなりお高くなりますが…）<br/><br/>
調べてみるとBTOでしか2ドライブにする方法はないようで、今使っているiMacをこいつに差し替えるか赤丸急浮上中です。今、iMacは買いか？
</p><br/>]]>
      
   </content>
</entry>
<entry>
   <title>2クリップのカスタムパーティクル化（Trapcode Particular 編）</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2010/06/2trapcode_particular.html" />
   <id>tag:qep.jp,2010:/weblog//1.42</id>
   
   <published>2010-06-10T15:39:25Z</published>
   <updated>2011-05-31T13:33:37Z</updated>
   
   <summary> 続・Trapcode Particular（以下Particular）カスタム...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="3After Effects TIPS" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="9AE ピックアップ機能" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<a href="http://www.flashbackj.com/trapcode/particular/" Target="blank"><img src="http://qep.jp/weblog/images/100607/title.jpg" alt="IMAGE PHOTO"></a><br/><br/>
続・Trapcode Particular（以下Particular）カスタムパーティクルエフェクトの更なるブラッシュアップ機能を紹介したいと思います。</p>

<p>前回 Particular によるムービークリップを扱うのに便利なランダムループ再生について触れましたが、この再生方法はひとつのムービークリップ素材に最適な再生モードです。<br>
では、2つ以上のクリップ素材をカスタムパーティクルとして適用したい場合はどうでしょう？　単純にパーティクルレイヤーを分け（複製し）てカスタムレイヤーと放出設定を変更するとパッと見は2クリップのカスタムパーティクル表現にみえるかもしれませんが、実際には2Dレイヤーへのエフェクト表現であるため、以下のように前後関係が固定されたパーティクル表現になってしまいます。</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/100607/screenshot_01.jpg" alt="IMAGE PHOTO"><br/><br/>

上のレイヤー構成では常にバラのパーティクルが花のパーティクルの下に位置してしまい、よってこの方法は不自然でNGです。</p>

<p>でも、Particular は1回のエフェクト適用によって2クリップ以上を同時にカスタムパーティクル化できる独特の再生機能を持ち合わせているのでカメラ移動による同期などにもバッチリ対応できます。<br/><br/>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/2clips1','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/2clips1','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/2clips1.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/2clips1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>
使用クリップの数は簡単に応用が効くので、まずは2クリップのカスタムパーティクル設定手順を例にご紹介します。</p>

<dl class="step">
<dt>▼ STEP 01</dt>
<dd>最初にカスタムパーティクル用のムービークリップ素材をひとつのコンポジションにまとめます。どちらもループ素材になっていると都合が良いでしょう。<br>
配置の際の順番はどちらでも構いませんが、各クリップのデュレーション（時間）は均等に合わせておく必要があります。均等なデュレーションにするには時間伸縮で合わせるのが手っ取り早いです。ここでは各クリップが6秒です。</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/100607/screenshot_02.jpg" alt="STEP01">
</dd>
</dl>

<dl class="step">
<dt>▼ STEP 02</dt>
<dd>さてここが隠された重要なポイントです。<br>
STEP 01でカスタムパーティクル用のコンポジションは2クリップ、6秒＋6秒の計12秒がピッタリのデュレーションのはずですが、ここで1フレだけ空白フレームをつけた［0:00:12:01］として［OK］する。
<br>クリップの合計時間にこの空白の1フレを設けるところが重要な訳です。<br>
コンポ名は「particle comp」とします。

</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/100607/screenshot_03.jpg" alt="STEP02">
</dd>
</dl>

<dl class="step">
<dt>▼ STEP 03</dt>
<dd>Particular 設定のための新規コンポジションを作成する。<br>
ここでのコンポジションはパーティクル用の「particle comp」のレイヤー時間がトリミングされないよう［0:00:12:01］より長い時間設定にしておく必要があります。<br><br>
では、Particular を適用するための新規平面レイヤーと「particle comp」を配置。必要に応じてカメラレイヤーなど追加しておきます。<br>
「particle comp」は非表示、新規平面レイヤーに Particular を適用して次のように設定します。<br><br>
ポイントは "Time Sampling" で [Split Clip - Loop] を選択した後、その下の "Random Seed" を " 0 " に、"Number of Clips" をクリップ数の " 2 " とします。<br>
これでクリップ数に応じたパーティクル用ムービーを均等に刻んでループ再生してくれます。

</dd>

<dd class="photo-area">
<img src="http://qep.jp/weblog/images/100607/screenshot_04.jpg" alt="STEP03">
</dd>
</dl>

<p>とまぁ、基本的な流れはざっとこんな具合です。<br>
この方法を用いれば、花と花びらが舞い散るパーティクル効果や、落ち葉と紅葉（もみじ）、イチョウに銀杏？などなど。形状は違えどテイストが近いクリップ同士や回転パターンの違う複数クリップを同時に放出できるので表現の幅が広がります。<br><br>

ただ、留意点もあるので頭に入れておきたいです。<br>
上記のムービーを繰り返し見てもらうと気づくかもしれませんが、今回のように刻む数が少ないほど同じ再生パターンのパーティクルが目についてしまう点です。<br>
なので、2種類だけのクリップであっても再生ポイントがパーティクル毎で変わって見えるようインポイントをあえて変更し、10セグメントほど設けてみるなどの工夫があった方が良いでしょう。（下図）</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/100607/screenshot_05.jpg" alt="IMAGE PHOTO"><br/><br/>

このコンポジションを Particular でカスタムレイヤーに設定して "Number of Clips" を " 10 " としたパーティクル描画はこんな具合です。</p>

<p>
<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/2clips2','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/2clips2','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/2clips2.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/2clips2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>
前回よりは再生パターンにばらつきが出た感じになります。<br>
ちょっとした手間でクオリティの高い表現になるのは嬉しいのですが、"Number of Clips"の数値が増える程、レンダリングの所要時間が重くなる傾向にあるので増やし過ぎもまた要注意です。</p>

<p>話ついでに各クリップのデュレーションを均等にする際、時間伸縮でクリップをスローモーションにした場合はピクセルモーションのスイッチとフレームブレンドを入れてコマの不足分を滑らかに補ったり、早回しの場合は追加した調整レイヤーに［CC Force Motion Blur］エフェクトを適用してモーションブラーをつけたり、クリップ素材の品質への配慮もお忘れなく。。
</p>
<p class="photo-area">
<img src="http://qep.jp/weblog/images/100607/screenshot_06.jpg" alt="IMAGE PHOTO"><br/>
</p><br/>

]]>
      
   </content>
</entry>
<entry>
   <title>QE+ Object Clipsリリース！</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2010/06/qe_object_clips.html" />
   <id>tag:qep.jp,2010:/weblog//1.41</id>
   
   <published>2010-06-09T10:52:19Z</published>
   <updated>2010-06-10T01:59:33Z</updated>
   
   <summary> Quick Effects plus コンテンツにおきましてパーティクルエフェ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="8News &amp; Topics" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<a href="http://qep.jp/about/object-clips.html"><img src="http://qep.jp/weblog/images/objectclips_img.jpg" alt="IMAGE PHOTO"></a><br/><br/>

Quick Effects plus コンテンツにおきましてパーティクルエフェクトのためのムービークリップ集「Object Clips」をリリースいたしました。<br>
<br>
カスタム素材としてご利用いただくことでオリジナルなパーティクル演出のアクセント表現に役立ちます。詳細は<a href="/about/object-clips.html">こちら</a>より、是非ご利用下さい。<br>
<br>
QE+スタッフ一同</p><br>]]>
      
   </content>
</entry>
<entry>
   <title>カスタムパーティクルエフェクトNo.１（Trapcode Particular 編）</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2010/04/trapcode_particular.html" />
   <id>tag:qep.jp,2010:/weblog//1.40</id>
   
   <published>2010-04-21T11:08:55Z</published>
   <updated>2011-05-31T13:25:55Z</updated>
   
   <summary> 今回は Trapcode Particular／トラップコード パーティキュラ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="9AE ピックアップ機能" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<a href="http://www.flashbackj.com/trapcode/particular/" Target="blank"><img src="http://qep.jp/weblog/images/100326/title.jpg" alt="IMAGE PHOTO"></a><br/><br/>
今回は Trapcode Particular／トラップコード パーティキュラー（以下Particular）をピックアップしてみたいと思います。数ある市販エフェクトの中でも個人的にお勧めしたいパーティクルエフェクトNo.1でございます。（キッパリ）</p>

<p>もちろんパーティクルエフェクトは標準でも用途別にいくつか搭載されていますが（個々の特長はさておき）、ディテールにこだわったオーダーワークで予定通りの仕事をしてくれたか？と問われると残念なことも多々あるのが現状です。<br><br>

CC Particle World は丁度いい感じの使い勝手なんだけど、もうひとつ、ふたつ上の精度を望みたいというユーザーには欠かせない機能を Particular は持ち合わせています。ただし、国内サイトでは4.5万円前後のエフェクトなだけにその対価に見合うかはユーザー次第。ということで、 CC Particle World では難しい表現に絞って紹介したいと思います。<br>
キーワードは「ランダム」、テーマは「カスタムパーティクル」です。</p>

<p>静止画像をカスタムパーティクルに適用できるエフェクトは他にもありますが、どうしても薄っぺらい板状のハリボテ表現になってしまいがちです。<br>
例えば、CC Particle World を使用して以下のような桜の花びらのシェイプをパーティクルに適用してみるとこんな具合です。<br><br>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/ccpwsample1','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/ccpwsample1','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/ccpwsample1.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/ccpwsample1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>
グラフィックなアイコン目的であれば全然有りの表現ですが、板状なだけにはなびらの動きが少しシャープな印象です。<br>
でも、以下のような少し手をかけたムービークリップ（動画素材）を用意して<br><br>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','368','src','/weblog/swf/particle','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/particle','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="368">
  <param name="movie" value="/weblog/swf/particle.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/particle.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="368"></embed>
 </object>
</noscript>
</span>
<br>
<br>
Particular でカスタムパーティクル化すると。。<br><br>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/tpsample1','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/tpsample1','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/tpsample1.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/tpsample1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>
空気感のある舞い散る動きを演出できます。<br>
個々のパーティクルはすべてひとつのムービークリップから生成されている訳ですが、Particular には全11種類の Time Sampling と呼ばれるカスタムパーティクルの再生方法が選べて " Random - Loop " というクリップのスタートポイントをパーティクル毎でバラバラにループ再生してくれる、とりわけムービークリップをいい〜感じに扱える機能があります。<br><br>

さらにリアリティの表現にはかかせない被写界深度や乱気流もパーティクルに加えることができて、背景の雰囲気に合わせた降らせ方＆色調補正（カラコレ）を設定すれば、実写映像を背景に敷いても違和感のないコンポジットが可能です。
<br><br>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/tpsample2','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/tpsample2','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/tpsample2.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/tpsample2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>

CC Particle World もまたムービーレイヤーを扱うための若干の機能を持ち合わせていますが、Particular のような豊富な再生パターン、被写界深度や乱気流といった機能までは搭載しておらず、このようなカスタムパーティクル形状のクリップには不向きです。<br><br>

ちなみにここでのカスタムパーティクル設定と主要ポイントは以下の通りです。
</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/100326/screenshot_01.jpg" alt="IMAGE PHOTO"><br/><br/>
特に気が利いているポイントを上げれば、黄色のアンダーラインで引いた基本的な降らせ方などは変更せずに、微妙なパーティクルの生成箇所や再生ポイントなどを数値設定でランダムに微調整できるよう設計されている点です。<br/>
<br/>
図中にも記しましたが、Particular はメジャーなバージョンアップを一度しており、最新バージョン2.0と旧1.5とでは一部表記に異なるところがあるのでご注意下さい。ただ今回の桜の花びらのようなカスタムパーティクル表現ならV1.5でも十分に対応できます。</p>

<p>話ついでに Particular V2について語ると、更なる機能アップを遂げているので注目です。そのいくつかあるメイン機能にはパーティクルが落とす影のON/OFFを設定できるようになったことです。<br/>
今回のようなカスタムパーティクルのサンプルで紹介すると。。<br/><br/>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/tpsample3','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/tpsample3','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/tpsample3.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/tpsample3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>
このような草の束が成長するクリップを用意して、Particular V2 でカスタムパーティクル設定してみると。。<br/><br/>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/tpsample4','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/tpsample4','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/tpsample4.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/tpsample4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>
個々の草の束が後方にある草に影を落とすことができて、草原のような奥行きをカスタムパーティクルだけで表現できるようになります。<br/>
参考までに影の落とし方や設定はこんな具合です。</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/100326/screenshot_02.jpg" alt="IMAGE PHOTO"><br/><br/>

カスタムパーティクルの再生方法は " Start at Birth - Play Once "（生成されたら一度だけ再生）を選択して、 " Life "（表示時間）を長めに設定、" Velocity "（速度）と " Gravity "（重力）を " 0 " に設定すると、パーティクルを放出しないよう生成箇所で留めておけるので、このような表現も含め用途の幅が広がります。ただこの草原の表現に関して言えばV2.0しか有効ではありません。V1.5で同じことをさせると影が落とせないので、以下のような奥行き感に欠ける結果となります。</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/100326/growgrass.jpg" alt="IMAGE PHOTO"></p>

<p>続いて Particular のカスタムカラーの柔軟性についてチエックしてみます。<br>
オブジェクトによっては形状が同じでもカラーは何色か着色したいケースなどがあります。<br>
例えば、風船や花といったモチーフものです。この様な場合は以下のように適用前にグレースケールのクリップ素材に変換して Particular を適用します。<br><br>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/tpsample5','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/tpsample5','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/tpsample5.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/tpsample5.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/100326/screenshot_03.jpg" alt="IMAGE PHOTO"><br>
<br>
このようにグレースケールの濃淡を生かしてカスタムカラーを着色できます。<br>
パーティクルタイプで " Splite Colorize "を選択すると、 Set Color 以降の一連がアクティブ状態になりカラー設定が効くようになります。ここではカラーそのものが変化しない " Random from Gradient " を選択して " Color over Life " 内のグラデーションからランダムに色を拾うよう設定できます。<br><br>
この風船の表現は前回 CC Particle World で不都合に見舞われたケースです。見事な安定感でクリアした訳ですが、ただひとつだけ残念な点があります。以下、グレースケールのままの描画と先のランダムカラー設定を比べると分かるのですが、この着色方法は白に対して色が乗せの状態になっていることです。</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/100326/balloon.jpg" alt="IMAGE PHOTO"><br>
<br>
描画方法を設定する " Transfer Mode " に［オーバーレイ］のモードがないため、ハイライト効果として生かしたい箇所にも色が乗っかってしまうのがネックです。<br>
ただ一回の Particular 設定ではクリアしませんが、描画方法を変えた2レイヤーで対応すると以下のように回避できます。</p>

<p><font color = "#ffb400">▼ハイライト効果を生かした描画設定</font><br>
<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/tpsample6','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/tpsample6','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/tpsample6.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/tpsample6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/100326/screenshot_04.jpg" alt="IMAGE PHOTO"><br>
<br>

Particular のモーションを確定させた後、パーティクルタイプを " Splite "（オリジナル表示）に戻しグレースケールの描画にする。このレイヤーを複製、複製した Particular 設定でパーティクルタイプを " Splite Fill "（単色に塗りつぶす）に変更してレイヤーの描画モードを［オーバーレイ］に設定するとハイライト効果を生かすことができます。<br>
やはりハイライトが入るとメリハリがでます。<br>
ま、ちょっと面倒いですが、奇しくも Particular の描画パターンの多さが功を奏する結果とも言えましょうか。</p>

<p>さて、こういったランダムカラーは「香り」の表現でもよく使われます。<br>
回転するバラのクリップをグレースケール化して Particular を適用します。<br><br>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/tpsample7','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/tpsample7','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/tpsample7.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/tpsample7.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>

芳香剤などのCMによくある「お部屋に広がるバラの香り〜」の出来上がりです。<br>
真ん中に商品があると仮定すれば、商品を隠さないよう球状に広がるよう放出できたり、レイヤーシェイプから生成させるなど基本的なエミッターコントロールから、V2ではカスタムパーティクルを進行方向に向けさせるよう制御できたり、細かいパーティクルのコントロールまで多彩にこなす優れものです。<br><br>
<font color = "#ffb400">▼蝶が進行方向を向くサンプル例</font><br>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/tpsample8','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/tpsample8','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/tpsample8.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/tpsample8.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>
カスタムパーティクルは具体的なイメージばかりでなく、PhotoshopとAEを使用してデザインした光やスターシェイプを断続的に配置して点滅させたコンポジションをカスタムレイヤーとして適用すればキラキラパーティクルも、もちろん可能です。<br><br>
<font color = "#ffb400">▼光のカスタムパーティクルサンプル例</font><br>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/tpsample10','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/tpsample10','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/tpsample10.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/tpsample10.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>
エフェクトコントロールの画面を見てもらうと分かるように非常に多くの設定項目が用意されています。位置や回転、サイズ、透明度、色に至るすべての項目で微妙な変化を制御できるランダム調整が備わっているので、「この一粒の位置が気に入らないんだよなぁ〜」とか言い出す口うるさいクライアントやディレクターにも十分対応できるのではないかと考えます。
<br><br>
レスポンスは軽快で旧バージョンより高速化され、時期CS5が正式サポートする64bitにも早々に対応予定なので、通常では描画に時間を要するカスタムサイズであっても問題なくレディ・ゴー！でしょう。<br><br>
興味がある方は<a href="http://www.flashbackj.com/trapcode/particular/" Target="blank">こらら</a>からチェックしてみてください。<br><br>
追記っす。）4月30日にCS5に対応したParticular 2.1がリリースされてます。Check it !
</p><br>
]]>
      
   </content>
</entry>
<entry>
   <title>CC Particle World エフェクト不都合（バグ？）情報</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2010/02/cc_particle_world.html" />
   <id>tag:qep.jp,2010:/weblog//1.39</id>
   
   <published>2010-02-03T04:17:19Z</published>
   <updated>2010-02-03T09:15:59Z</updated>
   
   <summary> お馴染み定番パーティクルエフェクト CC Particle World でいさ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="9AE ピックアップ機能" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<img src="http://qep.jp/weblog/images/100203/title.jpg" alt="IMAGE PHOTO"><br/>
</p>
<p>お馴染み定番パーティクルエフェクト CC Particle World でいささか…いただけない不都合を確認しています。（環境：Mac版CS4バンドルバージョンv1.7.1）<br><br>

致命的なのは2点。パーティクルが交差するかのような気になる点滅と、"Size Variation=0％"（サイズにランダム差をつけない）設定にも関わらず、手前に見えるべき大きいパーティクルが小さいパーティクルより後方に表示されるなどの不都合です。その描画はこんな具合です。<br><br>

<span class="swf-area">
<script type="text/javascript">
 AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','440','height','330','src','/weblog/swf/ccpw_bug','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/weblog/swf/ccpw_bug','wmode','transparent' ); //end AC code
</script>
<noscript>
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="330">
  <param name="movie" value="/weblog/swf/ccpw_bug.swf" />
  <param name="quality" value="high" />
  <param name="wmode"value="transparent" />
  <embed src="/weblog/swf/ccpw_bug.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="330"></embed>
 </object>
</noscript>
</span>
<br>
風船のカスタムレイヤーを使用したサンプルです。<br>
パーティクル毎にランダムカラーを反映できるCC Particle Worldの良さを発揮できる最適なケースだった訳ですが、思わぬトラブルです。<br>
また、よ〜く見ると手前にくるべき大きなパーティクルが、後ろで速い動きになっているのでシミュレーションとしてはOKなんだけど、Zポジション表示に問題！と分かります。カメラが引いていると気にならないのですが、寄ったりすると顕著に出ますな。<br><br>

カスタムレイヤー設定時に起こるのか、Open GLが関係しているのかなど、多くの箇所を疑ってみましたが、特定ケース、回避方法ともに不明です。別環境のWin版CS3でも同様な結果でクリアしませんでした。ただ、今回のカスタムレイヤー＆ランダムカラーは本不都合が判明しやすいケースといえるかもしれません。<br>
まぁ、そうにしても大量にパーティクルを生成させるエフェクトな訳でして、設定可能な範囲内でこの不都合は困りものです。
</p>

<p>また、CC Particle World はオプション設定から"Force Motion Blur"をチェックしてモーションブラーを適用できる訳ですが、このモーションブラーについても、ん〜問題です。<br>
オンにするとパーティクル全体が透け透けになる傾向にあります。<br>
風船なだけに半透明でも問題はないでしょーとかそうゆう問題ではなく、ぶれ以外に半透明になるのは反則でしょー。（下図）</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/100203/screenshot_01.jpg" alt="IMAGE PHOTO"><br/><br/>

まぁ、このモーションブラーに関しては同シリーズのCC Force Motion Blur エフェクトでフォローできたりするのでこの点は目をつむっても、一押しエフェクトのひとつだっただけにこれらの不都合はかなり残念な結果です。</p>

<p>時期After Effects CS5がささやかれる中、今後是非ともクリアして頂きたい諸問題です。

</p><br>]]>
      
   </content>
</entry>
<entry>
   <title>AEバックグラウンドレンダリング（Render Engine 備考編）</title>
   <link rel="alternate" type="text/html" href="http://qep.jp/weblog/2009/11/aerender_engine.html" />
   <id>tag:qep.jp,2009:/weblog//1.38</id>
   
   <published>2009-11-24T15:04:27Z</published>
   <updated>2010-04-17T00:24:33Z</updated>
   
   <summary> 　さて、前回「Adobe After Effects Render Engin...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="9AE ピックアップ機能" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://qep.jp/weblog/">
      <![CDATA[<p class="photo-area">
<img src="http://qep.jp/weblog/images/091119/screenshot_01.jpg" alt="IMAGE PHOTO"><br/>

　さて、前回「Adobe After Effects Render Engine」を使用するとAEライセンスを持った作業マシンの効率化について書きました。<br>
その流れで、こんなこともできます的な「Adobe After Effects Render Engine」の備考です。ただ、あまりお勧めできないかもしれません。<br><br>
前回、AEアプリケーション本体でレンダリングしてしまうと中断しない限り、別のAEワークができないことについて触れましたが、Adobe After Effects Render Engine を使うと1台のマシンで、裏でレンダリング・表でAEワークを同時に行うことができるようになります。<br>
そう、まさにバックグラウンドレンダリングです。（下図）<br>

</p>

<p class="photo-area">
<img src="http://qep.jp/weblog/images/091119/screenshot_02.jpg" alt="IMAGE PHOTO"><br/>
<br>
　方法は前回のSTEPと全く同じです。<br>
ただ、レンダリングするのはネットワーク上のPCではなく、作業マシンにある Adobe After Effects Render Engine を使用するだけです。
AEアプリケーション本体と Adobe After Effects Render Engine は同時に立ち上がるので、このような無茶なこともできます。<br>
<br>
ただし、双方ともプロジェクト内容によってそれ相当のメモリ使うことになるので、しこたまメモリを搭載したパワーマシンか、どうしてもレンダリングとAEワークを1台のマシンで並列処理しなければいけない緊急事態限定とか、奨励ケースは少ないと思いますが。。<br>
まー、知ってると有りかも！？

</p><br>]]>
      
   </content>
</entry>

</feed>

