アニメ Flash と 終了に関する情報 | 安倍 |
本ページ内容は2015年以前のものです。 Adobe社はFlash提供を終了し、代わってAdobe Animate CC を提供している。
2020年以降はwindows、MACでは .swfファイルはそのままでは見えず、.MP4などの他のファイル形式に変換する必要があるかも知れません。
Flash終了に関する情報は本ページ下覧参照。
*******************************************************************************************
Flashは アニメの規格で Adobe社(旧Macromedia社)が開発し、インターネット上で標準的に普及している。 Internet Explorer
などの主要ブラウザが閲覧ソフトを採用しているのでユーザは意識することなくFlashアニメを閲覧できるが、制作にはソフトを購入する必要がある。 AppleのiPad、iPhone
のiOS や他のスマートフォンには対応していない。
iPad/iPhone用に、Flashの代替画像として静止画を使うことができる。方法は http://www.tecblo.com/?p=295
Adobe社の本家Flashには画面上の操作だけで制作できる簡易モードがあるが、かなり難解である。また、数式で表わす複雑な画面変化や、入力に応じて変化する動きはこの「簡易モード」 ではできない。 この場合はFLASH用のActionScript言語が必要。
ActionScript言語で作られた作品はマニアがネット上で公開しているが、残念ながら 一般ユーザが応用できる中間ファイル(***.fla) を公開してる人は殆どいないので利用できない。 書店には中間ファイルのサンプル集が売られている。
一方、「おまかせモード」で複雑な動きを設定できる易しいFlash互換ソフトが市販されていて価格も遥かに安いので初心者にはこれがオススメである。特にWebEffect は高機能で価格は極めて安い。
簡易Flash互換ソフト(10/8/現在) 使いやすさ: かんたんWEBアニメーション > FlashMaker3 > WebEffect 機能: WebEffect > FlashMaker3 > かんたんWEBアニメーション |
|
・かつては、HomepageBuilder のパッケージに同梱されたこともある互換ソフトの老舗。 |
|
(2011年 3 に |
・操作性や機能は上のFlashMaker に似ている。 ・素材はPC内フォルダーから直接 DRAG & DROP できるので操作はFlashMakerより簡単。 ・タイムラインが1キャラ1タイムラインでなく、動作ごとに分かれているので分かりやすい。 しかし同時並行動作が限定されるようだ。 ・FlashMaker3のようなFlash に Flashを組み込む機能はない。WebEffectのような複雑な動作の併行処理やGIFアニメ組込み機能もない。 でも、通常のホームページにはこれで十分。 ・HomepageBuilder14・Valueパックに同梱されている。 ・他のFlash互換ソフトに比べて高い(\7800) ・移動アニメで編集画面の位置と挿入画像位置がずれる場合あり。プレビューでもずれる。 しかし、実際にパブリッシュしてHPBuilderで編集すると正常に動作する。(DreamWeaver の場合、script フォルダーが必要) |
・WebEffect | ・Gifアニメをそのままインポートして利用できる。この機能は本家Flashにもない優れもの。 ・AVI映像もインポートできるが、SWFはできない。変換が必要。 ・AVIをWebEffectにインポートする際、背景音を除去し、WebEffectで新たな背景音を入れられるが、Homepage Builder ではその音が消える。DreamWeaver が必要。 ・画像素材をフォルダから編集画面に直接挿入できる。 ・「Effectを追加」で動作ごとのタイムラインが表示される。 ・「エントランス」「強調」「閉じる」の各3行程の動作を選択する。 ・エントランス(登場)18種、強調(効果)29種、閉じる(退場)4種、などのサンプルを並列で組合わせ利用でき微妙な調整もできる。 ・さらに、これらのEffectを同時並行で組合わせできる。(これはFlashMaker3では不可) ・「強調」→モーションで単純移動。タイムライン右クリックでXY方向の移動距離を指定。移動パスは手書きで簡単に指定でき、 モーションでサイズ変更、色変化など複雑な変化が可能。 ・強調→配置で静止。 ループしない場合はタイムラインの最後で、ループOFFにする。(タイムライン右クリック) ・各レイヤーは独立に動作するから各レイヤーの終了位置が異なると繰返し再生でずれていく。(これは他のソフトと異なる) このずれをなくすために、レイヤー後ろに空欄がある時は「設定 → ループ」のチェックを外す。 ・全体のループを停止するには、修正 → シーンプロパティ → Exit Scene → 停止 背景音が映像より長い場合はループになるので、その防止のために映像末尾に静止画像を入れる工夫が必要。 ・拡大表示による編集、特定レイヤーの非表示、レイヤーへの名前付けができない。(これが欠点) タイムラインの各レイヤーをクリックすると当該エレメントが選択表示されるのでこれで判断する。 ・ボタン操作の簡易ActionScript機能あり。テンプレートが充実している。高機能にも関わらず価格はダントツ安い(\3970)。 |
高機能互換ソフト | |
・FreeMotion3 | ・他のFlashファイル(.swf)を読み込んで分解、解析、改造できる機能あり。(これが他にない特長) ・ただし、最近のFlashファイルの多くはプロテクトされて分解、解析、改造できない。 ・操作法は本家Flashに似て少々難解である。 ActionScript も使える。 |
Flashの作品例 (いずれも上記互換ソフトで制作できる) | ||||||
GIFアニメからの変換 | 背景スクロール | 空飛ぶカモ. | . |
|||
蝶と花 | 旭友会題字 | オーロラ | ベイブリッジ | かさご | 雪 | 落ち葉 |
阪神優勝 | マッターホルン | 万華鏡 | 金魚 | 火星から年賀 |
WebEffect と かんたんWEBアニメーション2 の比較例
Flash終了に関する情報
Flash終了の一因となった危険性に関する情報
http://bitwave.showcase-tv.com/危険%EF%BC%81flashを掲載しているweb運用者はご注意ください/
http://www.geocities.co.jp/Playtown-Yoyo/6130/notes/virus-flash-player.htm
https://allabout.co.jp/gm/gc/66833/
Adobe Flash に代わって使われるテクニック:
Adobe Edge Animate に名称を変更し、HTML5 Canvas と WebGL をサポート
https://ics.media/entry/10181
http://www.adobe.com/jp/products/animate.html
HTML5で作るCanvasアニメーション
http://www.webopixel.net/javascript/1001.html
http://bit.ly/2vnz292
Google Web Designer]
https://www.synergy-marketing.co.jp/blog/animation-created-freetools-google-web-designer
| ホームページ作成体験へ |