• ベストアンサー

画像端のグラデーション又はぼかしがない完全な1色の画像の作成方法

画像端のグラデーション又はぼかしがない完全な1色の画像の作成方法 画像を作成しているのですが、どうしても完全な一色のPNGファイルを作らなくてはいけなくなりました。 イラストレータで作成した画像をPNGファイルに保存して、拡大すると、添付の画像のようにグラデーションが発生してしまいます。このままではこの画像を使えないのですが、いろいろな方法を試してもグラデーションが発生してしまいます。 イラストレータで作成した画像に輪郭線を加えても変わりませんでした。 イラストレータで作成した画像をPNGファイルに保存しても、全ての端が同じ色で統一されているようにするにはどうしたら良いでしょうか?

noname#241583
noname#241583

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

  • ベストアンサー
noname#119556
noname#119556
回答No.2

イラレで作成したイラストを選択してコピー フォトショップで新規作成、サイズは変更せず解像度のみ任意の数値にしてOK ペースト、スマートオブジェクトを選択してOK。Enter WEB用に保存PNGを選択 拡大して見てみて下さい。輪郭がはっきりと分かれているはずです。 ちなみに、ペースト後、色などを変更したい場合は レイヤーメニューからスマートオブジェクト、スマートオブジェクトに変換 拡大縮小すると、輪郭がぼけるので、環境設定の最初のページの画像補間方式を、 ニアレストネイバー方式(ハードな輪郭を保持)にチェックをしてから拡大縮小する。 これで解決出来るかなー。

noname#241583
質問者

お礼

ご回答ありがとうございました。 冒頭4行のとおりにやってみたのですが、PNGファイルをMacのプレビューで拡大するとやはりエッジがぼやけている状態です。 何度か同じ方法を試してみたのですが、もしかして元のイラレ画像に何か問題があるのかもしれません。 作成し直して、上記方法を試してみます。 ありがとうございました。

その他の回答 (1)

  • hiroleta
  • ベストアンサー率64% (1114/1719)
回答No.1

ファイル>書き出し>PNG形式で保存>PNGオプション内の「アンチエイリアス」のチェックを外して、OK。 ファイル>Web用に保存>右中段の「画像サイズ」(又は、画像)タブをクリック>「アンチエイリアス」のチェックを外して、適用>保存。 但し、PNG形式なので水平線・垂直線以外はギザギザになります。

関連するQ&A

  • illustratorで作成したグラデーション

    illustratorのグラデーションについてお尋ねします。 3DCG用のディスプレイスメントマップで滑らかな盛り上がりを表現するため illustratorのグラデーションメッシュを使ってみたのですが、 作ったファイルを3DCGソフトに持っていくと グレーの諧調が滑らかに出ず、ガタガタの段差ができてしまいました。 illustratorで作ったグラデーションを綺麗に修正する方法をお教えください。 ファイルは 行数3 列数3 外側のポイントに100%の黒、真ん中が50%のグレーを使用。 ※画像は3DCGソフトのモデル画面です。 今まで試したやり方として (1)photoshopへファイルをもって行き、フィルターのぼかしをかけてみました。  若干ましになりますが、地図の等高線グラフみたいになりました。 (2)3DCG側の調整もアンチエイリアシングや評価密度も変えてみたのですが、   アンチエイリアシングをかけるとがたついた形のまま丸くなるので良い結果が望めませんでした。   やはり2D画像の段階での処理の必要を感じました。 (3)アピアランスのグラデーションよりはグラデーションメッシュの方が幾分かは綺麗でした。 一番変化があったのはやはりphotoshopのぼかしでしたが、使い方が悪いせいか思った通りになりませんでした。 illustrator,photoshopでお知恵がありましたらよろしくお願いします。

  • イラストレーター9.0の写真画像輪郭のボカシについて

    Winでイラストレーター9.0を使用しています。 写真画像の輪郭をフワァ~とした感じで、ボカシたいのですが、 どのようにすればよいのでしょうか。 四角や正円形の輪郭ボカシは出来るのですが、 写真画像を楕円形にした際の輪郭のボカシ方の方法が 分かりません。 お手数をお掛けしますが、教えて頂けませんでしょうか。 どうぞ宜しくお願い致します。

  • イラストレーターで「ぼかし」付きの画像を作成し、W

    イラストレーターで「ぼかし」付きの画像を作成し、Web用に保存すると、周りに空白が出来てしまいます。空白が出来ないようにすることは可能ですか? 環境はMacOS10.6.7、イラストレーターCSです。 宜しくお願いいたします。

  • Illustratorのグラデーションについて

    環境:windows    Illustrator10 flash8 Illustratorでグラデーションを塗って作成した素材をIllustratorからデータ書き出しでswfファイルで保存してFlashに読み込むと、たまに画像が変形したり、グラデーションが元画像と同じようにかかっていなかったりする現象が起こるのですが、正常に表示させる方法はありますでしょうか? わかる方がいらっしゃれば、お教え下さい。宜しくお願いします。

  • 画像をボカシたい

    パソコンに取り込んだ画像の輪郭というか四辺をボカシたいのですが どなたか方法(ソフト)をご存知ありませんか? 宜しくお願いします。

  • フラッシュで画像の背景を透過する方法

    イラストレーターで描いたイラスト(グラデーションやぼかしを適用した画像)をフラッシュに配置すると背景が白色になってしまったり、境界線がギザギザになってしまったりするのですが、イラストレーターのきれいなラインを保ったままで、背景色も無しで配置する方法は無いのでしょうか? 下のサイトにある、フラッシュで作られたゲームの画面で、STARTを押すと出てくる2つの機体を 「右クリック」→「拡大」 を繰り返して見てみるとグラデーションやぼかしを使った部分がイラストレーターのイラストのようにきれいなのですがどうやったらこのゲームのイラストのようにきれいに配置できるのでしょうか? どなたか教えてください。 http://www.geocities.co.jp/SiliconValley-PaloAlto/4039/floatinassult.htm

    • ベストアンサー
    • Flash
  • CSSのみでPNG画像を透過グラデーションさせたい

    画像編集ツールを用いて作ったアルファチャンネルPNGと同様な「透過具合のグラデーション」を、PNGなど写真の画像ファイル全般に対して、CSSのみで再現することは可能でしょうか? CSS自体で作った背景を透過グラデーションさせる方法は見つけられましたが、画像ファイルに同様の効果を付与する方法を見つけられないでいます。 ご助言を頂けると幸いです。

    • ベストアンサー
    • CSS
  • イラストレーターのグラデーションについて

    お世話になっております。 イラストレーターのグラデーションの見え方についてです。 オブジェクトにグラデーションを適用した場合、比率は変えずに拡大縮小をしてもグラデーションの見え方(カラーの境目や幅)は変わってしまうのでしょうか。 例えばロゴマークのデザインにグラデーションを適用した場合、看板用にロゴを配置したいとなるとデータを大分拡大することになると思います。その際の見え方です。 画像化するなど方法があるかと思いますが、イラレデータ上の処置だと他に方法はないのでしょうか。 また、拡大縮小してもグラデーションの見え方はかわらないのでしょうか。 自分で試して見た目では変化なかったと感じましたが、少しでも実は変わっているのではと疑問に感じました。 長くなりましたが、ご回答よろしくお願い致します。

  • イラストレーターCS6での自然なぼかしの作成方法

    イラストレーターCS6での自然なぼかしの作成方法について、ご教示くださいませ。 例/CMYKモード、50mm×50mmのY100色地に、10mm×10mmのM100の円を置き、 これをぼかしたいのですが、効果→スタイライズ→ぼかし(数値)だと内側にぼかしが 作成されます(されるように見えます)。なおかつ自然なぼかしに感じられません。 よって効果→Photoshop効果のぼかし(数値)でぼかしでを作成しようとすると、10mm×10mmから膨らむ感じでぼかしが作成されますが 赤の円がグレーになり、さらに周りに大きな白い四角が出来てしまいます。 ■これは当たり前のことなのでしょうか? これをなんとかしたいと探り、効果→描画モードを通常から乗算にすると 大きな白い四角は消えて求めるぼかしに近くなるのですが、色はグレーのままです。 ポイント(マウスの先の矢印)をグレーの上に置き、カラーを確かめるとM100なのですが。 ■なぜなのか理屈が分かりません。 また不思議なのは、イラストレーターCS5以下のバージョンで作成された他者作成の データ上に、私の求める自然なぼかし(外側に膨らむようなぼかし)があるのですが (バージョンと作成方法を制作者に確かめる方法がありません)、 これをCS6で作成している他のデータ上にコピペすると、 ぼかし部分がグレーの大きな白い四角の表示になってしまいます。 ■なぜなのか理屈が分かりません。 アピアランスを確認すると、ぼかし(以前の形式によるガウス)とあります。 解説本やネットで探りましたが解決できません。 何卒よろしくお願いいたします。

  • Illustratorで作成したPDFの画像について

    Photoshop CS2で作成したeps保存した画像をIllustrator CS2で配置して、レイアウトしたファイルをPDF保存したのですが、PDFを開き拡大表示していくと配置した画像に白い線が何本も入っています。。 このPDFをIllustratorで開いてみると、やはり画像が切れて、分割されてました。 この現象は小さく張り込んだ画像で起きずに、大きくファイルの全体に張り込んだ場合に起きているようですが、何かわりましたら教えてください。

専門家に質問してみよう