ロゴのローディングアニメ制作と作り方を学習
ホームページのローディングアニメ制作と作り方学習
Webサイトにアクセスすると、時折なめらかにかっこよくロゴマークが浮かび上がるサイトを見かけることが多かったので、今回はトップページアクセス時に表示されるローディングアニメーション制作と作り方を学んでみました。
できるだけ時間がかからず、軽量で、なおかつ滑らかにかっこよく表示されるローディングアニメを作成してみます。
今回はローディングイメージがループするタイプではなく、ローディング時にロゴマークのパーツがアニメーション描写されて形づくり、トップページが表示されるタイプのローアニです。 (ローディングアニメーションの文言が長いので、以後“ローアニ”と略称が登場しますが、ご了承ください。)
作成方法はいくつか選択肢があり、機能的な部分でもJavaScriptを中心にした機能的な選別が必要になるようなので、まずはしっかりと下書きと設計を練ってから、制作に取り掛かってみます。