MKチャット対談　でたぞFlash CS4！　3D変形とインターフェイスの巻
── 笠居トシヒロ＆まつむらまきお ──

まきお: 僕的にはイラレとFlashが面白かったねぇ。あとInDesign

かさい: イラレねー、ページ概念がようやく導入されたとか

まきお: それが違うのよ。ページではなくて、アートボードが複数持てるようになったの。マスターページやノンブルの機能はないの

かさい: 一つの画面に、アートボードを複数置けるってことか？

まきお: っていうか、ひとつの書類にね。アートボード複数のデモでは、フライヤー、チケット、ハガキとサイズの違う3つのデザインをひとつの書類でやってたんだけど、ひとつの書類なので、レイヤーやシンボルは共通なんだよ。だからデザイン変更とか楽なわけだ

かさい: ふうん、見てみんとわからんなぁ(^_^;

まきお: 同じデザイン要素を使いまわす場合、便利なわけね。マスターページないって言ったけど、シンボルを併用すればまぁ、マスターページ的なことはできますな。でもページ物はInDesignでやりましょう、って言ってたし、わしもそう思う

かさい: オレはページものやらないんで、単純に期待してたのは、複数ページあるPDFをイラレで開くとき、いちいち小さいサムネイルでページ選んでから開く、なんて手間がかからなくていいかなーと

まきお: それは変わってないんじゃないかなー。ページの概念じゃないんだから。体験版DLはじまったから自分で確認しましょー

かさい: しましょー。あー、いま製品ページ見てたら、このグラデーションコントロールはいいなあ
< http://www.adobe.com/jp/products/illustrator/features/?view=topnew
>

まきお: あー、そうそう、グラデは軸が変形できたりと、Flashライクになったんだけど、イラレはさらに絵の上に、グラデーション設定のバーが寄り添って出てくるんだよね。なんで今回のFlashにこれ載せてくれなかったんかなぁ

かさい: これ、欲しいねえ、Flashに。いや、全製品に欲しいわ

まきお: そんな機能は多かったよぉ。FWのあれが欲しい、DWのあれが欲しいって感じで…多分、開発途中に出たアイデアで、当初の仕様には含まれてなかったんだろうけど…そのあたりは揃えて欲しいよなぁ。両方使う人間はこんがらがる

かさい: うん、基本的な機能は統一してくれた方がいいなあまあ、そう簡単にいかないことも多いんだろうけどねで、肝心のFlashですが

まきお: Flashですな〜。なんとVer10ですよ

かさい: 10かぁ…早いなあ。

まきお: 来年はわしら、年男ですよ

かさい: 年男かぁ…早いなあ。って、関係ないがな(^_^;

まきお: たそがれてる場合ではない（笑） Flash新製品レビューはマツカサがデジクリに書いているアイデンティティなんだから、ちゃんとやらねば（笑）

かさい: そうですなあ(^_^;　今回のCS4は、とくにアニメーション機能の強化が行われたっぽいけど、実際のとこどうなのかな

まきお: 3Dパースとボーンが売りですな。特に3Dは、Flashの歴史の中で特筆すべきアップグレードやねぇ

かさい: 以前から、パース変形をやりたいって要望は多かったからね。オレもそこんとこは待ってましたって感じです

まきお: パース変形そのものは、スクリプトを使えばビットマップの3D変形はできたのはできたんだよね、Flash8からかな

かさい: そそ。でもスクリプトで、ってのはデザイナーや絵描きには敷居が高かった

まきお: スクリプターには絵づくりは敷居が高いってことで（笑）まぁ両方兼ね備えたり、チームで作るような場合しか使えなかったのが、今回はちゃんとインターフェイスが用意され、だれでも3D変形ができるようになった♪　もちろん画像でもシェイプでもOK

かさい: あと、完全な3Dまでは望んでないけど、写真をパース変形、くらいはできたらなーと思ってた人はかなり多いだろうと

まきお: 実際、今回のFlashの 3Dは、3Dオブジェクトは扱えない。平面の3D変形です。厚みのあるもんとか、自動車とか飛行機とか美少女フィギアとか巨大ロボとか扱えるわけではない〜

かさい: ですなー。今回のは、身の丈にあった感じの機能アップだと思うよ。一枚の紙をくるりんと回したり、とかは簡単にできる立方体とかも頑張れば作れそうｗ

まきお: 立方体…わたしなら迷わずSwiftにします(^_^;)面あわせるの大変だぞ。ロゴに厚みをもたせるくらいは出来て欲しいところだけど、まぁそのあたりはSwiftでってことですな

かさい: （笑）ここに、新機能がピックアップされてますが、3Dのとこのサンプルを見てもらうと、簡単に3D変形できるのがわかると思いまする
< http://www.adobe.com/jp/products/flash/features/?view=topnew
>

まきお: このサンプルわかりにくいなぁ。なんで最初からパースがついてるロゴ使うのかな(^_^;)

かさい: (^_^; ま、操作が簡単だってことはわかると思うので

まきお: 3D「変換」って翻訳もわけわかんないですが、、ツールには2種類あって、まず、ムービークリップを3D回転ツールでクリックすると、丸い操作図形がでて、パース変形ができる

かさい: ふむふむ

まきお: 従来、シェイプの変形にもパース変形はあったんだけど、あれはエンベロープ変形だったのに対して、今回はちゃんとxyzの概念があって、各軸に対して平面を回転ができるわけだ

かさい: 見た感じ、上下左右のパース変形＋中心軸での回転、という感じだけど、それぞれちゃんと空間軸があるわけですね

まきお: そそ。ポインタにyって出る、緑の線をドラッグすると、横方向の水平線を軸に回転してくれる。で、この時、ステージ全体で統一された消失点があるので、それにあわせて変形される。ムービー全体として空間を保ってるわけ。

かさい: ステージ上の消失点はもひとつの3Dツールで変更できるってことかな？

まきお: いや、もうひとつのツール「3D変換ツール」は名前からは想像もできないが（笑）単にインスタンスの位置を3D空間内で移動します。…ああ、transferを移動ではなく変換と誤訳してるんや（笑）Flash誤訳多いな。静止テキストとか（静的テキストが正しい）。

かさい: (^_^;

まきお: 消失点と焦点距離はプロパティパネルから数値で変更です

かさい: なーるほど。プロパティにあるのね？＞消失点

まきお: とまぁドラッグやら数値やらで3D空間的に設定できるんだけど、しかしこれね、3Dやってる人がさわったらブチ切れると思うよ。だってz座標として手前にあっても、インスタンスとして下のレイヤーにあったら、重なりは変わらないんだもん

かさい: わはははははははは

まきお: 手前のインスタンスを乗り越えられない。いや、こうしないとFlashの2Dアニメ環境と整合性がとれないのはわからんことはないんだけど、3D的にはかなりキモチワルイ（笑）3Dな人キレルに1000点（笑）

かさい: 実際にステージ後方から近づいてきたオブジェクトが、前方へ飛び去っていく、という動きを作るのは難しいかな？　いや、シンボル内で作って位置ずらせばいいだけか

まきお: そそ、回転させてパースつけて、従来の方法でトゥイーンさせればそれ風にはなる。たとえば、SWのオープニングテロップ、まぁ、だれでも一度は作りたいと思うわな（笑）これをつくってみましょうか

かさい: 作ってみましょうか、っていま作るの？　いま、手元のマシンにCS4が入ってないんだよ(^_^;

まきお: だって、読者のみなさんはCS4体験版をいぢりながら、この記事を読んでるんだよ。目の前にFlashCS4がないのはオッサンだけだよ（笑）

かさい: おおお、メルマガワークショップｗ　じゃあお願いします、せんせぇ

まきお: 作り方は2種類あって「感覚的（笑）」と「空間として正しい」。まずは感覚的の方ね。テキストツールで適当に文字ブロックを作ります。この記事をコピペするといいね（笑）

かさい: 長すぎるので、1/3くらいでいいですよ（笑）

まきお: そのままでは変形できないので、ムービークリップに変換します〜。で、3D変形ツールで「x」軸をドラッグすると、台形にパースがついた形になります

かさい: 実際には、向こう側へ倒れ込んだという計算で変形されるわけですね

まきお: そそ。で、オブジェクト右クリックでこれも新作法なんだけどトゥイーンに変換。遠ざかる様子にするには、3D変換の方のZで小さく、Yで上方向に移動します感覚的にはこんな感じでいける。通常の選択ツールで移動させると傾きも変わっちゃうので、3D移動を使うのがポイント

かさい: 簡単ですねー　じゃぁ、空間として正しいほうの作り方は？

まきお: 正しい方はですね、ムービークリップにしたあと、3D回転ツールのx軸回転を「90度」にします。つまり、ぺたんと床にたおしちゃうわけ

かさい: それだと見えなくなっちゃいますよ

まきお: そうなの。それは水平線の上に位置してるからですな。で、そのあと今度は3D変換ツール使ってxy方向に移動してやると、画面中心を消失点とした遠近表現になる。あとはz軸方向に移動させると空間的に正しいSTARWARSになる。変形パネルで軸の回転を数値でいじれるから、その方が楽かも

かさい: なるほど、画面中心から移動させてやればいいわけね。この作例の場合は、y軸下方向に移動させればそれ風になるってことですね。

まきお: そそ。テロップみたいにひとつのオブジェクトしかなければ感覚的にやってもいいんだけどカードが何枚か立ってるような表現の場合、感覚的にやるとカード同士の遠近の整合性がとれなくなるから、空間的に正しくやった方がいいね

かさい: ふむふむ。でもまあ、これは慣れればなんとか使いこなせそうですね。ところで、サンプルを見てると、どうもステージの下にタイムラインがあるっぽいんですが。。。

まきお: タイムライン下どころか、あーた、ツールボックス右でんがな

かさい: ツールボックスが右…って、これまでの常識に真っ向からケンカ売ってますね（笑）

まきお: もう売りまくり（笑）しかもCS4全部がそうなのかと思ったらあーた、Flashだけが右なんですよ

かさい: ええええええええええなんでまたそんなことに(^_^;

まきお: アドビ西村さん曰く「ツールを選んでプロパティを設定して、ステージまたはタイムラインで操作する、というワークフローにあわせてレイアウト変更になりました」ってゆーてたけど納得でけんなぁ、その説明では（笑）

かさい: カーソルが画面上を移動する距離を最短にしよう、という試みだというわけだな？

まきお: それなら左から右に進んだっていいんだし、他のアプリが従来どおりってどーゆーこっちゃねん（笑）

かさい: だよなぁ（笑）とりあえず、いままで通りパネル類の再配置は可能なんでしょう？

まきお: パネルの位置は自分で変更できるし「クラッシック」ってレイアウトスタイルも用意されているんだけど、学校で教えたり本書いたりする立場ではデフォルトでやるんで、なんだかなぁと。CS5で左に戻る方に1000点（笑）

かさい: 1000点賭け多いな（笑）多分オレは、いままでと同じように再配置すると思いますｗ

まきお: まぁFlashはユーザー層広いからなぁ。プリセットの「アニメーター」にするとツールボックス、横ですよ、横！　しかも画面のどまんなか（笑）

かさい: ええええええ、タイムラインの上ってこと？＞ツールボックス

まきお: タイムラインとステージにはさまれて真ん中にツールボックス。3段ですわ、3段

かさい: へええ（笑）慣れたら使いやすいんかなあ(^_^;

まきお: 20年もツール左でやってんだ、そう簡単に慣れるもんか！(^_^;

かさい: だよなぁ。Flashだけの話じゃないもんな＞ツール左。でもまあ、これまで常識と思っていたことが、実は！！　ってなことになるかもしれないので（笑）見守ってみましょうｗ　オレは使いませんがｗ

まきお: わしもイヤ（笑）まぁデスクトップのアイコンが右か左かなんてのもありますからなぁ。あと、インターフェイスがさぁ、OS準拠じゃなくなったんだよ

かさい: というと？

まきお: 部分的になんだけど、たとえばスクロールバー。プロパティパネルからフォント一覧出すと、スクロールバーのデザインが違う。ステージとタイムラインでバーのデザインが違う。ひょっとしたらWinでは同じかもしれんが、Macだとちぐはぐになってる

かさい: ほぉ。見た目だけのことなら、そんなに文句はないが

まきお: いや、たとえばさっきの3Dツール2種類ねこれ、アイコン長押しで横にポップアップが出て、もうひとつのアイコンに切り替えられるんだけど

かさい: (^_＾）3　フムフム。

まきお: なんだその顔わ(^_^;)

かさい: 耳をかっぽじってよく聞こうという顔ｗ

まきお: よし（笑）Flashでもフォトショでもよくあるのだが、これが今回、地色がグレーで、選択すると白になるのだ。普通、ハイライトは明度が低い方でしょう？　それが逆なの。明るい方が選択なんて、間違えろと言ってるようなもん。選択肢が2つだと確実に間違える

かさい: アレ？　ハイライトすると、グレースケールがカラーになるんじゃなかったっけ？＞Adobeのアイコン

まきお: いや、メニュー状になって選択する場合よ。イラレの選択ツール→ダイレクト選択ツールの切替みたいなやつ。もうちょいわかりやすい例。線ツールの時、「伸縮」ポップアップメニューはOS標準なので、背景が白でハイライトはブルー。ツールの場合はハイライトは白。整合性が全然ない

かさい: ああ、OSに準拠してる部分としてない部分が混在してるのか。それはよろしくないなあ

まきお: 以前もコンポーネントUIなんかはswfで作られていて、準拠してなかったけどそれは特定のパネルだったでしょう？　今回はパネル内で混在しとる。ちゅーよりなにより、OS準拠で慣れてるんだから、OS準拠にしてほしい

かさい: うん、コンポーネントパネルの場合は、Adobe以外のデベロッパが開発しやすくするため、というちゃんとした理由があったしね

まきお: ちなみにイラレCS4でのツールの切替（選択ツールとダイレクト選択ツール）はハイライトの方が濃いグレーでした(-''-;)Adobeスタイルでもアプリによって違うってどーゆーことじゃ

かさい: 元MMの開発陣と、元からAdobeの開発陣とで意思の疎通ができてないとか(^_^;

まきお: それ以前の問題やろ(^_^;)まぁ、もうちょい使い込んでみないと、こいつがFlashの歴史上の革命児なのか、Ver5並みの鬼子なのか…

かさい: 「Flashは、5の倍数でアホになる」なんてジンクスができないようにして欲しいところだねえｗ　あ、適当に書いたけど、五七五になってるなあ。川柳大賞に応募しようかな（笑）

まきお: あああああ(^_^;)

かさい: おや、まだまだ新機能はありますが、どうも字数がつきた感じですぞ

まきお: また回をあらためてやりましょう。ボーンはかなり面白いし、新トゥイーンは賛否両論間違いなし。他のCSも気になるしね

かさい: では、例によって例のごとく…

まきお: 次回に続きますっ！

【笠居 トシヒロ／WEBクリエイター・デザイナー、デジハリ大学院客員教授】
Parallels Desktopが4.0にアップグレード。これまでマルチコアに対応してなかったことで、VMware Fusionに浮気してましたが、これを機にParallelsに戻しました。さくさく動くようになって1.8GhzのAirでも快適です！
< http://www.mad-c.com/
> < mailto:kasai@mad-c.com >

【まつむら まきお／まんが家、イラストレーター・成安造形大学准教授】
国内アニメスタジオでひろく使われているセルシスの「RETAS」が大幅値下げ。全部買うとン十万したプロ用スイートをまとめて3万5千円でコンシューマ向きとして売り出すらしい。CS4もそれに対抗して3万5千円にならんかね（笑）
セルシスRETAS STUDIO　< http://www.retasstudio.net/
>
< http://www.makion.net/
> < mailto:makio@makion.net >