Topics  last update 2009年2月12日
ホームページのSEO初級講座ホームページのしくみ
ホームページのSEO初級講座Homepage Managerの簡単な使い方
ホームページのSEO初級講座タイトルロゴの作りかた
ホームページのSEO初級講座トップページを完成させる
ホームページのSEO初級講座テキスト(文章)を書く
ホームページのSEO初級講座ホームページを検索エンジンに登録する
ホームページのSEO初級講座こんなことをすると検索順位が下がる
ホームページのSEO初級講座HTML+CSSサイトの場合
ホームページのSEO初級講座タイトルロゴの作りかた
ホームページのSEO初級講座フリーソフトGimpの導入と新規レイヤーの作成
ホームページのSEO初級講座script-fuで一発作成
ホームページのSEO初級講座バナーの作り方
ホームページのSEO初級講座動きのあるバナーの作り方 
ホームページのSEO初級講座ネットは匿名性があるのか否か
ホームページのSEO初級講座IPの伏せ方
ホームページのSEO初級講座プロクシを自動で切り替えて使う
ホームページのSEO初級講座IPアドレス以外の環境変数の漏洩を防げないのか?
ホームページのSEO初級講座ブラウザの設定を検証する

ホームページのSEO初級講座 動きのあるバナーの作り方

TOPへ



ホームページビルダー付属のウェブアニメータを起動させてください
アニメーションウィザードを選択します
動きのあるバナーの作り方


動きのあるバナーの作り方複数の画像ファイルを使用してアニメーションを作成
 かなり高度な技を使えたりしますので、下の2つの項の作り方に慣れてからどうぞ。

動きのあるバナーの作り方文字アニメーションを利用してアニメーションを作成
 背景画像さえあれば、かなり動きのあるおもしろいものが作れてしまいます。

動きのあるバナーの作り方一枚の画像ファイルからアニメーション効果を使用してアニメーションを作成
 これは完成されたバナーに対して動きを付けるものなので、バナー自体が回転したりします。

今回は、文字アニメーションを利用してアニメーションを作成 を選択しました
動きのあるバナーの作り方


参照ボタンを押して、背景になる画像を選択してください。
動きのあるバナーの作り方


今回は、前の項で作ったバナーを使いましたが、文字の無い背景だけのバナーがあれば
シンプルなものができるのではないでしょうか?


動かしたい言葉を『文字』欄に記入し、水色の三角ボタンを押してみてください。
下の画像では、効果の種類が『ズーム』になっています。 赤い枠の中は、お好みに変更してください。

動きのあるバナーの作り方
で、OKを押すと以下のダイアログが出てきます。
必ずプレビューしてみてくださいね。
おかしいと思ったら戻って設定を変更してみてください。
動きのあるバナーの作り方


動きのあるバナーの作り方


ここでは、『ファイル』メニューのなかで、『アニメーションの最適化』という項がありますので適当にOKして完了してください。
余計なコマが削除されて、先ほどよりかるーいgif画像ができました。
画像は重くなりがちですので気をつけてくださいね。

動きのあるバナーの作り方


名前を付けて保存すれば完成です。

動きのあるバナーの作り方

動きのあるバナーの作り方

また、一度完成したバナーでもウェブアニメータで開き直せば 『効果』メニューから動きを追加できます。動きのあるバナーの作り方






ソーシャルブックマークで情報を共有!


   
        
このサイトに掲載されている記事・写真・図表などの無断転載を禁じます。sitemap リンクについて     
Copyright © 2006〜2009  ホームページのSEO初級講座   all rights reserved