雑学まとめ

当サイトでは、明日すぐに友達に話したくなるような、あらゆる情報を紹介しています。

ホームページ作成

イラストの線が美しいGIFとFlashアニメーション

投稿日:

Flashアニメーションは、画像の数値情報(点の座標・線の太さ・方向・色など)を記憶しており、その数値情報をもとに計算を行い、画像を表示しています。この表現方式をベクターグラフィックスと呼びます。ベクターグラフィックスのメリットは、なんといっても線が滑らかで美しいことです。

イラストの線が美しいGIFとFlashアニメーションとでは、画像の表現方式が異なります。GIFは、画面上の小さな点(ピクセル)を使って画像を表現しています。目の細かい方眼紙のマス目を1つずつ塗りつぶして、絵を描くのと同じやり方です。この表現方式をラスターグラフィックスまたはビットマップグラフィックスと呼びます。この方式は、画面上の点を塗りつぶして画像を表現するので、曲線部分はどうしてもギザギザになってしまいます。拡大・縮小したり、変形したりすると、画質が劣化します。

画像の拡大・縮小・変形などを行っても、その都度計算を行って画像を表示するので、画質が損なわれることはありません。また、ラスターグラフィックスよりもファイルサイズが小さくて済みます

Flashアニメーションは

Flashアニメーションは、単にアニメーションを作成するだけではありません。ボタンやメニュー、テキストボックスなどを作成することができます。たとえば、ボタンをクリックすると、ボタンの色や形が変わり、他のページが表示されたり、矢印ボタンでテキストボックスの内容をスクロールしたりできます。Flashアニメーションを使って、ページのナビゲーションができるわけです。

Videoファイルといった動画ファイルを取り込み、再生することもできます。再生ボタンや停止ボタンなども作成できるので、利用者が動画の再生を自在にコントロールできます。マクロメディア社の調査によると、FlashPlayerの世界規模での普及率は98%(2003年3月現在)だそうですから、ほとんどのパソコンでFlashアニメーションは動くと考えられます。

-ホームページ作成

執筆者:

関連記事

no image

検索サイトにホームページを登録する

・検索サイトへの登録 「YahooJAPAN(ヤフージャパン)」などのディレクトリ型の検索サイトに登録するには、登録依頼を行い、審査を受けなければなりません。登録依頼の方法は、各検索サイトのページに掲 …

no image

スタイルシートはWebページのデザインやレイアウトを定義するためのもの

W3Cでは、HTML40/401からデザインやレイアウトについてのタグを非推奨とし、その代わりにスタイルシートを利用するように勧告しています。スタイルシートを利用することにより、Webページの論理構造 …

no image

デザイン・色彩心理を考える

・色彩単色の性質よりも大事な調和 デザイン上のカラーコーディネートにおいて大切なのは、伝統的な印象よりも調和です。調和の取れた配色は、ユーザーに安心感を与え、好感度が増します。色の持つ個性を踏まえなが …

no image

ナビゲーション・ボタン作成の数は章の数

・ナビゲーション・ボタンの数は、章の数 あまりにボタンが多いと、ユーザーの認識力に負担を掛けてしまい、アクセシビリティが低下します。サイトマップを整理して、1ページに入れるボタンはできるだけシンプルに …

no image

ホームページ・ビルダー7に付属しているウェブアニメーター

ホームページ・ビルダー7に付属しているウェブアニメーター。アニメーションGIFでは、複数のイラストを連続表示することにより、イラストが動いているように見せています。この連続表示させる複数のイラストを、 …