こんばんわ。
バナー作りに挑戦してみたいのですが、どうやって作ったらよいか悩んでます。
作りたいバナーは、よくサーチエンジンの上部にはってあるバナーのように、動きがあるもの(いろいろと変わる)
を作ってみたいのです。
バナー作りには、規定などあるのでしょうか?
例えば、大きさとか・・・。
HTMLを使ってHPのコーディング、画像加工などは出来るのですが・・・。
ちなみに使っているソフトは、フォトショップ、イラストレータ、メモ帳くらいでしょうか・・
最近はファイアーワークスとドリームウェイバーにも挑戦
しているのですが、なかなか使い方が把握できなくって。
どなたか親切な方、アドバイス宜しくお願い致します。
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 …
No.2
- 回答日時:
動きのあるGIF、つまりアニメGIFですが。
動的でインパクトがあり、面白い……という反面、
枚数を使いすぎると重くなる(原理は「パラパラまんが」
なので、枚数を増やせば、それなりに複雑なものを
作れますが、重くなるわけです)とか、GIFのライセンス
問題などがひっかかってきます。
ライセンス問題は、「GIFで圧縮保存する技術」を使用
することに対してですので、たとえばライセンス問題を
クリアしていないソフトでGIF(アニメGIFも含む)
ファイルを制作しサイトで使用した段階で、使用者にも
かかわってきます。
サイズの問題ですが、これは必ずそろえなければいけない
サイズがあるわけではありません。
ただ、検索や登録系のサイトでバナー表示させるときは
200×40(ピクセル)がほとんどです。
ふつうに自分のサイトのバナーとして制作するなら、その
サイズが便利でしょう。
あと、ミニサイズは88×31がありますね。
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 …
ご丁寧に、教えていただけてとてもありがたく思って
おります。
なんとか頑張ってこつこつと、失敗しながらでもやってみます。
有難うございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- その他(プログラミング・Web制作) ホームページビルダー16で画像を保存したら画像がトップページ上に沢山出てきてしまいます 1 2022/12/06 14:50
- HTML・CSS WEBサイト 画像の直接リンクについて 1 2022/11/16 10:41
- gooブログ アップロードした画像の「画像HTMLタグ」の見方がわからない 1 2023/04/21 16:38
- インターネット広告・アフィリエイト gooからのおしらせで、バナーを作りましたが、どこに送ったらいいのか解りません。 1 2022/08/18 14:23
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- その他(AV機器・カメラ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 2 2023/06/07 21:30
- 企画・マーケティング 意味不明?な「検索広告」の意図について(素朴な疑問です) 2 2022/10/20 10:41
- Web・クリエイティブ 30歳に差し掛かる時、デザイナーになれますか? 8 2022/05/14 19:16
- WordPress(ワードプレス) ワードプレス Twenty Eleven 3 2022/07/09 20:33
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
exeファイルの中身を見ることは...
-
jlbという拡張子のファイルを開...
-
windowsでpkgファイルを開きた...
-
拡張子 .lhdはどのようなソフト...
-
ISOファイルとMDSファイ...
-
動画ファイルにパスワードをつ...
-
inddという拡張子ファイルを開...
-
txtファイルから特定の文字列が...
-
mdsファイルを開くにはどうすれ...
-
拡張子 「LPD」って なにで編...
-
BOX(ファイル共有)でエクセル...
-
大量のPDFファイル 名前変更フ...
-
指定したファイルのアクセス数...
-
拡張子より前の部分が同じファ...
-
リンク先のファイルを一括ダウ...
-
FileVisorは今でも使えますか?
-
.atc の拡張子のファイルを開け...
-
暗号化(アタッシュケース)し...
-
携快電話のメールファイル(*.ml...
-
相手先の方がPDFを開けません
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
exeファイルの中身を見ることは...
-
jlbという拡張子のファイルを開...
-
拡張子 .lhdはどのようなソフト...
-
windowsでpkgファイルを開きた...
-
winMXとwinnyの違い
-
ファイル検索ソフトEverything ...
-
txtファイルから特定の文字列が...
-
相手先の方がPDFを開けません
-
BOX(ファイル共有)でエクセル...
-
FileVisorは今でも使えますか?
-
拡張子 「LPD」って なにで編...
-
mdsファイルを開くにはどうすれ...
-
Win10でショートカットファイル...
-
Docuworksで文書の一括回転操作...
-
inddという拡張子ファイルを開...
-
リンク先のファイルを一括ダウ...
-
拡張子がpxd開きたい
-
動画ファイルにパスワードをつ...
-
拡張子より前の部分が同じファ...
-
ISOファイルとMDSファイ...
おすすめ情報