アンケートご協力のお願いgihyo.jpでは,2010年度に向けて豪華プレゼントが当たる読者属性アンケートを実施しております。ご協力ください。

gihyo.jp » WEB+DESIGN STAGE » 連載 » ビギナーのためのFlash CS4 Professional オブジェクトベースアニメーション » 第1回 新しくなったモーショントゥイーンの可能性を探る!

ビギナーのためのFlash CS4 Professional オブジェクトベースアニメーション

第1回 新しくなったモーショントゥイーンの可能性を探る!

6月5日にAdobe Flash CS4 Professionalのビギナー向け解説本「速習Webデザイン Flash CS4」が発売されました。この連載は,書籍の発売記念企画としてお届けします。

書籍の内容と同じテーマを掲載しても面白くありませんので,CS4で大幅に変更されたモーショントゥイーンと関連機能に絞って,詳しく取り上げていきたいと思います。第1回は,Flash CS4の新機能について大まかに解説し,どのようなメリットがあるのか考えていきたいと思います(※1)。

※1
Flashの基本操作に関しては書籍で詳しく扱っていますので,本連載では割愛しています。

新しいモーショントゥイーンの習得は避けて通れない

まず最初にFlash CS4の新機能について確認しておきましょう。以下に主な新機能を列挙しました。

  • オブジェクトベースのアニメーション編集
  • モーションエディタによる詳細なアニメーション設定
  • ボーンツールによるインバースキネマティックの表現
  • 3D回転および3D変換ツールによる立体的な表現
  • 30種類のモーションを適用できるモーションプリセット
  • パターン描画ツール,スプレーブラシツール
  • Adobe AIRのオーサリング
  • H.264のサポート(Adobe Media Encoder)
  • メタデータ(XMP)のサポート

アニメーション関連の機能がかなり強化されていますね。最も注目されているのは,オブジェクトベースの新しいモーショントゥイーンです。CS3までのモーショントゥイーンは,「クラシックトゥイーン」という名称に変更されました。廃止されたわけではありませんが,アニメーション関連の新機能には未対応です。もはやトゥイーンアニメーションを作成するときのオプションの一つでしかありません。もちろん,古いモーショントゥイーン(クラシックトゥイーン)を使い続けることも可能ですが,モーションエディタやモーションプリセット,3D,ボーンなどの強力かつ魅力的な新機能を活かすことができません。

また,他の人とデータをやり取りするときに予期せぬ問題が発生するかもしれません。一からFlash CS4を習得する新しいユーザーは,新モーショントゥイーンをデフォルトの機能として使うことになるでしょう。複数のデザイナーが集まって協業していく場合,新しいモーショントゥイーンとクラシックトゥイーンが混在してしまうと,修正のときに混乱する可能性がありますよね。これからは,オブジェクトベースのモーショントゥイーンがデフォルト,必要に応じてクラシックトゥイーンという使い分けが標準的なワークフローになっていくはずです。タイムラインベースで作業をしてきた人たちにとっては,大変悩ましい問題ですが,新しいモーショントゥイーンの習得を避けて通ることはできません。

モーショントゥイーンとクラシックトゥイーンの違い

CS3までの古いモーショントゥイーンは,キーフレームごとに新しいインスタンスを持たなければなりませんでした。たとえば,右から左へオブジェクトを移動させるには,最低2つのキーフレーム(始点と終点)が必要です。ジグザグに移動させたい場合は,さらに複数のキーフレームが必要になります。新しいモーショントゥイーンは,1つのインスタンスに対して1つのキーフレームと複数のプロパティキーフレームで指定していきます。ステージ上のあきらかな違いは,モーションパスです。ペンツールで描いた曲線をコントロールするようにアニメーションを編集していきますので,CS3以前のFlashにはなかったまったく新しい操作概念だと言ってよいでしょう。

ビデオで比較してみましょう(※音声はありません)。

ビデオ1 CS3までのモーショントゥイーン(クラシックトゥイーン)を利用した,右から左へオブジェクトを移動させるアニメーションの作成手順

ビデオ2 CS4の新しいモーショントゥイーンを利用した,右から左へオブジェクトを移動させるアニメーションの作成手順

著者プロフィール

境祐司(さかいゆうじ)

インストラクショナル・デザイナー[Instructional Designer]として学校,企業の講座プラン,教育マネジメント,講演,書籍執筆などの活動をおこなう。2000年より情報デザイン関連のオンライン学習実証実験を始める。現在,教育デザイナー育成を目的としたフォーラムを立ち上げるため準備中。著書に「速習Webデザイン Flash CS4」(技術評論社),「Webデザイン&スタイルシート逆引き実践ガイドブック」(ソシム)などがある。

URLhttp://admn.air-nifty.com/monkeyish_studio/

著書

  • 速習デザイン Flash CS4

    速習デザイン Flash CS4

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

読むウェブ ~本とインタラクション

ディスプレイで読む活字とそのインタラクション(interaction:相互作用)について,最新Webを紹介しながら読み解いていく。

いま,見ておきたいウェブサイト

この連載では,国内外の最新のウェブサイトを隔週更新で取り上げ,これら最新サイトの特徴や素晴らしい部分を,さまざまな角度から解説していきます。

Windows phoneアプリケーション開発入門

Windows Marcketplace for Mobileがサービス開始され,作成したアプリケーションを個人でも世界をターゲットに公開できる環境が整ってきました。これを機にWindows phoneアプリケーションの開発をしてみませんか?

ここは知っておくべき!Windows Server 2008技術TIPS

5年ぶりのサーバOSとなったWindows Server 2008が出荷されて早2年。2009年にはR2が出荷され,再び注目を集めています。発売前から実施したトレーニングによって感じた,インフラエンジニアの方々に知っておいていただきたい機能を中心にご紹介します。

キーパーソンが見るWeb業界

本連載はWeb Site Expert/gihyo.jpとの連動企画です。阿部淳也, 長谷川敦士, 森田雄のお三方による,Web業界をテーマにした座談会です。

きたみりゅうじの聞かせて珍プレー

ソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。みなさんからの投稿もお待ちしてます!

ActionScript 3.0で始めるオブジェクト指向スクリプティング

野中文雄氏が,簡単なスクリプトは書いたことがあるという初級者を対象に,ActionScript 3.0の基本からクラス定義までを解説します。

まだ間に合う「ITパスポート」受験対策 原山先生の短期合格塾

この連載では,4月18日のITパスポート試験の受験に向けて,短い期間で効率良く受験対策を行う方法や,確実に得点するための裏ワザなどを伝授していきます。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス