AdobeはFlash Professional CC 2014で、Webデザイナー向けの汎用ベクターアニメーションツールとしてFlashを徐々に普及させています。Shockwave Flash（swf）に限定されなくなり、WebGL、SVG、HTML5などの他の形式へのエクスポートが可能になりました。これは、こうした柔軟性を求める長年のFlash開発者にとって非常に喜ばしいことですが、Flash Professional CC 2014には、デザイナーの創造性をさらに高めるための新機能も含まれています。
シェイプトゥイーンによる可変幅のストローク
可変幅ツールを使うと、通常の漫画の絵をより魅力的に見せることができます。ツールでパスをクリックし、図形をドラッグするだけです。
ベクターアートでは、通常の線は自然に見えないため、アニメーション用の美しいキャラクターを作成するのは困難です。紙にペンで描くと、ペンの圧力に応じてストロークに変化をつけることができます。Flash Professionalの新しい可変幅ストロークツールはまさにこれを実現するもので、筆圧感知タブレットは必要ありません。この新しいツールは、漫画風アニメーションの見た目を大幅に向上させ、Flashにとって大きなメリットとなります。
適用するには、変更したい線をクリックし、表示されるハンドルをドラッグして、線の特定のポイントの太さを定義します。気に入ったシェイプがあれば、「塗りと線」パレットの「+」をクリックしてプロファイルに追加します。これで、他の線にもシェイプを適用できます。また、シェイプトゥイーンを使用して、タイムライン上で線の形状をアニメーション化することもできます。
可変幅パレットに可変幅ストロークを保存した後、同じ形状を複数のストロークに適用できます。
新しいモーションエディター
以前のバージョンのFlash Professionalでは省略されていましたが、モーションエディターは実質的に復活した機能です。様々なイージングプリセットを用いて、モーショントゥイーンのあらゆる側面を調整できます。例えば、オブジェクトが正弦波のように前後に跳ねるようなモーションプリセットを作成したい場合、手動で行うのは大変です。あるいは、直線的なフェードではなく、より滑らかな開始と終了を実現したいとします。モーションエディターを使えば、正確な制御が可能になり、モーショントゥイーンを頻繁に使用する人にとっては朗報です。私の過去の経験では、代理店では人気のトゥイーンライブラリであるGreenSockのスクリプトを使用していましたが、多くの場合、モーションエディターを活用できます。
モーションエディターでは、モーショントゥイーンの各要素を調整できます。変更したい値を選択し、モーションエディターでパスを編集するだけです。
タイムラインでモーショントゥイーンを作成したら、モーショントゥイーンを右クリックし、コンテキストメニューから「トゥイーンを調整」を選択してモーションエディターにアクセスします。モーションエディターは、タイムラインのレイヤーの下に表示されます。タイムラインの領域を上にドラッグして拡大し、左側の三角形をクリックすると、「位置」、「変形」、「カラー効果」の個々の値が表示されます。例えば「アルファ値」を選択すると、パスに個別のアンカーポイントを追加できます。
パスに様々なイージングを追加できるのが本当に便利です。モーションエディターの下部にあるアイコンをクリックすると、小さなウィンドウが開き、バウンスやスプリング、サインなど、様々なイージングシェイプから選択できます。これにより、手動で作成するのが難しい組み合わせも実現できます。
モーションプリセットパレットと組み合わせることで、お気に入りのモーションのライブラリを作成し、アニメーション内の任意のオブジェクトに素早く適用できます。特にアニメーションバナー広告では、モーションを再利用する必要があることが多いため、この機能は非常に便利です。
アニメーションパス自体の形状を整えるだけでなく、様々なイージングシェイプを適用できます。アニメーションパスに正弦波シェイプを組み合わせたい場合は、モーションエディター内のイージングエディターから選択するだけです。
新しいエクスポートオプション
アニメーションの1フレームだけを使用する場合、以前はJPGやPNGなどのピクセルベースの形式にレンダリングする必要がありました。Flash Professional CCには、SVG書き出し機能が搭載され、これを実現しました。SVG（スケーラブル・ベクター・グラフィックス）形式は、ブラウザーでベクターグラフィックを表示できるだけでなく、Illustratorでフレームを読み込む際にも使用できます。
AdobeはWebGL（Web Graphics Library）形式へのエクスポート機能を追加しました。これは3D要素をサポートしているため、非常に便利です。ただし、FlashアニメーションをそのままWebGLにエクスポートすることはできません。「新規」コマンドでWebGLファイルを作成し、そこからアニメーションをインポートする必要があります。
結論
Adobe Flash Professional CC 2014には、多くのFlash開発者にとって嬉しい、可変幅のストロークパレットとモーションエディターという2つの優れた機能が追加されました。Shockwave Flash (swf) 以外のフォーマットを必要とするデザイナーにとって、SVGとWebGLへのエクスポート機能は重要です。これらの新機能はそれほど目新しいものではないかもしれませんが、非常にありがたい機能強化です。
