ANTEPRIMA

anteprima.jpg

ANTEPRIMA の秋冬シーズン用サイト。奇麗な写真やビデオを使ったラグジュアリーなサイトです。

最近は RIA(リッチインターネットアプリケーション:「リア」って呼んで OK らしい) の方向へも広がりつつある Flash ですが、このサイトのように、写真や映像で魅せるコンテンツはやっぱり Flash が効くなぁと思います(UNIQLO さんもそうですね)。クライアントも喜ぶし、制作者も技術的にも作りがいがあるし、サイト訪問者もリッチで素敵な体験ができるし、僕みたいなFlash好きも唸るし、みんなハッピー。「素材を最高の形で見せる」というのは凄く大事。最近スクリプトばっかり見てる気がするけど、こっちの勉強こそやっておかないとなぁ。

こういう方向性に凄く憧れます。AIR や Web サービスに興味を持ち始めている今でも group94 のお仕事とか大好きですし、その方向性は RIA がブレイクしても変わらずメジャーであり続けると思う。

こちらのサイトは全部英語(日本語版もありました)ですが、いつも ANTEPRIMA さんのサイトを手がけられている会社さんかな?ファッション写真の使い方が上手くて、ビデオ素材も活用して、裏では CMS を動かしていたりされている、羨ましいノウハウをお持ちまくりの制作会社さんかと思います。
→追記:kawamura さんに教えていただきました。やっぱり FICC 様でした。

右上の音声ON/OFFボタンなんですが、ON の時のイコライザー表示は本当に BGM と連動しているんですよね。この細部へのこだわり具合が素敵すぎですね。(この本のP383とかネット上に、基礎となる
computeSpectrum のサンプルがあるのであとで試す)

もしこのお仕事が、クライアント – ディレクター – 制作者 という3者で進行されたのだとしたら、こういうディテールへの情熱って誰から発せられるんだろうという点に興味があります。
このイコライザーって、おそらくAS3の機能だから、その辺を知ってる制作者側?となると、他の作業に並行して、いいものを作ろうという自らの意思で提案&実装してるんでしょうか?だとしたらスゴイ。
あるいはディレクター側からの提案で、この部分だけでもソース公開したら(僕が)飛びついてしまうぐらいにイケてるパーツをディレクション時に仕様書に盛り込んで、多少の作業量をかけてでも、実装した時の気持ち良さを制作者に説得したのでしょうか?それならそれでスゴイ。
あるいはディレクション&制作を一人?かなりの才能が必要だけど、ディレクションからこなすことによる「自分の作品感」は制作への情熱に繋がりやすいから、これもあり得る話ですね。

実はクライアント案件なんだけども、制作者にとって「自分の作品感」というのはモチベーション&より良い仕事をするための重要な要素だと思っていて、それは全てを一人でこなすことによっても得られるし、あるいはチームの連帯感がすごくある場合(←これがある職場は素敵)にも生まれるんでしょうね。
→追記:kawamura さんに教えていただきました。モデルの選定から担当されているらしい。だから作品への思い入れも相当ですよね。詳しくはコメント欄にて。

などと、ディレクターでもない僕が言ってもアレですが、このサイトを拝見して、本気でディテールに注力できるように習慣づけておかないとヤバいぞと、自戒しまくっています。

と、締めようと思いましたが、この音声ボタンのギミック→AS3かな→じゃあパネル部分はPapervision3Dかな?などという制作者目線でサイトを見てしまうのは、だいぶヤバいなぁとも思います。純粋にユーザー目線でギミックの気持ち良さに気付けるのなら良いのですが、そうでないなら「ユーザー目線」から離れている訳で、まぁ技術的なことは知らないよりは知っていた方が良いのだけど、そうであっても、ユーザー目線でのサイトの見方というのは意識しておかないといけないなと思いました。

Comments:6

kawamura 07-08-10 (金) 2:58

この仕事はFICCの仕事ですよ。
モデルの選定から始まり、デザイン、FLASHまで、Webというレイヤーだけでなく、トータルに制作してるところに凄みを感じます。

http://www.ficc.jp/
↓制作過程の話
http://www.akirafukuoka.com/blog/

ぼくらがFLASHを使うのって、あくまで表現するためであり、勉強するためじゃないんですよね。もっとも、最近のFLASHの進化のスピードが速すぎて学ぶ状態からアウトプットに至るまで時間がかかりすぎるというのがネックになってますが、常に自分ができるレベルの少し上に目標を設定して、最大限のアウトプットを目指すという姿勢でいれば、このような仕事に近づけるのではないでしょうか。

かくいう自分はまだAS3に入れてませんけど、AS2でもまだまだ世に出てない面白い表現は幾らでもあるはずなんですよね。たしかに、AS3をやらないと食いっぱぐれる、っていう強迫観念もありますけど、「表現」というレベルで考えると、デザインや文字組みは普遍的に重要だし、企画も大事。さらには映像だって使えるわけですし、ほんとFLASHって奥が深いな、と痛感する毎日です。だから面白いのですが。w

tera 07-08-10 (金) 9:07

>kawamura様
情報ありがとうございます!
そして頂いたコメント、名文ですね!
僕も常々、AS3やらないとヤバいんだろうけど、実はAS2でできる表現もまだまだあるし、自分はそれを消化できていないな(って、kawamuraさんの重複コメントになっていきそうw)と思っています。
なまじスクリプティングのTipsの方が、ブログ記事にもしやすいし、勉強会のネタとしても伝えやすいばっかりに、そちらに引っ張られ、焦りがちになってしまいますが、本当はユーザーに近いところの「表現」に注力しておかないと元も子もないなと。
こういう部分のノウハウって、本や人のブログからではなく、ANTEPRIMA さんみたいに実際の案件の中で、そういう心構えや、こだわった結果としてのアウトプットを確認できる喜びがあって、それをチームで評価できるという体制の中に身を置くのが一番良いだろうなと。kawamuraさんみたく、個人でもそんなモチベーションを保てる凄い方もおられますが、僕はずっと一人でできる範囲で、納期を優先しすぎて仕事をやってきてしまったので、そういう意識設定をする機会が断然少なかったので、本当に痛恨のキャリアパスです。
前にもどこかで書いた気がしますが「ディテールにこだわれ!」という催眠術をかけて欲しいです。あるいはそういう「催眠効果のあるFlash作品」を作ってしまおうかと思います。
いやー。朝から素敵なコメントありがとうございました。そして素敵なパパさんになってください。

shuwat 07-08-10 (金) 13:27

以下のエラーを吐いてFFが落ちたので、少なくともAS3+Tweenerを使っていることは間違いなさそうです(^^;

Error #2044: ハンドルされていない IOErrorEvent : text=Error #2032: ストリームエラー。
at Anteprima07fw/::setNodeContents()
at Function/http://adobe.com/AS3/2006/builtin::apply()
at caurina.transitions::Tweener$/::updateTweenByIndex()
at caurina.transitions::Tweener$/::updateTweens()
at caurina.transitions::Tweener$/onEnterFrame()

tera 07-08-10 (金) 17:35

>shuwat様
コメントありがとうございます。
転んでもただでは起きない姿勢が素敵ですw。

AF 07-08-11 (土) 14:32

こんにちわです。せっかくお話できる機会なので私も書き込んでみるテスト。
>kawamura様
解説いただきありがとうございます。皆さんが納得していただけるポイントを一生懸命探す毎日であります。
>shuwat様
う…エラーのご報告ありがとうございます。
>tera様
発想のスタートはPaperVision3D(以下PV3D)ですが、実際にはPV3Dは利用しませんでした。PV3Dがきれいに写真を閲覧させること、そして全面的にインターフェースに用いることに向いていないことに気がついたからです。結果的にAS2で再現できることがほとんどですが、AS3は動作速度の向上に繋がった形です。

tera 07-08-12 (日) 8:25

>AF様
制作スタッフ様直々のコメント、ありがとうございます!ブログを書いて良かったです。
ややもすると、僕を含めた AS2 なクリエイターさん達にとって、AS3 は別世界っぽいイメージになりがちですが、どっちを選ぼうが要はコンテンツだという、当たり前のことを感じ取れるきっかけになったのではないかと思います。
今後ともよろしくお願いいたします。

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2007/08/10-001710.php/trackback
Listed below are links to weblogs that reference
ANTEPRIMA from trick7
AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS4 詳細!ActionScript3.0入門ノート ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced)
AS2
"Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。
FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付] Essential Actionscript 2.0 Flash 8 Essentials Foundation Actionscript Animation: Making Things Move (Foundation)

あわせて読みたいブログパーツ

相互リンク

hi-posiさん
携帯Flashといえばhi-posiの岡田昇三さん。FlashLiteの有益な記事もたくさん書かれていていつもお世話になってます。ついにご挨拶させていただきました。面白すぎる人でしたw。

Return to page top