ICTメディア編集U 20251024

 

Adobe Animateを使ったアニメーション作成(教室または自習室での実習用)

2024年度は、作成ソフトがAdobe Animate 2024等にバージョンアップしたものを使います。)

 

Adobe Animateについて

(注意) Adobe Animateは,旧称はMacromedia Flashというソフトウエアでしたが、20054月にアドビシステムズ社(Adobe)にマクロメディア社(Macromedia)が買収され,Adobe Flash(アドビフラッシュ)となり、さらに、Flash形式の動画ファイルの使用があまりされなくなり、Adobe Animateに変わってきています。

大学ではPCのリプレースとソフトウェアのバージョンアップによって,Adobe Flash Professional CS6からAdobe Animate CCなどに変遷してきています.バージョンが変わったことで,大幅な変更がなされております。操作などについては,講義中に説明をして行いながら、作業をしていただきます。Flashと書いてあるものはAdobe Animateと読み替えてください。

 

前回まで,Photo Shopのアニメーションウィンドウを用いたり、Microsoft PowerPointのスライドの切り替えやアニメーション機能による、アニメーションやバナーの作成を体験してきました.今回は,別のソフトウェアとして,Adobe Animate を用います.

このAdobe Animate は,「インパクトの強いWebサイト作成に欠かせない,プロフェッショナル向けの業界標準オーサリングツール」です.「アニメーションロゴ,Webサイトのナビゲーションコントロール,長編アニメーション,Webインターフェース,Webアプリケーションなどを自在に作成できる」とされています.

オーサリングauthoringとは,画像,音声,文字などのいろいろな素材をリンクさせて(組み合わせて)ソフトウェアやコンテンツを作成すること,またはそのための支援ツールを指します. したがいまして,Adobe Animateは画像,音声,文字などを組み合わせWeb用のコンテンツを作成するソフトウェアといえます.Web上のアニメーション作成ソフトウェアとして,現在,ほぼ標準となっているといえるものです.

·         現在のAdobe Animate では,アニメ,グラフィック関連を中心に大幅なバージョンアップが行なわれています.

 

以前によく使われていたFLASH形式と呼ばれる独自のアニメーションの形式は,以下のような特徴をもっていました.

·         コンピュータグラフィックスの表現形式の1つであるドロー形式であるため,拡大や変形などによる画像の劣化が無い.

Ø  ドロー形式Drawとは,グラフィックを直線や曲線の方向や長さなどのデータとして扱うものであり,数値化されたデータで表現されるので、ペイント形式のようにドットでの表現形式にくらべて正確な描画が可能となっている.また,滑らかな曲線を描くことや,図形の変形に向いているとされます.

·         ファイルサイズが小さく,表示処理が速い.

·         WebブラウザでFlashを再生するには, Flash Playerのプラグイン(アプリケーションソフトに追加機能を提供するための小さなプログラム)が必要となります.

·         モーフィングなどのアニメーション作成のための必要機能を装備しています.

·         現在は,Adobe Flashを経て、Adobe Animateとなっています.最新のソフトウェアのバージョンとしては,作成ソフトは,“Adobe Animate 2024”,プレーヤーは,“Adobe FLASH Player 11”などとなっていました.フリーの作成ソフトも以前にはありましたが、現在は、ダウンロードができなくなっています。Flash形式は、現在はあまり使われなくなってきております。

·         そのため、Flash形式の保存は行わずに、ムービー形式を用いることを本講義ではしていきたいと思います。

 

Adobe Animate は,アニメーションの作成だけでなく,様々なことが可能なソフトウェアですが,今回は,アニメーション作成機能の基礎部分について演習を通じて体験してみましょう.

Adobe Animateは、教室と自習室の一部のPCに入っております。

※明治大学12号館のメディア教室、自習室、教員用端末室でAdobe Animateを利用する場合、 AdobeIDが必須となります。以下のPDFをよく読んで、対応ください。

https://www.meiji.ac.jp/ksys/it/6t5h7p00000i4mht-att/a1641975028762.pdf

 

そのため、本講義の以下の説明での実証作業に完全に使用できるソフトウェアではありませんが、外部リンクになりますが、フリーソフトウェアを紹介しておきます。可能な方は、これらのソフトをダウンロードし、アニメーションの作成を行ってみてください。

Express Animate2Dキーフレームアニメーション製作ツール

  無料版、ドキュメントもありますので、参照してください。

GiamGIF形式のアニメーション画像を作成・編集ソフト

  先週まで行っていた、フレームアニメーションのアニメーションGIF形式を作成できます。

  Giamダウンロード:窓の杜

 

※実習がメインの講義ではありますので、教室での作業ができない場合などは、皆さんの可能な範囲で、作成の体験をしてみてください。

 


加藤晋のページへ | ICTメディア編集U | アニメーション作成演習:形状,色などの変化(1)