• ベストアンサー

背景画像が全体に透けて見えるホームページの作り方

背景画像が全体に透けて見えるホームページの作り方を教えていただけませんか? 何枚かに切り分けて作成しているのかと思いましたが全くの勘違いだったようです。たとえば下記のテニスの公式サイトです。 http://www.atpworldtour.com/ どのようにすれば作成できるのか、ヒントでも構いませんので教えていただけませんか? ちなみに当方、dreamweaver,photoshop,illustratorのCS4を使用してホームページ作りをしようとしている者です。 よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#140045
noname#140045
回答No.3

透明・半透明の画像を作るには「png」でやるのが一般的です。 「png 半透明」などで検索すると出てきますが、photoshopでのやり方を説明していたURLを掲示しておきます。

参考URL:
http://chain.main.jp/cm/archives/2005/11/photoshop.html
riko421
質問者

お礼

pngとpsdの違いを理解していませんでした…。ご紹介いただきましたURL、さっそく参考にさせていただきます。ご回答ありがとうございました。

riko421
質問者

補足

pngで半透明のものを作るんですね!

その他の回答 (2)

noname#108428
noname#108428
回答No.2

私も#1の方と同じく、透けているとは認識できませんでした。 > どのようにすれば作成できるのか 基本的にWebページは、HTMLやCSS、Java Scriptを 希望の通りに記述し、必要な画像等を配置すれば作れます。 当該Webページのソースを確認されると良いでしょう。

riko421
質問者

お礼

ありがとうございました。

riko421
質問者

補足

ナビゲーションバーの上や横端に背景が透けています。説明不足で申し訳ありませんでした。

  • draft4
  • ベストアンサー率21% (1275/6017)
回答No.1

どこが透けてるんですか?

riko421
質問者

補足

ナビゲーションバーの上や横端に背景が透けています。説明不足で申し訳ありませんでした。

関連するQ&A

  • この様な背景画像を作りたい

    Photoshop ellements2.0とillustrator CS所持しています。 下記サイトの様な背景画像を作りたいと思うのですが、さっぱり上手くいきません。 どうすればよいでしょうか? (ソースから見ると該当サイトは2000×1200の1枚の大きな画像でした) http://www.yuiyuimakino.com/ http://www.yuiyuimakino.com/img/bg.png

  • ホームページのメニューボタンについて

    Dreamweaver CS3でホームページを作成しているのですが、ホームページのメニューボタンについて教えて下さい。 様々なサイトをみるとメニューボタンの作りが色々ありますが、下記の3つの方法それぞれのメリット、デメリットを教えて頂けないでしょうか?SEO対策にはどれがいいのかも教えて頂ければ幸いです。 1.ボタンにphotoshopなどで作成した画像を使用する。 2.ボタンの背景のみphotoshopなどで作成した画像を使用し、文字はHTMLで入力する。 3.文字をHTMLで入力し、CSSで背景の色などをデザインする。 宜しくお願いします。

  • 商用のホームページの画像を作成したいのですが、どれを使えば良いのでしょうか?

    僕は、Adobe Photoshop CS、Adobe Illustrator CS、Adobe Photoshop Elements、Macromedia FireworksMX2004、Macromedia FlashMX2004を持っています。(兄のお下がりですが) 商用(アフィリエイト)のホームページを作ろうと思い、ホームページ・ビルダーV9でサイトを構成し、ビルダーに付属しているウェブアニメーターで画像を作ってみたのですが、何かちゃっちい気がして・・・。 ビルダーからDreamweaverに乗り換えたんですが、ウェブアニメーターから何に乗り換えればいいのかわかりません。 Adobe Photoshop CS、Adobe Illustrator CS、Adobe Photoshop Elements、Macromedia FireworksMX2004、Macromedia FlashMX2004。この中のどれが最適かを教えて下さい。(Flashはサイトには挿入しないのでFlashMXは論外だと思っていましたが、グラフィックソフトの仲間なので一応書かせていただきました)

  • 画像の背景を消す

    photoshop csで画像の背景を消す作業をマジック消しゴムツールで行いました。 単色の背景でしたから、簡単に背景は透明になり、(グレーのチェック模様になりました)そのまま保存し、今度は保存した画像データをイラストレーターcsで開いたところ、透明にはなっていないようです。 他の画像の上に、この画像を重ねると、画像部分だけでなく、周辺部も重なったところは、下の画像が見えません。透明ではなく、背景は白色になっているように思えるのですが、透明にするにはどのようにしたらよろしいのでしょうか?

  •  画像の背景を透明にしたい。

     画像の背景を透明にしたい。  ホームページを「ホームページビルダー14」で作成中です。小さな有料イラスト(働く人)を購入してダウンロードしました。ところが人物以外の背景が4角の白地になっているため、色地の上に乗せると四角の白地の窓の中に人物がいる状態のままです。  この白地を透明にし、人物だけを色地の上に置く方法を教えてくだいさい。ソフトに付属の「ウェブアートデザイナー」でできますか?  このソフトの他に「illustrator8.0J」を持っていますが、あまり使ったことはありません。Photoshop は持っていません。よろしくお願いいたします。

  • 背景透明保持、ライブトレース

    photoshop cs5 で編集した画像(背景透明)をtiffで保存し、 illustrator cs5で背景透明を保持したまま開いて、(背景保持確認済み) その後ライブトレースをすると背景透明が無くなってしまいます。 そのまま背景透明を保持する方法ありますか? つまり photoshop cs5で背景透明画像 ↓ illustrator cs5で背景透明保持された画像をライブトレース ↓ そのデータを背景透明保持したままphotoshop cs5で再度開く という事がしたいのです。 どなたかわかるかたいらっしゃいましたらお願いします。

  • Illustratorで背景が透明のビットマップ画像を貼り付けるには

    Illustrator10とPhotoShop7を使っていますが、Photoshopで作成した背景が透明の画像を、Illustratorに貼り付けると、背景が白になってしまいます。オブジェクトとの透かした重なりが出来ません。 これはどのようにすればよいのでしょうか? GIF形式で保存したからコピペ、<ファイル>→<配置>をしても、同じに背景が白になってしまいます。 また、Wordのように貼り付けた画像の一部の色を透明にする方法はあるのでしょうか? よろしくお願いします。

  • テーブルに背景画像を入れたいのですが……

    CS5でホームページを作っていますが、CSSとかhtmlはまったくといっていいほど理解していません。 テーブルを挿入して組みあせているだけの初歩的な作り方なのですが、いろいろわからないことばかりです。 質問ですが、ページ全体への背景画像はできるのですが、テーブルに対する背景画像の設定は可能でしょうか。 下記のページのテーブル内の挿入画像をいくつか背景画像にして、その上にテキストを入れたいのです。 http://www.kajimaya.info/ http://ryukyugeino.jpn.com/ すみませんが、超初心者向きのご教示をいただければありがたいです。 どうかよろしくお願いします。

  • 画像の効果について 2

    当方、illustrator cs5, photoshop cs5を使用しています。画像で顔、背景にも使われているパターン(追記:レトロゲームのようなピクセルパターン)を作製するにはどうしたら良いのでしょうか?illustratorのスウオッチ、パターンに登録したようにも見えますが。どなたかご存知の方がいたら教えてください。よろしくお願いします。

  • Dreamweaver CS3で画像のボタンを押した時に画像を変えたい

    photoshopでボタン画像3つ作りDreamweaver CS3で配置し、挿入バーの一般にある『ロールオーバーイメージ』でボタンのロールオーバーはできたのですが、画像のボタンを押ている時だけ別の画像に変えるにはどうしたらよいでしょうか? Dreamweaver CS3でやる方法が知りたいです。 Flashでボタンを作る方法と背景画像にボタン画像を使用してCSSでやる方法は知っています。

専門家に質問してみよう