サイト制作に役立つメルマガのバックナンバーサイトです。メルマガだけでは伝え切れない部分もコチラで説明していきますので参考にしてください!

menu

WPC Diary

GIFアニメーションの作り方

ワードプレス・カズタマイズ日記|バナー工房.comサイトイメージ

ちょっと作ってみた!

コレは0.5秒毎に画像を切り替えていくようにしてあります。
ちなみに作った画像枚数は計14枚。
と言っても作りながら保存していくので数分で出来ました。
ワードプレス・カズタマイズ日記|バナー工房.comテスト作成

GIFアニメーションが簡単に作るサイト

BANNER KOUBOU.comを使うとビックリする程簡単にGIFアニメーションが作れちゃいます。
それでは早速ご紹介します!

サイト:BANNERKOUBOU.com(バナー工房.com)
URL:http://www.bannerkoubou.com/anime/

作り方はとっても簡単

  1. 要はパラパラ動画と同じなので、ちょっとづつ動いている画像を作ります。
  2. できたら順番に画像を登録します。
  3. 完成(笑)

手順だけだと非常に簡単で、ちょっと手間なのは最初に作る画像です。
当然細かい動きをつけたい場合は必要な画像数も相当数要りますが、
簡単なアニメーションだけなら数枚作れば完成しちゃいます。
ちなみにサイトも簡単な作りなので、特に説明は必要ないかと思いますが、
一応各画像を登録していく画面も載せておきますので参考にしてください。
ワードプレス・カズタマイズ日記|バナー工房.com画像登録欄イメージ

惜しいトコロ・・・

各画像枚に秒数が変更できると良かったかなー。
でも簡単な動きのGIFアニメーションならコレで十分だと思います。
皆さんも良かったら作ってみてくださいねー!

The following two tabs change content below.
WPC Diary

WPC Diary

当サイトはメールマガジンのバックナンバーサイトとして運営されています。また、文字だけでは伝えられないツールやプラグインなどの補足説明を掲載したり、購入者様だけのオリジナルコンテンツも用意していますので、是非、お気に入りに入れておいて頂けると幸いです。

関連記事

    • 高取
    • 2014年 5月 20日

    ゲンキさん。こんにちは。

    バナー工房いいですね。

    さっそく使ってみます。

    ありがとうございます。

    ただ、サイト:BANNERKOUBOU.com(バナー工房.com)
    URL:http://www.bannerkoubou.com/anime/
    では開きませんでした。

    バナー工房で検索したらポンと出てきました。

    でも、メルマガたいへんですね。

    がんばってください。^^

  1. WPC Diary
    • WPC Diary
    • 2014年 5月 21日

    高取さん!コメントありがとうございます!
    あーんど、ご指摘まで頂いちゃって・・・お手数かけたみたいで申し訳ありません。
    サイトのURLは生きていたのでメルマガのアドレスがダメだったんですね(汗)
    確認して修正させて頂きます。
    こちらこそ、貴重なアドバイスありがとうございました!

  1. この記事へのトラックバックはありません。