応援メッセージ＆Webサイト更新お試し企画あり
ADOBE CREATIVE SUITE 3 Web Edition TOUR

今月号の記事

ADOBE CREATIVE SUITE 3 Web Edition TOURは、2007年7月4日の東京・六本木アカデミーヒルズでの初回（Edge 2007年7月号を参照）を皮切りに、東京・大阪・名古屋・福岡の全国4都市で開催された新製品紹介セミナーです。ここでは、イベントで紹介されたCREATIVE SUITE 3 の全体像を、スピーカーとして登壇された第一線のクリエイターから皆さんへのメッセージを交えてご紹介していきます。なお、イベントレポートの詳細は、アドビWebサイトに掲載していますので、そちらも併せてご覧ください。

DEEP DIVE キモチヨクハタラク!?

ADOBE CREATIVE SUITE 3 Web Edition TOUR
東京・大阪・名古屋・福岡の全国4都市で開催された新製品紹介セミナー。イベントの詳細レポートはこちら

まずはこのツアーのサブタイトルである「キモチヨクハタラク!?」の真意を説明するうえで前提となる、ADOBE CREATIVE SUITE3 Web Editionの各アプリケーションについて、アドビシステムズの西村氏、酒井氏が目玉ポイントを実演を交えて紹介してくれました。

Photoshop CS3
Photoshop CS3は、まず起動速度に誰もが驚きます。とくにIntel Mac上で従来の40%アップの速さで動作するとのこと。さらに実演では数ある新機能の中から、新たに角度のパラメータがつけられるようになった「Vanishing Point（バニッシングポイント）」、3Dアプリケーションで作成されたファイルを直接読み込んでそのオブジェクトのテクスチャ編集が行える「3Dレイヤー」、別々の写真の同一部分を探し出して自動的に１枚の写真にしてしまう「レイヤーを自動整列」の機能が紹介されました。

Illustrator CS3
Illustrator CS3の新機能からは「ライブカラー」が紹介されました。「ハーモニーカラー」として色の組み合わせを登録し、それを「ライブカラー」パネルのカラーホイールを回転させることで、その色調を保持したまま色味を変更することができます。プレゼンテーション時のカラーバリエーションの提供等に非常に有用ではないかと思います。

Flash CS3
Flash CS3からPSDファイルを開くと、詳細な設定が行える読み込みダイアログが開きます。読み込みの際にインスタンス名を付与できたり、レイヤー、テキスト、シェイプの情報をそのまま読み込めたり、レイヤーをキーフレームとして読み込むこともできるようになりました。Illustratorについても同様で、これまで読み込めなかったレイヤー構造やグラデーション、テキストなどもそのまま読み込めるようになりました。

この他、アニメーションのコピー、アニメーションをAction Script 3.0としてコピー、旧バージョンにあった「ベーシックモード」のようにスクリプト初級者のコード作成を補助する「スクリプトアシスタンス」機能、エラーをダブルクリックすると問題のあるコードの箇所にジャンプしてくれるコードエディタ、FlashVideoに新しく追加された「字幕」機能、FLVを最大画面で表示できる「フルスクリーンのサポート」など、アドビのFlashの力の入れようと本気度を感じるものとなりました。

また、忘れてはいけない重要なポイントとしては、前バージョンよりもパフォーマンス10倍アップのActionScript 3.0の開発もFlash CS3で実行できるようになったこと。今まではFlashではできないと思われていた3D空間表現などもさくさくと表現できるようになりました。

Fireworks CS3
新たに「ページ」の機能が追加され、１つのファイルの中にまったくデザインの異なった素材を複数入れ込むことができるようになりました。Fireworksだけでそのページ間のリンク設定を行うこともできるため、１つのファイルの中に下書きやページ間リンクの動作を確認するなど、デザインカンプ作成ツールとしても使えるようになりました。

Dreamweaver CS3
Photoshopで画像選択した部分をコピーし、それをそのままDreamweaver上でペーストすると［イメージプレビュー］ダイアログボックスが表示され、Dreamweaverから直接そのコピーした画像を任意の場所へ書き出しが行えるようになりました。再編集時には「コンテキストメニュー」にある「ソース編集に使用」をクリックすると、Dreamweaverがその元素材のPSDファイルを探し出してPhotoshopを起動してくれます。

また、「CSSスタイル」の移動や書き出しがパネルから行えるようになったり、「高度なフォーマット」によるCSSも含めたコードフォーマットのカスタマイズ機能、コードを一切記述せずにAjaxの効果を追加できる「Spry」、ブラウザの互換性チェック機能とCSSアドバイザによるコードの互換性問題に対する対処法の提供など、現在のユーザーが抱えている問題の解決策を提案してくれるような確実な進歩を思わせる新機能が追加されていました。

DeviceCentral
DeviceCentralは、さまざまな機種のプロファイル情報を読み込むことで実機上の動作をエミュレートするのに加え、実機上でのパフォーマンスをそのまま再現したり、電池残量や電波の状態、屋外と屋内における液晶の表示状態などをオーサリング環境上で確認することができます。さらにこのプロファイルは随時追加が可能で、アドビからも定期的にプロファイル情報が提供されています。

本イベントで語られた各アプリケーションの詳細は、こちらのページをご覧ください

Dreamweaver は次の10年を乗り越えられるのか?

CSSNite主催でもある株式会社スイッチ鷹野雅弘氏によるセッションでは、Dreamweaverの歴史を振り返りつつ、現在のDreamweaverを取り巻く状況、現場でよりDreamweaverを使いこなすためのヒントを紹介するという趣旨で行われました。

CSSレイアウト時代を迎え、今回鷹野氏はDreamweaver CS3の以下の3つの改善点を紹介してくれました。いずれも派手さはないけれど玄人好みの改善ではないかと思えました。

現在のカーソル位置で有効になっているCSSスタイル定義の表示を行う「CSSスタイル」パネル
新規スタイル定義時に自動的にセレクタ名を補完してくれるようになった「CSS作成」ダイアログ
メディア属性に合わせたドキュメントウィンドウのレンダリング方法を切り替えたりCSSを無効にすることも可能な「スタイルレンダリング」機能。

Dreamweaverをさらに使いこなすためのヒントは、こちらのページで詳しく紹介されています。

なお、鷹野氏はセミナーで紹介したContributeのお試しサイトを10月末まで提供されています。Dreamweaverでテンプレート制御したサイトを更新するカンタンさを是非試してみて下さい。

Deep Diveにて、DreamweaverとContributeの連携についてお話しさせていただきました。

Adobe Creative Suite 3 Web PremiumおよびWeb Standardをすでに購入された方は、Contributeが同梱されていますので、Contributeでの操作感について試していただけるようにサンプルサイトをご用意しました。
Contributeの可能性について、ご興味をもたれた方はトライしてみてください。(株式会社スイッチ鷹野氏のサーバーよりダウンロードいただきます)

Contribute CS3の「接続キー」を下記からダウンロードします。
http://202.164.255.128/adobe/DeepDive/DeepDive-Role.stc.zip
解凍後、ダブルクリックするとContributeが開きます。
パスワードに「DeepDive」と入力してログインします。

下記について試してみてください。

リピート領域
「index.html」の新着情報は、Dreamweaverの「リピート領域」として設定しています。
Contributeで、「日付」＋「お知らせ」のセット単位で増減したり、順番を変更することができます。
オプション領域
画面下部の［ページの上部に戻る］リンクは、Dreamweaverで「オプション領域」として設定しています。このエリアは編集可能領域外ですので、ロックされていて編集することができません。
［フォーマット］メニューの［テンプレートプロパティ］を選択し、オプション領域を表示／非表示をコントロールすることができます。
属性を編集可能にする
bodyの「id属性」は、ロックされているため編集することができません。 Dreamweaverで「属性を編集可能にする」として設定しているので、Dreamweaver/Contributeでidの値を編集することができます。
［フォーマット］メニューの［テンプレートプロパティ］を選択し、「profile」「contact」「works」「faq」「contact」などに変更します。
ヘッダー部のキーグラフィックと、ナビゲーションバーの項目のハイライト部分が変更されます。
新規ページを作成する
［ファイル］メニューの［新規］をクリックすると、Dreamweaverで作成したテンプレートから新規ページを作成することができます。
編集可能領域が保持されるほか（編集可能領域以外がロックされます）、リピート領域、オプション領域、編集可能なタグ属性などが継承されます。

Flashから考える、広告のつくりかた

電通インタラクティブ・コミュニケーション局テクニカルディレクター中村洋基氏によるセッションです。ロンドン国際広告賞グランプリ、カンヌ国際広告賞金賞など50以上の広告受賞歴を誇り、D&AD審査員やロンドン国際広告賞審査員もつとめる中村氏から、Edge読者に向けて次のようなメッセージが届いています。

これからCS3を利用する人々へ
CS3といっても、使う側からしてみれば、ただのツールなのかもしれません。しかし、そこにはもはや、ユーザビリティを超えた「ホスピタリティ」（おもてなしの心）のようなものを感じます。たとえば、Device Central。ケータイコンテンツを作った方なら、各機種への最適化の面倒さはご存知だと思います。あらゆる端末での表示、CPU速度のエミュレートが、一台のPCで可能。これを、あくまで謙虚に、「どうぞお使いください」と恭しく差し出しているようにも見えます。新しいDreamweaverは便利すぎます。FlashもAjaxも作れちゃう。こだわりのユーザのためにContributeまで用意してくれました。PhotoshopとIllustrator、Firewoks、いずれも起動が爆速になり、かつActionScript 3.0という大きなアップグレードを果たしたFlashとの連携をスムースにしてくれました。こういうアップグレードって、使う人のことを考え抜かないとできないんじゃないでしょうか。かゆいところに手が届きまくってるCS3、ぜひお試しください。

中村氏はイベントでも「技術より、アイデアを。だから、技術を知ろう」というメッセージを発信し、その考えに基づいた作品群が数々紹介されました。

また、ActionScript 3.0 によって従来の計算速度が約10倍速くなったことから、どのようなコンテンツが可能になったかについて紹介してくれました。まず、無償で配布されているpapervision3DというFlashのクラスファイルを使用した三次元表現です。コードの中の数行の書き換えを行うだけでFlash上で入力されたテキストがマウス操作にあわせて３次元で動かすことができるようになったり、たった１行のコードを書き換えるだけでプレーンな四角形からキューブ、円に変更を行うことが可能という容易さです。これにはただただ驚かされました。

ActionScript 3.0の可能性とユーザエクスペリエンス

普段のお仕事の傍らグループ展の開催や個人的な制作活動も行われていて、CannesLions銅賞、東京インタラクティブ・アド・アワード金賞など国内外多数の受賞歴を誇る博報堂アイ・スタジオクリエイティブディレクター佐野勝彦氏によるセッションです。

「ちょっと無理かも」
これは佐野氏が制作にあたる際の気構えにされていることだそうです。サイト表現のアイデアとそれを実現する技術とのバランスを考えた場合、どうしても「ちょっと無理かも」と感じる場面があります。しかし「ちょっと無理かも」と思ったときは、それ即ち、「誰もが実現できていない新たな表現への挑戦」として「しめた」と思うようにしているそうです。

ここで佐野氏は、自身のActionScript 2.0の作品例として「VORDERFONE DESIGN FILE」を紹介されました。佐野氏自身、実際に作ってみるまでは「処理が多すぎて動くかどうか分からなかった」そうです。しかし、これを無事に動かせたことが、その後の作品制作の際に「あそこでできたんだから頑張ってみよう」と励みになったそうです。

次に、「ActionScript 3.0のちょっと無理かも」ということで、機能が追加され、10倍速くなった処理速度を利用することで、さらに高くなった「ちょっと無理かも」という自身のハードルへの挑戦として、ActionScript 2.0で作成したブログパーツ用の時計「DigitalSoundClock」をActionScript 3.0に書き直した作品を紹介してくれました。

最後に佐野氏から頂いたEdge読者の方々へのメッセージです。

これからCS3を利用する人々へ
adobeのセミナーを担当させてもらってから早いもので3ヶ月ほど立ちました。僕の担当する仕事でも既に２つほど AS3.0 を使ったものが進んでいます。既に新しいから普通に変わりつつあるのかもしれません。僕の中の「ちょっと無理」のハードルも変わり始めていて、表現のみならず企画の考え方まで変わり始めました。CS3 へのバージョンアップで色々と勉強しなけれならない点、違った考え方が出来る点と色々たいへんです。でも、新しい表現が完成していく事はそれ以上に楽しいです。テクノロジーの変化を楽しんでみては如何でしょうか？

佐野氏の「DigitalSoundClock」をはじめ、「Diagram .Map」など本イベントで紹介された作品の詳細をこちらのページでご覧ください。

Flashによるビジュアルアプローチの魅力

昨年の Flash 10周年を記念して開催されたモーションアワードグランプリ受賞者 roxik 城戸雅行氏によるセッション。受賞作「PICTIPS」で、もはや時の人となった城戸氏の生の声が聞ける貴重なセッションとなりました。

「Flashのこれまで、そして新たにActionScript 3.0を使用するとどんなことができるのか」といった趣旨説明から会は始まったのですが、前面のスクリーンが城戸氏のプレゼンテーションムービーに切り替わると会場はどよめきました。もの凄い数の小さな3Dのキャラクターがワラワラと登場し、それらがマスゲームのように文字を形作るというものです。この他にも、3D空間の中に沢山の球体が現れ、個々にブラー、距離による揺らぎ効果、透明度の処理をリアルタイムに演算するというデモが実演されました。この3Dデモは、こちらのページで実際に試していただけます。

城戸氏はこれまでFlashで作品を作る際、常にパフォーマンスを気にする必要があり、その最適化作業のために大変多くの時間がかかっていたそうですが、ActionScript 3.0からはそこから解放されて制作効率が上がり、さらに新しい表現が可能になったとのこと。そして城戸氏は、このActionScript 3.0の新しいポテンシャルを使った新たな3D表現をWebで行うことに挑戦中です。城戸氏の今後の作品発表から目が離せません。

城戸氏からもEdge読者の方々へメッセージが届いています。

これからCS3を利用する人々へ
頭に描いたイメージをカタチにしていくこと。これはぼくらクリエータにとって、ライフであり、挑戦であり、そして永遠の夢だと思う。そう、CS3は夢をかなえるの道具なのですよ。Flash、Photoshop、Dreamweaver…、まさにドリームチーム。Bridgeはさしずめ夢の架け橋といったところでしょうか。さあ、今あなたの中に眠るインスピレーションを思い切りぶつけてみてください！ CS3はきっと期待に応えてくれますよ！

Webの作成現場を楽しいものに変えてくれるツールを、今すぐあなたも

今回の「ADOBE CREATIVE SUITE 3 Web Edition TOUR」のサブタイトルである「キモチヨクハタラク!?」という暗示的なキーワード。この真意である「Webの作成現場を楽しいものに変えてくれる」ツールとアイデアがひとつひとつ明らかにされることで、ADOBE CREATIVE SUITE3 Web Editionの全体像が明解になるイベントでした。まだこのツールを手にしていないのでしたら、ぜひ Web Edition 30日間体験版から始めてみてください。

‹ 戻る

応援メッセージ＆Webサイト更新お試し企画あり ADOBE CREATIVE SUITE 3 Web Edition TOUR