
ども、インターネットを使ってボチボチ稼いでいる初老のよっしーです。
さて今回のWordpressチャレンジは、「3分で台風のアニメーションっぽいものを作ってみよう」です。

台風アニメーションとは、台風の季節になるとWEBニュースなどで台風の進行方向を動画で示す動くアレです。よく見かけますよね。
上の画像のようなもの。台風アニメーションみたいのをWordpressの記事作成の中で応用してカッコよく作ってみたいと思います。
WordPressの記事作成の中で台風アニメーションのようなものを作ろう。

先に言っときます。僕はアニメーションは作れません(*ノωノ)
今回はかんたんに記事の中にアニメーションのような見え方をする動く画像を掲載する方法です。
それではさっそくやっていきましょう!
まず、写真を数枚用意します。

1枚目、台風が一番右にある写真。

2枚目、台風が左にちょっと動いた写真。

3枚目、台風がさらに左にちょっと動いた写真。

4枚目、台風が左にぐいっと動いた写真。
と、動きがあるような写真を用意して。
この4枚の写真を用意してオンライン上で簡単に無料でGIFを作成してくれるサイトに行くだけです( *´艸`)GO!
このサイトに行って、先ほど用意した4枚の写真を入れ込めば無料でそれっぽいGIFアニメ画像が完成ましす。

スムーズに動かすには、出来るだけ軽い画像の方が良いみたいですね。

重ね合わせる枚数や、画像転換スピードなども好きなように変えられます。

最後にGIFアニメを作るボタンを押すと完成です。
あとは完成した画像を保存して、記事の中の好きなとこに通常の写真のように貼り付けるだけで勝手に動きます。

簡単でしょ
使い方色々、無料画像でこんな画像も作れますw

こんなのとか。GIFなので画質は落ちますが。。

という感じで、今回は台風アニメーションをWordpressの記事作成の中に取り入れてみるチャレンジをやってみました。
ぜひあなたも写真を好きなように動かしてみてください。

GIF画像作成(GIFアニメ)
コメント