• ベストアンサー

Photoshop背景とレイヤーの合成方法

まずはじめに画像を参照していただきたいのですが こちらのBackground(背景)が反映されません。 もし背景が反映されているのならば 外円部がもっと色味が濃くなっているのですが、なぜですか? ビギナーなので簡単に説明していただけると幸いです。

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

  • ベストアンサー
  • mac1963
  • ベストアンサー率27% (841/3023)
回答No.1

細かい所がわからないから補足してね レイヤーに透明部分が有るか不透明度又は塗りで100%意外にしていない場合そのレイヤーより下に有る物は見えません 背景の目玉をクリックして非表示にして何も変わらないのであればレイヤー自体に透明部分が無いという事になります 白い紙を置いて何か書いても下の物は見えないけど透明なフィルム置いて書いた場合透明な部分は見えるでしょ それと同じ 背景以外のレイヤーをどのように制作したのかわからないとこれ以上答えるのは無理ですね

Paradox19
質問者

お礼

大変遅れて申し訳ございません。 お陰様で解決致しました。根本的な理論から勉強したいと思います。 ありがとうございました。

関連するQ&A

  • アメブロの背景

    アメブロの背景 を好きな画像に変えたいんですが いろんなCSS編集のやり方のサイトを見たんですが、 body {background-image:url(画像のURL);background-repeat: repeat-y;background-position: center top;background-color: #FFFFF3;} ↑のやつに画像のURLをはっても ブログに反映されません・・・。 画像の大きさを変えてもできませんでした。 ちなみに画像を繰り返しにしたいです。 やり方を知っている方、教えて下さい!! お願いします><

  • 背景画像を反転させる方法

    背景画像を反転させる方法 いつもお世話になっています。 今、趣味のサイトの再構築に伴い、ネットや本を見ながらHTMLとCSSについて勉強中です。 そこでcssの記述について教えて頂きたいのです。 背景の画像を右下に固定する場合、cssの記述は、 body{ background-image:url("×××.gif"); background-repeat:no-repeat; background-attachment:fixed; background-position:right bottom; } としますよね? 後、cssで画像を左右反転させる場合は、classでfilter: fliph()を使えばいいとわかりました。 ではこの反転させた画像を背景に使いたい場合、どうすればいいのでしょう? そもそもそのようなことが可能なのでしょうか? もし可能でしたら具体的にどのような記述をすればいいのか教えて頂きたいのです。 それとfilterはIE独特の要素と聞いていますが、filter: fliphもそうなのでしょうか? しかしながらfilter: alphaに関しては filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; と記述すればFirefoxなどでも透明効果が出るようです。 filter: fliphもIE独特の要素ならばfilter: alphaのように他のブラウザでも対応させる方法があるのでしょうか? 長々と書いてしまいましたが、知りたいことを要約すると 1.cssで画像を反転させ、それを背景画像に使うことは可能か否か   可能ならばどう記述すればよいのか 2.filter: fliphで画像を反転させた場合、IE以外でのブラウザで反映されるか否か   また反映されないのなら、対応させる方法はあるのかどうか と言うことです。 1と2、分かる方だけでも結構ですのでよろしくお願いします。

    • ベストアンサー
    • HTML
  • 背景に複数の画像を入れることは可能でしょうか

    HTML、CSSの初心者の者です。 下記のように、CSSで背景に画像back1.gifを右上に入れているのですが、画面の右下にもう一つの画像back2.gifを入れることは可能でしょうか? もし可能なら、方法を教えて下さい。 初心者向けに易しくご説明頂けると幸いです。 body { background-color:yellow; background-image:url(image/back1.gif); background-attachment:fixed; background-repeat:no-repeat; background-position:right top; }

    • ベストアンサー
    • HTML
  • 背景画像の指定方法

    少し調べたのですが、さっぱり原因が分からない為質問させていただきます。 外部CSSで背景画像を指定しているのですが、WinXP IE7で作製した所うまくいったのですが、別のマシン(WinXP IE6)で見ると表示の仕方が変わってきます。 参考ソース▼ 【外部CSS】----- .bg { width:300px; background-image:url(bg.png); background-repeat:no-repeat; background-attachment:fixed; background-position: bottom;} 【HTML】----- <div class="bg">長い本文</div> IE7だと、開いているウィンドウサイズに合わせて、見ている画面範囲の下部に背景画像が来るのですが、IE6の方だと、長い本文をスクロールしていった最後に、背景画像が表示される状態です。 分かりにくい説明かもしれませんが、アドバイスよろしくお願い致します。

  • Twitterのデザイン変更で背景が変えられない

    TwitterのPC画面で,背景の変更ができますが,日にちを変えて何度やっても「There was a problem uploading your background image: no image data found」というエラーになります。以前はすんなり変更できていたのですが原因は何でしょうか。サイズも規定の2M以下ですし,JPGの普通の画像です。 気になるのは「背景の画像変更」をクリックし,フォルダ内の画像は選択できますが,すぐ左の「背景画像」のところにその画像が反映されず,グレーになったままです。Twitterのテンプレートの背景を選択するときはそこに,選択した背景が反映されます。

  • 背景画像の繰り返しについて

    背景画像の繰り返しについて ホームページの背景画像を「repeat-x」を使用して 背景画像を繰り返しさせいるのですが、 画像と画像のつなぎ目が、うっすら見えてしまい(ボダーみたいな線) あきらかに画像を繰り返ししているのがわかります・・・ どうしても、格好悪い背景になってしまいます。 どうしたら、画像の繰り返しがうまくいくのでしょうか? 画像と画像がつながっている部分がわからないようにするには どうすればいいですか? body { background: url(images/back04.JPG); background-repeat: repeat-x; background-position: top left; margin: 0;     }

    • ベストアンサー
    • HTML
  • htmlタグで背景に画像を敷き詰めたい!

    お世話になります。先日、htmlタグで背景に画像を敷き詰める方法について投稿させていただきアドバイスをいただきましたがいざ実行しましたところ、背景表示されず全くの空白の状態でした。 わたくしのやり方が間違っているのか?と思いますので再度投稿させていただきました。 ”背景に同じ画像を1つではなくたくさん敷き詰める方法”です。 どなたかアドバイスをお願いいたします。 ※ちなみに前回いただきましたアドバイスは <body background="back1.gif"> を<HEAD>から</head>の間に宣言してください。 back1.gifの部分にあなたが使いたい画像を指定すればokです。 といただきましたが何も反映されません(-_-;) アドバイス・・お願いいたします。

    • ベストアンサー
    • HTML
  • DreamweaverCS4で表の背景画像

    DreamweaverCS4を使用しています。 以前は、Dreamweaver8を使用していました。 8では、表の背景に画像を表示するときに、プロパティーに 「表の背景」のところにイメージを表示できるようにフォルダ参照ボタンがあったのですが、CS4には背景にはカラー設定しかありません。 なぜでしょうか?直接HTMLのコードに下記のように書き込まなければいけなくなってしまったのでしょうか? background="画像.gif" それとも、何か設定があるのでしょうか? どなたかわかる方よろしくお願いします。

    • ベストアンサー
    • HTML
  • 背景画像の上に透過GIF背景をのせる方法

    はじめまして。 メモ帳にHTMLタグ打ち込みでWEBページを作ってるのですが、 bodyで背景画像を指定し、その上に透過GIFをおき、さらにその上にテキストを表示させるにはどうしたらよいのでしょうか。 具体的には、「テキストを表示させるブロック(tableやdiv)の部分」を半透明の透過GIFをフィルターみたいにかぶせて、その上に書くテキストを見やすくさせたい、という動機です。 divのなかのstyle、またはtableでbackgroundを定義しても、もとのbodyの背景が反映されなくなってしまうのですよね。 一応、自分で考えた策としては ・ブロックの背景そのものを、ある程度薄い色に変えた画像を用意してそれをtableの背景にする というものがあるのですが、これはやはりつなぎ目の部分でズレてしまって見栄えがあまりよくないのです。 かなり細かいところにこだわりすぎな感じもするんですが、 ぜひとも叶えたいのでどなたか方法をご存知でしたら教えていただきたいと思います。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 背景画像がテーブルに透けてしまう

    <body background="画像のURL"> <STYLE TYPE="text/css"> <!-- BODY { background-color: white} --> </STYLE> <Table Border="1" Width="サイズ"> <Tr> <Td ColSpan="サイズ" Align="位置">~ という感じでページを作っているのですが、 背景の画像が透けてテーブルの中の文字が見え難く 困っています。 テーブルの中は「white」で白に指定している つもりなのですが、白になりません。。 このタグでテーブルの中を背景が反映されず真っ 白にする方法ってあるのでしょうか? 調べてみたのですがどうも分からないので教えて下さい。

専門家に質問してみよう