こんばんわ。
バナー作りに挑戦してみたいのですが、どうやって作ったらよいか悩んでます。
作りたいバナーは、よくサーチエンジンの上部にはってあるバナーのように、動きがあるもの(いろいろと変わる)
を作ってみたいのです。
バナー作りには、規定などあるのでしょうか?
例えば、大きさとか・・・。
HTMLを使ってHPのコーディング、画像加工などは出来るのですが・・・。
ちなみに使っているソフトは、フォトショップ、イラストレータ、メモ帳くらいでしょうか・・
最近はファイアーワークスとドリームウェイバーにも挑戦
しているのですが、なかなか使い方が把握できなくって。
どなたか親切な方、アドバイス宜しくお願い致します。
No.3ベストアンサー
- 回答日時:
まず、バナーサイズについてですが、広告掲載してもらうサイトに指定されることが多いようです。
Yahoo!さんのサイトでしたら、サイト内に書いてあります。参考URLに書いておきますので、是非ご覧になって下さい。結構これが一般的なサイズなのではないでしょうか?
アニメーションなどについても、「何秒以内で停止すること」などという規定があるようです。
作り方ですが、Adobe社のPhotoshp5.5でしたらImageReadyというソフトはありますでしょうか?(バージョンが古いとついていないようです?)
アニメーションGIFはそちらのソフトで作れるようです。
でも、Fireworksを持っていらっしゃるのでしたら、そちらで作られた方が良いかもしれませんね。
結構簡単に作れますので、Fireworksでの作り方をざっとおおまかに下に書きますね。
アニメーションGIFは下でも回答されているように、パラパラ漫画みたいなものなので、画像が複数枚必要になります。
しかし、ファイルを何個も作成するのではなく、同じファイル内で、何枚もの画像を用意します。
一枚画像を用意したら、[ウィンドウ]→[フレーム]で「フレーム」とかかれた小さなウィンドウを表示させ、フレームを必要枚数だけ増やして(もしくはコピーして)編集してゆきます。
フレームを順番にクリックするとパラパラ漫画みたいに動くと思いますが、このままではアニメーションとして保存されませんので、[ファイル]→[書き出しのプレビュー]を選択して、そのウィンドウの左上に「オプション」というタブのところの「ファイル形式」を、「アニメーションGIF」にして下さい。
そのまま「書き出し」というボタンを押せばアニメーションGIFとして保存できます。
アニメーションのスピードを変えたりなどなど、色々設定がありますので、まずはいろいろな所をいじって研究してみて下さい。
また、ヘルプも参考になりますし、Fireworksのメーリングリストなどもありますので、そういったものを参考にされて、勉強されるのも良いかと思います。
頑張って下さい。
参考URL:http://www.yahoo.co.jp/docs/advertising/banner/i …
ご丁寧に、教えていただけてとてもありがたく思って
おります。
なんとか頑張ってこつこつと、失敗しながらでもやってみます。
有難うございました。
No.2
- 回答日時:
動きのあるGIF、つまりアニメGIFですが。
動的でインパクトがあり、面白い……という反面、
枚数を使いすぎると重くなる(原理は「パラパラまんが」
なので、枚数を増やせば、それなりに複雑なものを
作れますが、重くなるわけです)とか、GIFのライセンス
問題などがひっかかってきます。
ライセンス問題は、「GIFで圧縮保存する技術」を使用
することに対してですので、たとえばライセンス問題を
クリアしていないソフトでGIF(アニメGIFも含む)
ファイルを制作しサイトで使用した段階で、使用者にも
かかわってきます。
サイズの問題ですが、これは必ずそろえなければいけない
サイズがあるわけではありません。
ただ、検索や登録系のサイトでバナー表示させるときは
200×40(ピクセル)がほとんどです。
ふつうに自分のサイトのバナーとして制作するなら、その
サイズが便利でしょう。
あと、ミニサイズは88×31がありますね。
No.1
- 回答日時:
webページで良く見かける動きのあるバナーはGIFファイルで作られている場合が多いようです.
>バナー作りには、規定などあるのでしょうか?
>例えば、大きさとか・・・。
特にありません.小さいと良く見えないし,大きいとロードに時間がかかったり,ページのバランスが取れなかったりしますので,そのページのバランスということになります.400×70ピクセルくらいが多いのかな・・・
アニメーションGIFの作り方は参考URLなどに出ていますので参考にしてください.
作り方はパラパラマンガのように絵を何枚か用意して,アニメーションGIF作成ソフトに順番に貼りつけていきます(ここで,その絵をどのくらいの時間ずつ表示するかを指定します).元となる絵はGIF形式で保存しておきます.
#この時にGIFの色パレットを全ての絵について合わせておくとうまくいきます.
注意点としては,動きを細かくするとスムーズに動きますがファイルが大きくなり,ロードに時間がかかります(webではこれは致命的).
また,全体がチャカチャカ変わるようなアニメーションは派手でいい(?)のですが,見ててうっとおしいし,全体のページの雰囲気が変わります.
#それを狙っててという手法もありますが・・・ :-)
ちなみに私が使っている作成ソフト(Mac)は,
Photoshop,Illustrator... 素材作成用
Object Dancer... アニメーションGIF作成ソフト
他に,編集済みのGIFファイルを貼り合わせる(?)もので
GifBuilder(たしかフリーウェアだったような)
ちょっと反則ワザですが,一部のビデオ編集ソフトでは,出力ファイルにAVIやQuickTime以外にアニメーションGIFを指定できるものもあるそうです.
参考URL:http://www.ed.gifu-u.ac.jp/~network/1999/Win_Ani …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
exeファイルの中身を見ることは...
-
windowsでpkgファイルを開きた...
-
拡張子 .lhdはどのようなソフト...
-
mdsファイルを開くにはどうすれ...
-
albという拡張子のファイルにつ...
-
ゲームからCGを抽出
-
jlbという拡張子のファイルを開...
-
「AcSignCore16.dll」というフ...
-
二つの.wavを同時再生するよう...
-
拡張子 「LPD」って なにで編...
-
IOOファイルを ISOファイルに...
-
ビューワー(ファイル閲覧ソフ...
-
BOX(ファイル共有)でエクセル...
-
SEQファイルの開き方
-
lhdは何の拡張子でしょ?
-
動画編集のエンコードを別PCで...
-
ファイル検索ソフトEverything ...
-
拡張子arcを開く
-
拡張子.hocのファイルを見る方法
-
マウント?拡張子がbinとcueの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
exeファイルの中身を見ることは...
-
jlbという拡張子のファイルを開...
-
windowsでpkgファイルを開きた...
-
拡張子 .lhdはどのようなソフト...
-
BOX(ファイル共有)でエクセル...
-
mdsファイルを開くにはどうすれ...
-
txtファイルから特定の文字列が...
-
inddという拡張子ファイルを開...
-
相手先の方がPDFを開けません
-
ファイル検索ソフトEverything ...
-
FileVisorは今でも使えますか?
-
Docuworksで文書の一括回転操作...
-
拡張子 「LPD」って なにで編...
-
Win10でショートカットファイル...
-
動画ファイルにパスワードをつ...
-
拡張子arcを開く
-
拡張子がpxd開きたい
-
リンク先のファイルを一括ダウ...
-
拡張子.hocのファイルを見る方法
-
ISOファイルとMDSファイ...
おすすめ情報