ＧＩＦアニメとは　１／２

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

動くイラストとは

　ＧＩＦアニメーション画像(動くイラスト)は、いくつかのコマをループさせてアニメーション的な表現をします。ブラウザ上(InternetExplorerやChromeやFirefoxなど)であれば、どんな環境でも動いて見える動画のような画像です。(Graphics Interchange Formatの頭文字をとっています)
例えば、↓このような画像です。

※ファイルサイズ(バイト数)は、６．５１キロバイト。

このサイトのフリー素材3000点は、ほとんどがＧＩＦアニメーション画像のイラストです。　ブログやホームページ・ＳＮＳにちょっとした動く画像があると、それだけで記事が動的なイメージになり、読者の目を惹きつけます。当サイトの素材は、サイズも小さくデータのバイト数も軽めのものが多いので、記事の読み込みに負担をかけません。
カテゴリーとしては、ワンポイント素材・ライン素材(段落区切り)・鉄道イラスト・学校イラスト・介護イラスト・花のイラストが多いです※GIFアニメのしくみ
　手軽に使えてスマホやＬＩＮＥでも表示出来る動画イラストを皆さんのブログやホームページ・パワーポイント・ＳＮＳなどで使っていただければ光栄です。
　著作権表記やリンクも義務ではありません。ブログやＨＰ、ＳＮＳの飾りにおすすめです。パソコンやスマホ・タブレットに保存して普通の写真と同じようにお使い下さい。
詳しい利用規約はこちら

 ◆自作ＧＩＦアニメフリー素材の目次へ

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

ＧＩＦアニメのメリット

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

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

ＧＩＦアニメのデメリット

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

動画から変換したＧＩＦアニメの例

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

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

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

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

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

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

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

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

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

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

鉄道GIFアニメの作り方

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

２．前面展望などの動画から作る方法
例

３．背景画と列車のイラストから作る方法
例

４．長い列車の動くイラストを作る方法
例

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

作者について
　電車が走るイラストは、2008年頃から作り始めました。ＧＩＦアニメーション画像は、いくつかのコマをループさせてアニメーション的な表現をします。中でも電車が横に移動するだけのＧＩＦアニメーション画像は、一定の作業の繰り返しなので比較的簡単に作成できます。それで、背景画像と元になる電車イラストを作成するだけで季節ごとや行事ごとにいろいろなバリエーションのＧＩＦアニメーション画像を作成できました。これまでに作成した電車が走るイラスト素材は、およそ1000点以上あります。その他、前身ホームページ(http://www.ushichiko.com)で配布していた動くアクセント素材なども多数あります。手軽に使えてスマホでも表示出来る動くイラストを皆さんのブログやホームページ・ＳＮＳなどで使っていただければ光栄です。

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/