バナーの作り方と、はりかたを、教えて下さい。

初心者にもできるでしょうか?いいソフトがあれば、それもお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

こんにちは。


作成については、こんなサイト↓もありますが、いかがでしょ?
好きなデザインを選んでいくだけなので、簡単ですよ~~。

参考URL:http://www.makebanner.com/
    • good
    • 0
この回答へのお礼

有難うございます。とても簡単そうですね。やってみます。

お礼日時:2001/04/29 21:08

先に、貼り方のほうは詳しい説明がしてあるので、作り方としては…



◆お手軽に、windows付属のアクセサリ-ペイントでつくるならば、
1)[変形]で、[キャンバスの色とサイズ]を選択し、作りたいバナーのサイズを決める。
   ※バナ-には2種類の統一規格があり、88*31と200*40(単位はピクセル)
    となります。
    たいていの場合、小さいほうのサイズを使用することが多いと思います。
    これはリンクをはってもらう相手に対して、負担を少なくするためと
    考えて頂くとよいと思います。
2)小さくて編集しにくければ、[表示]の拡大率で設定を変えて拡大する。
3)出来あがったら、[ファイル]-[名前を付けて保存]でファイルの種類をgifまたはjpegに変更して保存。
    ※gifは表示色数が256なので、保存する時にいくつかの色が失われる       可能性があるというメッセージが出るかもしれません。

こんなところでしょうか?
もし、IBMのHPビルダーとかお持ちでしたら付属のWebアートデザイナーで、
photoshopなどの画像の加工ができるソフトをおもちでしたらそれでも、
また、フリーソフトなんかでも、結構いいのがあると思うので探してみるのもいいと思いますよ。

ちなみに、自分はphotoshop派なのですけれど。
    • good
    • 0

作り方…


画像の加工できるソフトがあれば、どんなものでもそれなりのバナーは作れます。
それこそ、Windowsアクセサリのペイントでも。
ononokomatiさんがどんなOSをお使いか、またどんなグラフィックソフトが入ってるかがわかれば、もう少しアドバイスできるかもしれません。
ともあれ、バナーを作るだけのためにソフトを購入するのは馬鹿馬鹿しいと思います。アリモノで何とかなりますよ。

貼り方は、普通の画像と同じように貼って、そこへのリンクを指定するだけです。
でも自分で作ったバナーというのは他の人に使ってもらうためのもので、自分でリンクする必要はないから、ただ貼るだけですね。
HTMLの記述としては、

<A HREF="リンク先のURL"><IMG width="バナーの幅" height="バナーの高さ" SRC="バナーのURL" BORDER="0" alt="リンク先のサイト名"></A>

でOKです。
リンクを張らないのならば、

<IMG width="バナーの幅" height="バナーの高さ" SRC="バナーのURL" alt="リンク先のサイト名">

だけでOKです。
これも、ホームページ作成ソフトをお使いなら、タグのことなど意識せずにできるとおもいます。
たいていは作った画像をドラッグして、リンク先を書き込むだけの操作だと思いますから。
    • good
    • 0
この回答へのお礼

早速に詳しいご教示有難うございます。
とても簡単そうですが、私には時間がかかりそうです。でも、やってみます。
できましたら、ご返事します。とりいそぎ。

お礼日時:2001/04/28 16:40

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

QPictBearSE 文字加工…ぼかしが黒くなる

またまたPict関係の質問ですみません。

文字の加工で、「ネオン文字」など「境界線のぼかし」機能を使うものがありますよね?あの機能でぼかして塗りつぶすと、何故か黒っぽくなってしまうんです。
個人的に調べると、どうやらPictBearのソフトに「RC5」「RC6」と種類があり、「RC6」だと黒くなるらしいので自分のソフトが「RC6」なのか調べてみたのですが…手順通り調べてもわからなかったので、とりあえず「RC5」のソフトをインストールし、また「ネオン文字」を作ったのですが…やはり黒くなってしまいます。

何か設定に原因があるのでしょうか?
わかる方が居ればぜひご回答よろしくお願いします。

Aベストアンサー

現在アーカイブ以外で入手できるPictBearSEはRC6の系統を引き継いだ
もので、同じトラブルを抱えたままです。
一応、以下のところにアーカイブとして残っているようですが。
(PictBearSEの[ダウンロード]のほうを選択してください)
http://web.archive.org/web/20071228082232/http://sleipnir.pos.to/index.html

一応私が回答をした過去ログで、現バージョンでの対処方法を説明して
いますので、ダウンロードできなくなった場合には参考にしてください。
http://oshiete1.goo.ne.jp/qa4975015.html

Qイラストレーターでのバナー作り

イラストレーターでバナー(88×31)を作ろうかと思うのですが、イラストレータで小さな文字を作り、jepg形式で保存するととても文字が汚く見えます。

イラストレータで小さな文字等を作りjepg形式などで
保存するとなぜくっきりと綺麗に見えないのでしょうか?
他のバナーなどを見ると小さな文字でもはっきり綺麗に見えます。
ただ文字を書いているだけなのに理由がよくわかりません。どなたか詳しい方いましたらアドバイスいただけませんか?

Aベストアンサー

バナーは大抵のものはJPEGよりGIFの方が向いてると思います。
JPEGはにじんだ感じになりますので、小さいものには不向きでしょう。
GIFですと使える色数が限定されますが、
色数をおさえて容量を軽くしたり、背景色を透過できるのでバナーやアイコンに便利です。

あとは、フォントによる点もあると思います。
通常アンチエイリアスという処理がかかり、文字のまわりがぼかされて滑らかな文字に見えます。
小さなものですとこのぼかしのために文字がみづらくなるのです。

イラストレーターでアンチエイリアスをかけない処理ができるのかはちょっとわかりかねますが
(フォトショップでは確かできたのですが)
フォントの中にはわざとギザギザさせた、
ドット打ちのような文字がありますので(ファミコンに出てくる文字のような)、
そういうものを使う手もあると思います。

QPhoto Editorではぼかし加工は出来ないのですか?

写真の周りにぼかし加工をしたいのですが
Photo Editorで出来ますか?
詳しい方、教えて下さい。
宜しくお願い致します。

Aベストアンサー

こんにちは。
ぼかしはできますよ。
「ぼかしブラシ」は使ってみましたか?
詳しくは「Microsoft Photo Editor」の「ヘルプ」を参照すれば出てくると思います。
ツールボックスの水滴みたいなマークがぼかしブラシですよ。
またはツールバーから選べばもっとわかりやすいかも。

Qバナーの作り方

こんばんわ。
バナー作りに挑戦してみたいのですが、どうやって作ったらよいか悩んでます。
作りたいバナーは、よくサーチエンジンの上部にはってあるバナーのように、動きがあるもの(いろいろと変わる)
を作ってみたいのです。
バナー作りには、規定などあるのでしょうか?
例えば、大きさとか・・・。
HTMLを使ってHPのコーディング、画像加工などは出来るのですが・・・。
ちなみに使っているソフトは、フォトショップ、イラストレータ、メモ帳くらいでしょうか・・
最近はファイアーワークスとドリームウェイバーにも挑戦
しているのですが、なかなか使い方が把握できなくって。
どなたか親切な方、アドバイス宜しくお願い致します。

Aベストアンサー

まず、バナーサイズについてですが、広告掲載してもらうサイトに指定されることが多いようです。
Yahoo!さんのサイトでしたら、サイト内に書いてあります。参考URLに書いておきますので、是非ご覧になって下さい。結構これが一般的なサイズなのではないでしょうか?
アニメーションなどについても、「何秒以内で停止すること」などという規定があるようです。

作り方ですが、Adobe社のPhotoshp5.5でしたらImageReadyというソフトはありますでしょうか?(バージョンが古いとついていないようです?)
アニメーションGIFはそちらのソフトで作れるようです。

でも、Fireworksを持っていらっしゃるのでしたら、そちらで作られた方が良いかもしれませんね。
結構簡単に作れますので、Fireworksでの作り方をざっとおおまかに下に書きますね。

アニメーションGIFは下でも回答されているように、パラパラ漫画みたいなものなので、画像が複数枚必要になります。
しかし、ファイルを何個も作成するのではなく、同じファイル内で、何枚もの画像を用意します。
一枚画像を用意したら、[ウィンドウ]→[フレーム]で「フレーム」とかかれた小さなウィンドウを表示させ、フレームを必要枚数だけ増やして(もしくはコピーして)編集してゆきます。
フレームを順番にクリックするとパラパラ漫画みたいに動くと思いますが、このままではアニメーションとして保存されませんので、[ファイル]→[書き出しのプレビュー]を選択して、そのウィンドウの左上に「オプション」というタブのところの「ファイル形式」を、「アニメーションGIF」にして下さい。
そのまま「書き出し」というボタンを押せばアニメーションGIFとして保存できます。
アニメーションのスピードを変えたりなどなど、色々設定がありますので、まずはいろいろな所をいじって研究してみて下さい。

また、ヘルプも参考になりますし、Fireworksのメーリングリストなどもありますので、そういったものを参考にされて、勉強されるのも良いかと思います。
頑張って下さい。

参考URL:http://www.yahoo.co.jp/docs/advertising/banner/index.html

まず、バナーサイズについてですが、広告掲載してもらうサイトに指定されることが多いようです。
Yahoo!さんのサイトでしたら、サイト内に書いてあります。参考URLに書いておきますので、是非ご覧になって下さい。結構これが一般的なサイズなのではないでしょうか?
アニメーションなどについても、「何秒以内で停止すること」などという規定があるようです。

作り方ですが、Adobe社のPhotoshp5.5でしたらImageReadyというソフトはありますでしょうか?(バージョンが古いとついていないようです?)
アニメ...続きを読む

Q画像の加工(ぼかし)

画像サイズ162x162 解像度不明 の画像がありましてこれをCDジャケット大まで拡大して使いたいのですが、やはり低画質なため無理があります。
そこで、ソフトで使ってぼかしてなんとかしようと思ってるのですが、使い易いフリーソフトなどあったらご教授ください。(あまり画像加工に詳しくないので説明すら間違っているかも知れません。すみません。)
ブラシツールなどでぼかすより一発でぼかしてくれるようなソフトなんてないんでしょうか?

Aベストアンサー

> ご紹介していただいたソフトは加工後もJPEGで保存できるのでしょうか?

BitmapResizerの対応形式は、読み込みが、BMP、JPG、GIFで、保存は、BMP のみです。
従って、JPEGでは保存できません。

> 加工後取り込むソフトがJPEG、ビットマップしか対応しておらず

できるだけ、BMP(ビットマップ)のままで印刷まで行って下さい。
拡大した後にまた、JPEGに圧縮すると、その時に画質が低下します。ただ、画像の内容によりますが
写真データの場合は、JPEGであまり圧縮せず(画質を良く)保存すればほとんどわかりません。
また、今回のように、かなり拡大した物だと元々画質は良くありませんので、JPEGに保存しても
全く見分けが付かないかも知れません。

もしその気がおありなら、GIMP2 というフリーソフトは、拡大時のピクセル補完性能も高く
色々な形式に対応しています。しかし機能が多いために使い方が解るまで時間がかかるかも知れません。
http://www.vector.co.jp/soft/win95/art/se352400.html

試しに、BitmapResizerとGIMP2で、162x162のイラストデータを10倍に拡大して見ましたが、両ソフトの
結果に全く差がありませんでした。

また、PhotoEditorでも同じように試してみましたが、[サイズ変更]で[なめらかにする]にチェックを
入れて拡大すると、これも差のない結果となりました。元画像の内容で変わるかも知れませんが、
PhotoEditorはJPEG保存もできるし、操作も簡単で言う事なしではないですか!(がっくり)

> ご紹介していただいたソフトは加工後もJPEGで保存できるのでしょうか?

BitmapResizerの対応形式は、読み込みが、BMP、JPG、GIFで、保存は、BMP のみです。
従って、JPEGでは保存できません。

> 加工後取り込むソフトがJPEG、ビットマップしか対応しておらず

できるだけ、BMP(ビットマップ)のままで印刷まで行って下さい。
拡大した後にまた、JPEGに圧縮すると、その時に画質が低下します。ただ、画像の内容によりますが
写真データの場合は、JPEGであまり圧縮せず(画質を良く)保存すればほとん...続きを読む

Qバナーの作り方

お世話になります。
http://gms.globis.co.jp/class/bup.html
の上部の、「ビジネス・プレゼンテーション」という部分の画像の作り方がわかりません。
グラデーションで透明から不透明?境目はぼかし?
分かりません・・・

illustoratorCS2とphotoshopCS2を所有しています。
教えてください、お願いします。

Aベストアンサー

Photoshopの場合のひとつの方法を。
平アミのレイヤーと写真のレイヤーを作り、上のレイヤーの不要な部分を選択して削除すればその部分だけ下のレイヤーが見えるようになります。
削除する前に選択範囲をぼかしておけばご希望のものができます。
平アミと写真はどちらが上でもOKです。

QPictbearのぼかしが黒くなります!

Pictbearで新規レイヤーに文字を書き、ぼかし強(または弱)をすると
文字の周りが黒くなってしまいます。
いろいろ試したところ、背景が透明の場合のみ黒くなるようです。

ぼかしガウスや、境界線のぼかしは問題ありませんでした。

背景が透明のときでも、ぼかし強をきれいにすることはできますか?
Pictbearの不具合でしょうか?
回答お願いします。


*検索タグ*
Pictbear ぼかし 画像 加工 ソフト 処理 

Aベストアンサー

こちら↓の過去ログでの私が示した方法で対応する。
http://oshiete.goo.ne.jp/qa/4975015.html
それか、別の方法を示しているこちら↓を参考にするとか。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1442063799
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1045166690

Q凝ったバナーの作り方

素材屋などでよく凝ったバナーが作られているのですがどのように作っているのでしょうが。
ソフトはペイントショップ・フォトショップ、ウェーブアートデザイナーを持っています。
よろしくお願いします

Aベストアンサー

それだけそろっていれば何でも作れると思いますよ。
Googleなどで 「ホームページ 素材の作り方」で検索するといろいろ解説しているページを見つけられると思います。

参考URL:http://www.google.com/search?hl=ja&ie=UTF-8&oe=utf-8&c2coff=1&q=%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8+%

Q人物の顔に白くぼかしを入れてモザイクをかけるようにしたいのですが、Photoshop以外のPCで使え

人物の顔に白くぼかしを入れてモザイクをかけるようにしたいのですが、Photoshop以外のPCで使えるアプリ(お安いものか無料)はありますか?

白ぼかしでモザイクかける加工のみ使えればいいのですが。

また、Photoshopの月額980円のものでも白ぼかしでモザイクをかけることは出来ますでしょうか?

検索してみたものの、モザイクだと、普通のモザイクのものばかりで、白ぼかしでモザイク出来るものが見つかりませんでした…

わかる方教えてくださいm(_ _)m

よろしくお願いいたします!

Aベストアンサー

ええと。
No.3で示されているものは、Photoshop CS2のユーザーである必要があります。
それ以外の人が使用することは窃盗に等しい行為です。
CS2の認証サーバーが停止することから設けられたCS2ユーザーのための物です。
間違えないようにしましょう。
Adobe社から多額の請求が来ることを覚悟できるのであれば利用しても良いかもしれないが、自分は絶対に薦めない。
(CS2の使い方が分からないと今頃質問する人はお察し…なわけです)

>Photoshopの月額980円のものでも白ぼかしでモザイクをかけることは出来ますでしょうか?
十分可能です。

・透明度をいくらか設定したレイヤにぼかす範囲を設定し、そこを白で塗りつぶし。
・範囲だけを適用して下地になる画像をぼかし。
・二つのレイヤを重ねて表示。
多少の調整は必要でしょうが、レイヤの透明度を設定できるグラフィックソフトであれば何を使っても作成できます。

Qphotoshopでのweb用バナー・ボタンの作り方手順方法

今までホームページビルダーでHPを作成しておりましたがこのたびdreamweaverでHPを作り直しております。
あわせてウェブアートデザイナーにてWEB用バナー・画像を作ってきましたが
このたびphotoshop csを購入して本やネットを参考にバナーやボタンを作ろうとしているのですがウェブアートデザイナーで作り慣れているせいもある事と本は画像処理の事ばかりで・・・困り果てております。

ウェブアートデザイナーの場合、1つのキャンバスに複数のボタンやバナーや部品を作り置き保存の際に必要とする図形を選択してgifなどとして保存します。

しかしphotoshopの場合は・・・

●新規キャンバスを開く際に作りたい画像サイズを指定し開いて作るのでしょうか?

●1つのキャンバスに複数の画像を作り任意の保存したい画像(指定のサイズで)WEB用に保存できるのでしょうか?
*キャンバスのサイズより小さく作ったものはキャンバス大きさで保存されてしまいました。

●88×31pxのバナー(縁あり)の大まかで結構ですので製作手順(キャンバス設定~WEB用保存まで)お教え頂ければ幸いです。

photoshopを使いこなしている方にはとんちんかんな質問と承知しておりますがどうぞよろしくお願い致します。

今までホームページビルダーでHPを作成しておりましたがこのたびdreamweaverでHPを作り直しております。
あわせてウェブアートデザイナーにてWEB用バナー・画像を作ってきましたが
このたびphotoshop csを購入して本やネットを参考にバナーやボタンを作ろうとしているのですがウェブアートデザイナーで作り慣れているせいもある事と本は画像処理の事ばかりで・・・困り果てております。

ウェブアートデザイナーの場合、1つのキャンバスに複数のボタンやバナーや部品を作り置き保存の際に必要とする図形を...続きを読む

Aベストアンサー

こんにちは。
ウェブアートデザイナーは分かりませんがPhotoshopCSを使っています。

●新規キャンバスを開く際に作りたい画像サイズを指定~
新規ファイル作成のときに大きさを指定しますが、
編集途中でも「イメージ」→「カンバスサイズ」から変更できます。

●1つのキャンバスに複数の画像を作り任意の保存した~
No.1の方は「新規書類に貼り付ける必要がありますが」と
回答なさっていますが新規ファイルを作らなくても
スライスツールを使えば指定のサイズでweb用に保存できますよ。
ツールボックスの右列上から3番目がスライスツールです。
ドラッグして範囲を選択するか、
「スタイル:固定」を選んで88*31に指定して範囲を選択して下さい。
「web用に保存」を選んだら、「スライス選択ツール(上から2番目)」で
保存したい部分を選び設定を直します。
「保存」をクリックして名前をつけて保存するのですが、
このとき「ファイルの種類」は「画像のみ」、
「スライス」は「選択したスライス」を選んで下さい。
そうでないと余計なファイルまで保存されてしまいます。

*キャンバスのサイズより小さく作ったものはキャンバ~
この意味はよく分かりませんでした…すみません。

●88×31pxのバナー(縁あり)の大まかで結構ですので~
これは、どういうバナーを作りたいかで答えも変わってくると思うのですが…
縁といっても、ただの線でいいのか、立体的なフレームっぽいのがいいかとか…。

実際にやってみてまた分からない部分など出てきましたら
再度回答させて頂きますので、そのときは補足して下さい。
HP制作がんばって下さい。

こんにちは。
ウェブアートデザイナーは分かりませんがPhotoshopCSを使っています。

●新規キャンバスを開く際に作りたい画像サイズを指定~
新規ファイル作成のときに大きさを指定しますが、
編集途中でも「イメージ」→「カンバスサイズ」から変更できます。

●1つのキャンバスに複数の画像を作り任意の保存した~
No.1の方は「新規書類に貼り付ける必要がありますが」と
回答なさっていますが新規ファイルを作らなくても
スライスツールを使えば指定のサイズでweb用に保存できますよ。
ツールボック...続きを読む


人気Q&Aランキング

おすすめ情報