SIGMA SD14

sigma.jpg

デジタル一眼レフカメラの SIGMA SD14 の特設サイト。オープニングが好きです。オープニングのイントロFlashは駄目だっていう意見もあるけど、このサイトのようなクオリティなら全然OKですよね。

参考:a-blog with F さんのdel.icio.usより

オープニング映像は、英語によるタイポグラフィックがメインでレイアウトされ、その下に映画の字幕のように日本語テキストが入る構造です。
複数ヶ国語対応のサイトを作る時に、このサイトのように「メインの言語はきちんとタイポグラフィック」しておいて、「下に補佐的に各ローカル言語を挿入」という見せ方があるということをおぼえておこうと思いました。

カメラのサイトということもあり、大きいサイズの高画質写真をフェードイン&アウトでトランジションしているのですが、画像のちらつきが少ないように思ったのです。自分が同じようなものを作ると、もっとちらついたような気がしたんですけどねぇ。

元画像の

  • PhotoShopで編集した色味のままFlashにインポートする方法
  • 読み込み方法は(圧縮率は?スムージングは?)

を、

  • 画像自体の _alpha をフェード
  • 上にかぶせた黒矩形の _alpha をフェード
  • スクリプトでフェード(Tweenクラス、Fuse、onEnterFrame)

のどの方法でフェードしてるの?
あと、ちらつきって

  • 僕のPCのグラフィック性能のせい?
  • Flashのフレームレートが影響してるの?

このあたりの皆さんの体験談を、今度の勉強会で聞いてみたいなぁ。

Comments:6

yamada 07-02-19 (月) 17:17

こんにちは。
このサイトは福井信蔵さんのお仕事らしいですよ。
http://plaza.bunka.go.jp/museum/mediaarts/200611fukui/interview/index.html
http://plaza.bunka.go.jp/museum/mediaarts/200611fukui/sakuhin/index.html

tera 07-02-19 (月) 18:02

>>yamada様
いつもお世話になってます。
情報ありがとうございます。そうなんですかー。やっぱりグラフィック出身の人は、クオリティの高い写真を上手に使われますね。

s_h_i_n_z_o 08-01-22 (火) 17:41

信蔵です。こんにちは。なぜかシグマの会社の方から教えられてやってきました。何もむずかしいことしてないのですが、ご質問に答えると、SD14のサイトでの画像のフェードは、asで画像の_alphaをLinearに100から0にしています。Linearにしないと動きが遅くなりますね。あと、Playerのレンダリングなので拡大縮小するときにちらつきが出るわけですが、目的に合わせて画像のスムージングをonにしたりoffにしたりしています。目的っていうのはこのカメラで撮れる画質の特性に沿ってってことでもありますが、リップの写真なんかは、offにしてあえて軽いちらつきを出すようにしてます。ってことで、ホントにFlashとしてはむずかしいことは何もしてません。もてる全精力を写真撮影とその仕上げ、あとタイポとかグラフィックづくりに費やして燃え尽きましたー(笑)。

tera 08-01-22 (火) 18:11

>信蔵様
制作者ご本人様の降臨に鳥肌です。コメント&詳細まで解説いただきましてありがとうございます!やってみます。
全てのカットが絵としてとても綺麗でうっとりしながら拝見させていただきました。
僕は最近は必死にAS3の派手で難しい事をおぼえないとと焦っているのですが、こちらのサイトのような絵になるグラフィックと、それをストレスなく見せる足回り的な努力がほんとに大事だなと、勉強になりまっす!
信蔵様のことは僕がWebでHTMLを書けるようになる前からお仕事拝見しておりましたので、コメントいただき驚きました。今後ともよろしくお願いいたします。

>シグマの社員さん
昔のエントリーなのに見つけていただいてありがとうございました。

s_h_i_n_z_o 08-01-23 (水) 14:59

信蔵です。こんにちは。またまたシグマの方から「お、書き込みましたね」と言われて見に来ました。「うっとりしながら」とのことで、うれしく思います。「絵になるグラフィックと、それをストレスなく見せる足回り的な努力がほんとに大事」ということですが、結局のところ意識を集中しなきゃならないのは、すべての均質な品質の維持なんだと思います。動きだけかっこよくても中身がダメじゃ意味ないですし、きれいな写真が作れても効果的に見せなきゃ伝わりませんしね。僕はいつも全体の質的なバランスに気をつかってます。ところでこのサイトをざっと見ましたが、teraさんのFlashスタディすごいですね。仕事をお願いしてもいいんでしょうか。

tera 08-01-23 (水) 15:40

>信蔵様
コメントありがとうございます。勉強になります。
僕はいつも締め切りとスキル不足と自己判断基準の甘さのせいで、尻切れしてしまうことが多く、反省の日々です。

お仕事のお誘いありがとうございます。でも、僕のASスキルがたいしたことないのもありますが、去年の5月より上京してリクルートのメディアテクノロジーラボ(http://mtl.recruit.co.jp/)という部署で働いておりまして、せっかくのお誘い光栄極まりないのですが、今は外注的なことはお手伝いできない感じなのです。すいません。
何卒
今後ともよろしくお願いいたします。

>シグマの社員さん
昔のエントリーなのに再訪までしていただいてありがとうございました。
すっかりシグマファンになりましたw

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2007/02/17-232602.php/trackback
Listed below are links to weblogs that reference
SIGMA SD14 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)

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

Return to page top