- 締切済み
photoshopのグラデーションがカクカクになってしまいます
ウェブサイトの背景画像として、白からグレーへの丸形のグラデーションを作りたいのですが、うまくいきません。 画像が荒いと言いますか、少しずつ色の違う輪が重なったように見えてしまいます。 サイズは横1000pxほど、 微妙なニュアンスを出したいので、色は#ffffffから#eeeeeeに設定しています。 色が近すぎるのでしょうか? グラデーションをより滑らかにするPhotoshopのチュートリアル を参考にしましたが、改善されませんでした。 アドバイスお願いします!
- tgif---
- お礼率95% (21/22)
- 画像・動画・音楽編集
- 回答数4
- ありがとう数4
- みんなの回答 (4)
- 専門家の回答
みんなの回答
ウェブサイトの背景画像ということは書き出し方は「WEB用に保存」だと思いますが、ファイル形式は何ですか? (ちなみに当然8bitですよ。) もしjpegなら品質(言い換えれば圧縮率)は何を選択していますか? それらの答えによってはアドバイスできるかもしれません。
- TakMat
- ベストアンサー率75% (277/368)
photoshop 6 ですか。。 そのバージョンだと、制限が大分あったと思います。 確か、16bit が機能強化されたCS以降なので。 ということは、気にならない程度のノイズを加えるしか方法がないと思います。 ノイズが気になるようでしたら、グラデーションの幅を広げるか。 自分のちょうど良いというバランスで編集すれば良いと思います。
お礼
ありがとうございます。 ご指摘の通り、なかなかむずかしいようですが、 やれる範囲でやってみます。
- TakMat
- ベストアンサー率75% (277/368)
当たり前です。 通常の画像は、8bit です。 つまり、RGBそれぞれが、2×8乗=256段階(0-255)です。 #ffffff から #eeeeee ということは、238-255 になり、18段階しかありません。 (自分の目と情報パレットの数値を確認してみてください) 当然、グラデーションがカクカクになります。 これが、いわゆるマッハバンドができます。 (業界によって、用語の使い方が違うので、注意してください。) これを回避するためには、16bit で編集します。 ただし、今回のような微妙なグラデーションでは、16bit でも、マッハバンドがでます。 16bit = 2×16乗 = 65536階調 ありますが、モニタに描画できるのは、8bit なので。 ですので、さらに、ノイズを加えます。 これで、マッハバンドをおさえれるはずです。 8bit なら、どのくらいのグラデーションでマッハバンドが出るか? 16bit なら、どうか? ご自身で試してみてください。 理論的に理解できると思います。 画像編集の基礎知識としては、必要だと思いますよ。 ちなみに、色飽和に関しても同じ考え方ができます。
お礼
ありがとうございます! おっしゃることはよく理解できました。 やはり自分には基礎力が欠けているようです・・・。 さっとくとりかかりましたが、 16bitにすると編集ができなくなってしまいました。 photoshop6の仕様でしょうか? 残念です。
- ryssh578
- ベストアンサー率32% (24/74)
単純にモニターの性能の問題とか? あとはグラフィックカードの性能とか? 私も仕事柄よくイラレやフォトショ使いますが印刷後の色味の違いにはよく悩まされます。 『これ色がまばらだなー』って思っても性能のいいプリンタで印刷すると綺麗だったりってよくありますよ?
お礼
回答ありがとうございます。 試しに、とあるサイトの背景画像をお借りして試してみましたが、キレイに見えていました。 やはり画像作成の過程になにか問題がある/一工夫必要なのだと思います。
関連するQ&A
- HPの背景をグラデーションにしたい
HPの背景を白→灰色→黒といったグラデーションにしたいのですが、どうする方法があるでしょうか? photoshopでそういった画像を作って貼るしかないでしょうか?尚ビルダ12とDreamwaverどっちもあります。
- ベストアンサー
- ホームページ作成ソフト
- Photoshopでぼかしというかグラデーションというか・・・
Photoshopでなんですが、ある長方形の画像を 楕円形にくりぬいて、そのふちをぼかしたいのです。 ただ、ぼかすというか、もっとゆるやかに背景の 色(白)に近づけていきたいのです。 で、ます、楕円形に対して、そのような均等なグラ デーションをかけることができるのでしょうか? あと、実際にはどのツールを使えばいいでしょうか? ぼかしツールを用いたのですが、ほんとうにふちだけが ぼかされてしまいます。もう少しゆるやかに距離を かけて背景の色に近づけていきたいのです。 イメージが伝わったでしょうか?? よろしくお願いします。
- ベストアンサー
- グラフィックソフト
- photoshopである部位だけグラデーション
photo shopで画像をグラデーションしたいのですが、初心者であるためにできなくて困っています。 加工したい画像というのは白黒のチェックで、そのチェックの黒の部分だけを、全体的に見て、黄色からオレンジのグラデーションしたいのです。 試してみた所、どうしても画像全体(チェックの白黒両方)の上に黄色とオレンジのグラデーションが乗っているだけな感じになりました。 ここで質問をまとめると (1)チェックの黒の部分だけ(つまり白の部分を除いて)をグラデーションにするにはどうしたらよいのか (2)チェックの黒「自体」をグラデーションにするにはどうしたらよいのか の二つです。 良かったら 回答お願いします。
- ベストアンサー
- 画像・動画・音楽編集
- PhotoShopについて
PhotoShopについて PhotoShopを使って色を塗っていく過程で、 背景レイヤーを透明化したらホワイトグレー?になった状態から 線画の他の部分を全部白にするにはどうすればよいでしょう。 是非お願いします。
- 締切済み
- その他(ソフトウェア)
- photoshop7.0 両サイドが影のweb用背景画像をつくりたい
中央寄せのホームページで、両サイドが少し影になっていて浮かび上がっているように見えるものがあると思うのですが、そういうものを作りたいです。 ソースなどから、横に細長い背景画像を繰り返し並べているのだということは分かりました。 そこで、photoshopでその背景画像を作る手順を教えていただきたくて質問させていただいています。 高さ5px×幅780pxの画像の両サイド10px分くらいをグレーから透明になるようなグラデーションをおく手順を作り方、保存方法など含めて分かるかたいらっしゃったらアドバイスをお願いいたします。 http://www.unouplus.com/uraunou/ こちらのサイトさんの右側みたいな感じで左右対称にしたいです。
- ベストアンサー
- グラフィックソフト
- グラデーション背景色について
お世話になります。教えてください。 現在ホームページ作成中ですが、背景色に上部から下部へのグラデーションにしたいと思っています。画像編集ソフトで、上部(#0000FF)、下部(#FFFFFF)で作成し、いざページ作成をおこないました。ページの下部のCSS枠の背面色を#FFFFFFにして最下部は背景と境が分からない様になると思っていましたが、微妙に色合いが変わってきます。なぜなのでしょうか。 また、CSSにて背景グラデーションではIE以外では表示されないのでちょっと使えないです。 よろしくお願いいたします。
- 締切済み
- ホームページ作成ソフト
- 灰色→白のグラデーション画像が不自然に表示されてしまう
いつからこうなってしまったのかは不明なのですが、 Photoshopで作成した灰色→白のグラデーション画像をプレビューすると #fefefeと#ffffffの境界線が目視でハッキリ判別できる状態となってしまいました。 #fefefeのところまでは明らかな灰色で、#ffffffで真っ白というような状態です。 ディスプレイキャリブレータでガンマ値を2.2にするなどの調整を試みたのですが、解決できませんでした。 使用モニタはCINEMA DISPLAY HDの23インチで、OSは10.4です。 解決方法をご存知の方、よろしくお願いいたします。
- 締切済み
- Mac
- Photoshopで、白い画像の切り抜きが難しい
Photoshop CS6で、おにぎりの画像を切り抜いているのですが グレー一色の背景の上に、白のおにぎりが載っているので Photoshopできりぬこうとするとどうしてもエッジにグレーがかかり、 背景色を引いた時に不自然になってしまいます。 どのようにすれば、自然に見えるでしょうか。 (画像の特に上の部分。下の方はドロップシャドウするので、さほど目立たなくなると思います) よろしくお願いします。
- 締切済み
- その他(インターネット・Webサービス)
- photoshopの、カラーハーフトーンについて、わからないことがあり
photoshopの、カラーハーフトーンについて、わからないことがあります。 グレースケールのグラデーションを ・ピクセレート→カラーハーフトーン で処理した際、 以前は、#FFFFFFの部分は#FFFFFFのべた塗りのままであったのが 今日、何のきっかけか、白い部分にも全てグレーの点描が入るようになってしまいました。 (ファイルのモード自体もグレースケールになっています。) これを以前のように、白い部分は白いままにしておきたいのですが どこをどう設定し直せばいいのかが見つけられません。 ちょっとわかりづらいかと思いますが、参考画像を添付いたしますので おわかりになる方がいらっしゃいましたら教えて頂けますと助かります。
- ベストアンサー
- デザイナー・クリエイティブ職
- photoshop 文字のグラデーションができない
photoshop のCS5ですが、文字を上から下(逆でもいい)にグラデーションしたいのですが、できません。 添付画像のように、グラデーションオーバレイで、90°もしくは、-90°にした場合、普通プレビューのところで、上から下に色が変化するはずだと思うのですが、なぜそうならないのでしょうか。 0°もしくは、180°のときは、右から左にプレビューされます。 OKボタンを押しても、プレビューと同じようになります。 他の方法でもいいですので、上から下にグラデーションする方法はございますでしょうか。
- ベストアンサー
- 画像・動画・音楽編集
お礼
jpegで最高品質にしています。 よくわからないので、gifやpngも試してみました。