WEBデザイン

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

WEBデザイン

サイトのデザインにも使える動くイラストの作り方を紹介したいと思います。

動くイラストの事を、GIFアニメーションというんですが、2枚以上の異なるイラストを組み合わせる事で簡単に作成することができます。

GIFアニメーションの作成にはバナー工房さんが便利です。

バナー工房

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

GIFアニメーションの作り方ですが、バナー工房のサイトにアクセスします。

バナー工房

使用したい素材を2つ以上選択して『画像を加工する』ボタンをクリックします。

こちらで作ったボタンがこれです。こんな風に点滅するボタンとかが作れます。

(上記ボタンの使用は自由ですが、必ずダウンロードしてからお使いください。)

ユーザーに分かりやすいボタンをサイトに設置する事で、クリック率が上昇するのでサイトの収益性改善にも役立つと思います。

ボタンの色を同じにして、テキストの色を変えれば文字が点滅するボタンも作る事が出来ますよ。

簡単なので、ぜひチャレンジしてみてください。

コメント