画像の点滅の方法
|
うちのファン専用のトップページ記事 に頂いたご質問ですが
ももさんから、こういうご質問を戴き。ました
oyajiさん，迷ってしまってここに書いてしまいました<(_ _)>
上の「今なら間に合います〜」のように文字列を点滅させるには どのようにしたらよいのでしょうか？ このような質問はどこにすればよいのでしょうか？ ごめんなさい。教えてください<(_ _)>
まず、ご質問は即応出来ない場合もありますが
基本的にはなるべく早く対応するようにしていますので どの記事でも良いので比較的コメント数の少ない記事に質問して下さい
以前に作っていたなんでも質問箱 のような
質問専用の記事を作ってしまうと、 もの凄い数の質問が寄せられてしまうというのと、 過去のコメントを見もせずに何度も同じ質問が繰り返されてしまうのと、 コメント欄が異常に長くなってしまい、開くのすら辛い状況になる、
という理由で、専用の質疑応答記事は作成していませんが、
マナー良くご質問下さる分に関しては、 きちんと対応させて頂いております。
★ご質問の件についてですが、
これは、その記事のアフィリエイト用に作成したアニメGIF画像と言います。
文字列を点滅させているのではなくて、 ２枚の画像を結合させて１枚のアニメGIF画像を作り 繰り返し表示させているだけです。
下にその２枚の画像を示します。
◆ １枚目の画像
判りやすいように、背景に色を指定して表示しています。
つまり、この画像は真っ白の１枚の画像です
画像サイズは横幅３００ピクセル 高さ９４ピクセルです。
◆ ２枚目の画像
これが、２枚目の画像です。
１枚目と全く同じ横幅と高さのサイズのキャンバスにペイントで文字を書いただけのものです。
★まずは、こうやって同じサイズの画像をペイントを使って２枚作ればいいのです。
それを■ 超簡単!!動くアイコン・バナーを作う♪ の記事で
紹介している Giam というアニメGIF作成ソフトで、くっつけて１枚のアニメGIF画像として作成し、
記事に貼り付ければ良いわけです。
◆参考記事
★私の場合は、自分で借りているレンタルサーバーに画像を投稿して
そのアドレスを使って画像を表示していますが もちろん、そういうのがなくてもご自身のブログ記事に画像を投稿して その画像のＵＲＬ（アドレス）を取得して貼り付けても構いません。
ちなみに、この記事に貼り付けている
バリューコマースのバナー画像も、 これと同じような方法で作成されたアニメGIF画像です。
こちらの記事でポイントを詳しく解説していますので参考にして下さいね。
ブログ記事などへの貼り付け方法の解説記事もあります。
ゲストブックにご挨拶を頂いた方のブログで
素晴らしいGIFアニメ画像を作成されていました♪ ２５６色までしか使えないGIF画像でこんなに綺麗な画像が作成出来ます。
クルマエビ アニメ ←こちらの記事です。
これを見ちゃうと、私のバナーや名前アイコンなどおままごとですね（笑）
■ もうあなたは準備していますか？ インフルエンザ対策！！サージカルマスク ■
|
おやじさん、こんにちは＾＾
勉強になりました。
ありがとうございますm(_ _)m
トρﾞ(･･*) ぽちっとなっ♪
2009/10/18(日) 午後 2:27
私も勉強になりました！
ありがとうございます♪ポチ凸
2009/10/18(日) 午後 3:56
久しぶりに遊びにまいりました。
いつもおやじさんの技術は勉強になります。
ありがとうございました。
2009/10/18(日) 午後 4:18
皆様、コメントどうもです♪
ちなみに、うちに掲載しているブログバナーも
全く同じように作っています。
Ｇｉａｍを利用すれば、たとえば他のサイトの動くバナーを
そのソフトで開けば、どれくらいの画像（コマ数）を使って
動くように見せているのかが良く判るので勉強になりますよ。
2009/10/18(日) 午後 5:37
参考にさせていただきま〜す♪ぽち！
2009/10/18(日) 午後 6:22