GIFアニメとは 1/2

当ホームページは、自作のGIFアニメ画像フリー素材を3000点以上無料配布しています。
このページは「動くイラスト」=「GIFアニメーション画像」について解説したページです。

動くイラストは、GIF(じふ)アニメーション画像といって、ブラウザ上(InternetExplorerやChromeやFirefoxなど)であれば、どんな環境でも動いて見える動画のような画像です。(Graphics Interchange Formatの頭文字をとっています)

例えば、↓このような画像です。

※ファイルサイズ(バイト数)は、6.51キロバイト。

動きがあるので記事の中でとても目立ちます。私の作るGIFアニメーション画像は、とても軽く、読み込みに負荷をかけません。ブログやホームページのちょっとした飾りに、ぜひお使いください。

すべて登録不要、無料で使えます。
著作権表記やリンクも義務ではありません。ブログやHP、SNSの飾りにどうぞ。
パソコンやスマホ・タブレットに保存して普通の写真と同じようにお使い下さい。
詳しい利用規約はこちら

◆自作GIFアニメフリー素材の目次へ

そんなGIFアニメーション画像について、もう少し詳しく説明しますと・・・

GIFアニメのメリット

・スマホでもパソコンでも動いて見える。
(ブラウザ上やアプリ上で動くので、単純にフォルダ内のファイルを表示しただけでは、1コマ目だけが静止画として表示されます。写真アプリ、フォトアプリでは、最新版で動いて見えます)
・YouTubeなどの動画投稿サイトにアップする必要がない。
・フラッシュアニメのように何かのソフトに依存しない。
(フラッシュアニメは、adobe flash playerがインストールされていないと表示出来ません)
・how toものの説明が一目瞭然である。
下は友人のサイトに作成してあげた「円の面積の求め方」の説明GIFアニメーション画像です。


・動画開始を命令する必要がなく、ページ読み込みと同時に動き始め、無限にループする。
(1回だけ動作させたり、スタートボタンで開始する設定もできますが、一般的ではありません)
・普通の動画も短い秒数でサイズを小さくすれば同じように表現できる。

GIFアニメのデメリット

・長い動画や大きな動画はバイト数が大きくなりすぎて、使うのに適しない。
・色数が256色に制限されているので、画質が悪い。(イラストなどはきれいに表現できる)

動画から変換したGIFアニメの例

イラストのGIFアニメの例
・音声がつけられない。(そのほうがいい場合も多くあります)
・作るのに技術がいる。
(2コマ程度の簡単なアニメなら誰でもできますが、10コマ以上のアニメになると慣れと技術が必要です)

この犬のGIFアニメーション画像は、以下のように11枚の画像を使用しています。


GIFアニメーション画像の保存方法と使い方

保存方法 
スマホ @長押しまたはタップA「写真に追加」または「画像をダウンロード」(イメージを保存)など
パソコン @右クリックA名前をつけて画像を保存(Macの場合はデスクトップにドラッグ)

投稿は普通の写真と同じです。ネット上で動く画像です。パソコンやスマホ内では1コマ目だけが表示されます。スマホのバージョンによっては写真アプリやフォトアプリでも動いて見ることができます。
※パソコン投稿の場合は、ほとんどのブログで使えますが、スマホのアプリから投稿する場合、アメーバブログでは静止画になりますのでご注意下さい。

※GIFアニメーション画像のファイル形式は、abcdef.gifのように拡張子gifがつきます。
ただし、静止画gifファイルの場合も拡張子は同じなので、アニメーションgifとの違いはファイル名だけではわかりません。
ホームページ作成時には、ホームページビルダーでは、アニメーションgifに以下のようなアイコンマークがつくのでアニメと静止画を区別できます。

GIFアニメーション画像を自分で作るには

サイトを利用する方法ソフトを使う方法があります。
・無料サイトでは、「無料バナー作成工房」さんが有名です。
  2.3枚の写真を用意してサイトにアップすれば、簡単にGIFアニメーション画像が作れます。
・有料ソフトでは、ホームページビルダー付属のウェブアニメーターがあります。

・無料ソフトでは、Giamなどがありますので、「GIFアニメ作成」などで検索して好みのものをダウンロードして下さい。

※当ホームページのGIFアニメーション画像は、すべてホームページビルダー付属のウェブアニメーターを使用して作成しています。

鉄道GIFアニメの作り方

↓のブログで詳しく説明しています。
1.コマ撮り撮影から作る方法

 

2.前面展望などの動画から作る方法



3.背景画と列車のイラストから作る方法



4.長い列車の動くイラストを作る方法




次のページへ
SNSなどでGIFアニメーション画像を使う方法メールでGIFアニメを送る方法を次のページで紹介しています。
↓こちらもご覧ください
LINEでGIFアニメを送る方法

作者について
 電車が走るイラストは、2008年頃から作り始めました。GIFアニメーション画像は、いくつかのコマをループさせてアニメーション的な表現をします。中でも電車が横に移動するだけのGIFアニメーション画像は、一定の作業の繰り返しなので比較的簡単に作成できます。それで、背景画像と元になる電車イラストを作成するだけで季節ごとや行事ごとにいろいろなバリエーションのGIFアニメーション画像を作成できました。これまでに作成した電車が走るイラスト素材は、およそ1000点以上あります。その他、前身ホームページ(http://www.ushichiko.com)で配布していた動くアクセント素材なども多数あります。手軽に使えてスマホでも表示出来る動くイラストを皆さんのブログやホームページ・SNSなどで使っていただければ光栄です。
Description
There are about 1300 kinds of free illustrations(GIF animation images)in this site.You can display it on your PC and smartphone. You can contribute to your blogs, HP, SNS as well as photos. Registration is unnecessary.Please save it to your computer or smartphone.
to English index(kawaii illustrations)
リンク用バナー
https://freesozaixtrain.web.fc2.com/

Copyright 2007-2019 動くイラストフリー素材
URL https://freesozaixtrain.web.fc2.com

inserted by FC2 system