TOP

            デザイる2|Webサイト製作初心者に向けて情報発信していきます。

ローディング画像を生成するジェネレーター 3つ

ローディング画像を生成するジェネレーター 3つ

ローディング画像

クルクル回っている画像。ダウンロードや動画の読み込み時に見かけますよね。ローディング画像をサクッと簡単に作ってくれるジェネレーター「Ajaxload」「loader generator」の紹介です。



Ajaxload

ajaxload

Ajaxload の使い方

Ajaxload の使い方

・Indicator type
39種類のインジケーターがあります。


・Background color
背景色をカラーピッカーで選択します。


[check]Transparent background
チェックを入れると透明背景になります。


・Foreground color
前景色をカラーピッカーで選択します。


・GENERATE IT
「GENERATE IT」をクリックすると
プレヴュー画面で見る事ができます。

・DOWNLOAD IT
「DOWNLOAD IT」をクリック
で保存します。


Ajaxload でローディング画像を作ってみた

ローディング01 ローディング02 ローディング03 ローディング04

インジケーターが39種類ありますが、小さいのは見映えがよくないですね、
大きめが綺麗にしあがります。



loadinfo.net

loader generator

loadinfo.net の使い方

ローディング画像一覧




ローディング画像の一つをクリックして選択します。


設定項目の説明

・foreground
 前景色を選択します。

・background
 背景色を選択します。

・transparent
 クリックすると背景が透明になります。

・16x16 24x24 48x48
 サイズを決定します。

・generate
 「generate」をクリックします。


ダウンロード




「download」をクリックして保存します。


loader generator でローディング画像を作ってみた

ローディング05 ローディング06


loadergenerator.com

loadergenerator.com

loader generator.comの使い方

形状を選択し、スライダーでサイズやスピードを設定。カラーピッカーで色を選択。「DOWNLOAD GIF」をクリックして保存します。

形状を選択し、スライダーでサイズやスピードを設定。カラーピッカーで色を選択。「DOWNLOAD GIF」をクリックして保存します。

loader generator.comでローディング画像を作ってみた

画像の説明 画像の説明 画像の説明

あとがき

「loader generator.com」の方が使い勝手が良く、仕上がりも綺麗に感じる。

関連記事


最新記事

a:4221 t:2 y:1







■この記事に足りないと思ったことがあったらぜひ教えてください。

powered by HAIK 7.3.0
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional