ウェブアートデザイナー
FTPツール
ウェブアニメータ
HotMediaクリエーター
デジすたマーカー2


ウェブマスターのためのノウハウ
Web制作に役立つ無料ツール

ホームページビルダー14!メーカー提供:1,000円キャシュバックキャンペーン中

ホームページビルダー14
IBM ホームページ・ビルダー14

1位ホームページビルダーの裏技
2位ビルダーの基本操作
3位動画でわかるビルダー
4位無料テンプレート
5位ビルダーの設定

素材集からアニメーションGIFを使う

トップ >> ウェブアニメータ,ウェブビデオスタジオ

いきなりオリジナルのアニメーションGIFを作るのは、面倒だという場合には、予めウェブアニメータに用意されている素材集からそのままコピーしてしまうのが、手っ取り早くて簡単です。

特にアイコンをアニメーションGIFで表示したいのであれば、わりと種類も豊富にあるので、その中からサイトの雰囲気に合うものを選んで貼り付けるだけでOKです。

まず、ウェブアニメータを起動します。ホームページビルダーを起動した状態で、「ツール」-「ウェブアニメータの起動」をクリックします。

ウェブアニメータの起動

ウェブアニメータが起動し、「スタートアップ」ダイアログが開きます。今回は、素材集のアニメーションGIFをそのまま使うので「素材集から開く」ボタンをクリックします。

「素材集から開く」ダイアログが開きます。ファイルの場所が「animation」フォルダを指定しています。この中に種類別にアニメーションGIFの素材が入っています。

ここでは、「bullet」フォルダをダブルクリックして開きます。
「bullet」フォルダと「button」フォルダには、比較的小さめのアイコンやボタンが保存されています。「illust」フォルダは、複雑な動きをするイラスト、「line」フォルダには区切り線などに使えるラインのアニメーションGIFが保存されています。

フォルダ内のアニメーションGIFが一覧で表示されます。ファイル名だけでわかりづらい場合は、表示メニューボタンから「縮小版」をクリックすると縮小されたイメージで表示されるので便利です。

好みのアニメーションGIFを選んだら「開く」ボタンをクリックします。すると、アニメーションが展開されて表示されます。

左上の「再生を開始」ボタン をクリックするとアニメーションのプレビューを確認することができます。

ページへ貼り付けるには、「他のアプリケーションにドラッグアンドドロップ」ボタン をクリックした状態で(ボタンを押したまま)ホームページビルダーの貼り付けたいページへドロップします。



ネットショップを運営する
アフィリエイトで副収入
資格で稼ぐ

初心者向け用語集
ホームページの基礎知識
ショートカットキー一覧表
格安Web素材入手法
サイトの構想アイディア創出法

Powered by ITSpace Inc.
ホームページビルダーは日本IBMの登録商標または商標です。