Flashの代替？！Adobe Edge Animateは凄い vol.1
◇Adobe Edge Animate って何？ 「HTML５アニメーション・オーサリングツール」 この言葉から分かる通り、HTML5のソースです。 ただ、画面はFlashなどのアニメーションツールに似てます。 上の画面からキーフレームやJS、CSSフィルターを付けたりと色々遊べます。 JSが苦手な人にも有り難いことに、スニペットからワンタッチで入れることも出来ます。 名前を付けて保存をすると色々なファイルが出力されます。 画像では「onmouse」と名前を付けました。 パブリッシュ「ファイル＞パブリッシュ」すると、更にこんな感じのファイルが出来ます。 publish > web > 色々 内部編集も外部編集もどちらも可能です。 既存サイトにモーションを追加することもアニメーション画像を追加することも出来ます。 シーン制御やギミックをつけることが出来、マウスの動きやmouseoverなどの
B. Feeds - Kuler - Adobe Learning Resources
Language Navigation Language Navigation
Edge Animateで作るHTMLモーショングラフィック | ADC - Adobe Developer Connection
新しくリリースされたAdobe Edge Animateは、HTML5を利用したアニメーションを作成できるツールです。本記事では、アニメーションサンプルの作成を通して、Edge Animateの機能を紹介します。 Edge Animateでは、矩形／角丸矩形／楕円などのオブジェクトを描画できるほか、他のツールで作成した画像を読み込むことができます。今回のサンプルの素材は全て、Photoshopなどのツールを利用して作成しました。オブジェクトを重ねて表示する場合は、透過PNGファイルやSVGファイルを利用し、背景など透過の必要がなく容量を節約できる場合はJPEGファイルを利用するとよいでしょう。 画像を読み込むには、メニューから［ファイル］→［読み込み］を選びます。読み込んだ画像はステージ上に配置され、また［ライブラリ］パネルのimagesフォルダーに格納されます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
