• 締切済み
  • すぐに回答を!

Webデザインのスライスについて。

Webデザイン初心者のものです。 自分が知っているWebデザインの知識は、 1、レイヤーは重ねていく。 2、スライスとは画像を切り分けることだ。 レイヤーの上に取り込んだ画像をスライスをすると、背景はなくなるのですか? レイヤー=背景? スライスした画像は、これまで重なってきたレイヤーの情報が表面画像の下にあるのですか? であれば、Web画像保存時に「透明部分」を選択すると、透明になってしまうのですか?

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数123
  • ありがとう数1

みんなの回答

  • 回答No.1
  • naokita
  • ベストアンサー率57% (1008/1745)

具体的に何をしたいのか不明ですが、Photoshopなどでの制作時の話? 表示領域100%だと、その下レイヤーが隠れるだけ。 スライスで半分にしようが、表示領域や上下関係の問題です。 上の画像を透過したり、切り抜いたパーツなら、その余白から下のレイヤーが見えるって話。 実際に、紙を重ねるのと同じ、 アニメーションのセルで例えるとわかりやすいかも。 >Web画像保存時に「透明部分」を選択すると、透明になってしまうのですか? A、 透明になるか?は、一番下の背景の問題。 背景色が無しの状態で、背景を透明にするか?しないか?という事。JPGでは透過されない。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

回答ありがとうございます。 目的はWEBデザインの理解です。 独学中なので、とてもありがたい回答です。 迷惑な質問ですいません。 透明化を選択することで、どのよう効果があるか、どのようなのちの影響があるのか、などとにかく分からないことが多すぎて、いちから知りたくなり、質問しました。

関連するQ&A

  • Photoshopのスライス機能

    Photoshop初心者です。教えてください。 Photoshopのスライス機能を使って各画像をJPG形式で保存したいのですが、 [ファイル]→[WEB用に保存]が選択できません。 保存の仕方が違うのでしょうか?

  • Photoshop スライスした画像の保存時の設定

    Photoshop7.0(Win)にて写真画像の上にレイヤーで文字を書き、その文字の部分だけをGIFアニメで動かすようにしました。 スライスツールで文字の部分のみをGIFにし、他の部分はJPEGにしてWeb用に保存・・・するところまでは出来たのですが、 JPEG部分の画質設定をスライスごとに変えることが出来ません。 人の顔のところは高画質に、背景などは標準画質に・・・などとJPEG圧縮率をそれぞれ変えて保存したいのですが、 一つのスライスを選択して画質を設定すると、 他のスライスも同じ設定に変わってしまいます。 ImageReadyでも同じ結果でした。 それぞれのスライスの画質を買えて保存することは無理なのでしょうか?

  • photoshop・Webデザインするときのレイヤ

    こんにちは。 現在、初心者からWebのレイアウトをphotoshopを使って行うかと思っており、 後々、スライスやコーディングをする際、レイヤー分けを しておいた方が便利かと思うのですが、どのようなレイヤー分けが 必要でしょうか。 参考になるサイトがあれば、教えて頂けると有り難いです。 また、Illustratorのように、オブジェクトをレイヤー間をカンタンに移動することは、 できないのでしょうか。 知識をお持ちの方、是非ともよろしくお願いいたします。

  • photoshop7のスライスツールについて

    現在使用しているアプリケーションは古くphotoshop7です。 画像からスライスツールでスライスの作成をし、 CSでは ファイル → Webおよびデバイス用に保存 で選択したスライス画像が一度に何個か保存できる ようですが、photoshop7ではweb用に保存しても 画像が1つになってしまい、保存にして スライス という 選択をしようとしても、スライスという項目ができません。 photoshop7でスライスの書き出しをする場合 どうしたら出来るでしょうか? 宜しくお願いします。

  • Photoshop不要なスライスを防ぐ方法

    Photoshop並びにIllustratorでスライスして、Webおよびデバイス用に保存を押し、プレビュー画面で、欲しかった画像だけを選択しているのですが、imagesというディレクトリに大量に要らないスライス画像が保管され、実際に欲しかったスライスがなかなか見つかりません。 Fireworksのように選択した画像だけ、スライスするにはどうすればいいでしょうか。 グリッド線がついていることもあります。ソフトはCS5です。 よろしくお願いします。

  • 透明背景あり画像をスライスしたい

    PaintshopElementsを利用していますが、Elementsには画像をスライスする機能がありません。 そこでフリーソフトのSplitImageというソフトを使いました。 http://www.thecastle.com/software/splitimage スライスすることはできたのですが、透明背景画像は反映されずに白背景になります。 ※設定はあるものの透明では出力されない スライスされたものをPaintoshopElementsで読み込んで個々に透明を背景を指定すると (非透明部分を自動選択ツールで選択して反転、消しゴミで消す) 画像ごとに透明部分の境界が微妙に異なってしまい、うまくいきません。 質問としては 「透明背景ありの画像を自由にスライする方法はないでしょうか?」 ということです。 フリーソフトかプラグインなどがあればと思っているのですが。 よろしくお願いします。 「PaintshopElementsで長方形選択してコピーして新しい画像で作る」 という方法を試してみました。 しかし、縦3横3に分割しようとすると極めて困難なため断念しました。 正確にサイズを合わせることができません。

  • フォトショップで一時的にスライスなしで書き出したい

    Photoshopでwebサイトを作っていると、スライスをすでにたくさん適用したあとで スクリーンショットのような全体画像を書き出したい時ってありますよね。 そういう時に、みなさんはどうなさっていますか? 「Web用に保存」でスライス利用しない選択肢があってもいいのにと思うのですが いろいろ探したものの見つけられませんでした。 とりあえず普段は大きいスライスを上からかぶせて書いてWeb用に保存したあと そのスライスを消すか最背面にするかしているんですが… どうもその場しのぎ的でスマートでない気がしています。 もっと手早くやりたいのですが、もしいい方法をご存じの方がいらっしゃいましたら どうぞ教えをお貸しください。よろしくお願いします。

  • Illustratorでweb用にスライス

    Web制作初心者です。 Illustrator CS5で web用にスライスをしてみました。 作ったデザインの背景色を、カラーをカラーピッカーの16進数(#~)で確認して、 CSSにバックグラウンドカラーで指定しました。 その上にイラレ上でタイトル画像をスライスしたものを置いたのですが、 バックグラウンドカラーと画像の色が違うのです。 web制作にはDreamweaver使っているのですが、こちらの不具合かと思い ブラウザで見ても違う色になっていました。 やはり、イラレでスライスはまだまだ、うまく行かないのですか? DTP出身なのでフォトショが苦手で出来ればイラレで全てデザインしたいと思っています。 どうぞ、よろしくお願いいたします!

    • 締切済み
    • CSS
  • Photoshopのソフトで画像をスライスすると外枠にボーダーが付いてくる。

    Photoshop cs4 を使っています。 まったくの初心者です。今までイラストレーターを使っていましたが、急きょphotoshopを使わないといけない状況になり、あせっています。 よろしくお願いします。 ポスターのような状態のものから画像や文字をスライスしてhP作成しようと思っています。 スライス選択ツールにて、囲い 切り抜きツールでまた囲い、右クリックで切り抜きを選択すると、囲った枠に外枠ボーダーが描かれて保存してしまいます。 この現象は、文字のときにでるのですが、どうしたら透明にできますか? あと、画像の場合、 切り抜きたい画像が、角丸などの場合 その部分も透明にしたいのですが・・ どうやったらよいのかわかりません。 おしえてもらえますか? よろしくお願いします。

  • Photoshopのスライス

    Photoshopのスライスで書き出したい箇所を囲みweb用に保存するとスライスした範囲以外も 保存されてしまいます。 オプションなどでスライスしたい画像のみ書き出し保存するという事はできないでしょうか? 当方使用しているバージョンはCS3でwindowsです。