• 締切済み

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

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

みんなの回答

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

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

sk8erboidc
質問者

お礼

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

関連するQ&A

  • Illustratorでweb用にスライス

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

    • 締切済み
    • CSS
  • Photoshop スライスした画像の保存時の設定

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

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

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

  • Photoshopのスライス機能

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

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

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

  • webデザインの雑用のスピードアップ

    現在ウェブの仕事でバイトを始めて二週間経ったところです。 他の人が作ったフォトショップのデザインデータのクリッピングマスクの画像を差し替えてスライスし直すとか そういう仕事が多いんですが、レイヤーがいっぱいありすぎて、名前もレイヤー31のコピーとかロクについていないし、写真はここで、アイコンは全然違う場所にあったりなど、どこに何があるのか、どれを動かしちゃいけないのか調べるだけで一苦労です。 皆さんはレイヤーがごちゃごちゃして、パレットが縦に長くなってきた時に、どこに何があるのか目印をつける方法ってありますか?自分はパレットのカーソルが真ん中あたりとか下の方とかそのくらいしか見分ける方法がありません。 エディタみたいに行番号とかあると便利なんですが。

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

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

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

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

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

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

  • illustratorのコツ(整列やスライスなど)

    こんにちは。 illustratorでデータをもらったものをweb用にスライスして保存しようとしているのですが、普段Photoshopを使っているのでとても効率の悪いやり方しか出来ず時間ばかり掛かっています。 特に、Photoshopでは簡単に出来るのにイラレで同じ機能を見つけられない2点を質問させてください。 Photoshopは7 Illustratorは10 OSはwin XPです。 ■整列 ボタンの画像の上に「送信」と言う文字があった場合に 中央に整列させる方法 Photoshopだと、レイヤーをリンクさせて選択ツールで整列させると ボタン画像の位置は変えずに文字だけをボタン画像の中央に寄せることが出来るのですが、イラレで整列をすると 両方の画像が動いて、整列されてしまいます。 もとのいちまで移動させれば良いことなのですが、何か良い方法があればアドバイスお願いします。 ■スライス スライスツールを使ってボタン画像をweb用に保存したいと思ったのですが、線が2つ出てきたり、画像の線にピッタリにガイドを引いておいてもそのガイドに沿ったスライスがうまく引けなかったりして困っています。 とりあえずで保存してみたのですが、ピッタリ切り取れるときもあれば、1px余白ができたりすることもあります。 Photoshopではとても簡単にピッタリ切り抜けるのに・・ともどかしく 丸ごとPhotoshopにコピーしてみたりもしたのですが 色が少し違ったり1px大きくなったりしてしまいました。 違うソフトだから当然なのですが、同じAdobe製品で同じツールなのに結構使い勝手が違うように感じるので、何かイラレを使うときのコツみたいなものがあればと思っています。おすすめのサイトもありましたら合わせてアドバイスいただけると助かります。