CS4に搭載された「モーションプリセット」は,“⁠モーション(motion)⁠”の“⁠プリセット(preset)⁠”ですから,前もってセットされている動きをステージ上のオブジェクトに適用できる機能,もしくは自分で設定した動きを記録・再利用できる機能のことです。今回は,このモーションプリセットの活用方法について解説していきます。CS4の製品ページを見ると,「⁠基本的なモーショントゥイーンをワンクリックで作成」「⁠新しいアニメーションツール群で編集作業がさらに効率化」といった見出しが目につきます。一押しの新機能として紹介されており,アニメーション作業の「効率化」が強調されています。「⁠最適化されたアニメーションツール群」を見ると,以下の4つの新機能が列挙されています。オブジェクトベースのアニメーションモーションパスモーションエディタモーションプリセット「モーションプリセットって,“⁠タイムラインエフェクト⁠”みたいな機能でしょ」などと思っていませんか?たしかに,タイムラインエフェクトもアニメーション作業を効率化するために搭載された機能でしたね(※タイムラインエフェクトはMX2004から搭載された機能。CS4では廃止されました。タイムラインの制御が重たくて,作業の効率化には貢献できなかった機能かもしれません⁠)⁠。一見すると,モーションプリセットも同じような印象を持たれてしまいそうですが,大きく異なるのは(トゥイーンが,キーフレームではなくオブジェクト自体に適用される)オブジェクトベースのアニメーションに最適化されたツールになっていることです。これで,アニメーションワークの効率化につながるモーションの再利用が可能になったわけです。以下のビデオは,MX2004を使っていた頃,タイムラインエフェクトを駆使して作るはずだったアニメーションです。試行錯誤しましたが,あまりにもパフォーマンスが悪くて挫折してしまいました(結果的に,通常のモーショントゥイーンで作成しました⁠)⁠。Flashで作成したアニメーション(CS4でHDビデオに変換してYouTubeにアップしています)このビデオのような長いアニメーションをデザインするとき,モーションプリセットが活用できないか考えてみました。複数のモーションの組み合わせで作られているため,基本となるモーションを登録しておけば再利用によって大幅に効率化されます。これは実際に試さなくても想像できる利点でした。実は,もっと大きなメリットがあったのです。それは,「⁠調整」の容易さです。複雑な設定をしたアニメーション・シーンを調整するときに,絶大な効果を発揮します。トゥイーンスパンを短くして,動きの速さを部分的に調整したい場合,CS3までのモーショントゥイーンだと(中間のキーフレームも調整しなければならないため)大きな作業が発生してしまいますが,CS4だとドラッグするだけで終了します(プロパティキーフレーム間も自動調整してくれます⁠)⁠。一発適用して完成!というわけにはいきません。こまかい調整を何度も繰り返して,作品のクオリティが上がっていきますから,エディティングのユーザビリティが高いというのは大きな利点だと言ってよいでしょう。モーションプリセットの使い方モーションプリセットの使い方はとても簡単です。30種類のモーションが登録されていますので,実際に適用してみましょう。STEP02「モーションプリセット「ウェーブ」を適用する」と同じです⁠)⁠。モーションプリセット「ウェーブ」を適用する※画面のテロップが読みにくい場合は、ビデオの画面内をクリックしてください(大きなサイズのビデオで確認できます⁠)⁠。重要なポイントは,「⁠適用後」の編集です。モーションプリセットを適用した後に,位置の変更や伸縮を実行してアニメーション全体を調整するとき,操作手順が多かったり,Flashの動作が重たくなるようでは作業に支障が出てしまいます。CS4のモーショントゥイーンではモーションパスが表示され,オブジェクトとは別に伸縮や回転などを実行することができるようになっています。この仕様によって,柔軟性や表現のバリエーションを容易につくり出すことが可能になっています。Designer]として学校,企業の講座プラン,教育マネジメント,講演,書籍執筆などの活動をおこなう。2000年より情報デザイン関連のオンライン学習実証実験を始める。現在,教育デザイナー育成を目的としたフォーラムを立ち上げるため準備中。CS4」(技術評論社),「Webデザイン&スタイルシート逆引き実践ガイドブック」(ソシム)などがある。CS3」のCS4対応版です。Professionalではアニメーション制作の基本「モーショントゥイーン」が大きく変わりました。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。