SVGに変換すると画像がエンボスされたように見える


35

Illustrator CS6でラスターイメージをベクターに変換するには、Image Traceを使用してからExpandオプションを使用しましたが、svgとして保存すると、イメージはエンボス加工されたように見えます。レイヤーの背景が白で、パスが並んでいないためだと思いますが、手動ですべてのパスを調整することなく、それを修正する方法や理論を証明する方法がわかりません。

これは、Illustratorでエクスポートする前の外観です。

ここに画像の説明を入力してください

アート最適化オプションを使用して保存/エクスポートすると、画像は次のようになります。

ここに画像の説明を入力してください


ラスター画像からSVGまでのプロセスは何ですか?画像トレースを使用すると仮定しています。展開またはエクスポートする前に、ラスターイメージとイメージトレースのスクリーンショットを投稿できますか?
カイ

@CaiMorris質問を編集して、Illustratorでの表示のスクリーンショットとImage Traceに関するメモを追加しました。
CreativeMind

まだ持っている場合、これらの画像を再度アップロードできますか?それらをホストするために使用したWebサイトがダウンしています。
MD XF

1
注:@WELZは新しい画像を追加しました。
joojaa

回答:


43

あなたが見るどのように反応するか別のベクトルエンジンを見たいなら、彼らは、混同のアーティファクトと呼ばれ、ここで。議論の技術的な理由を理解したい場合は、こちらを参照してください。基本的に混同は、カバレッジを不透明度に変換するために発生しますが、それは機能しません。カバレッジベースのアンチエイリアシングをスキップした場合、コンプレッションの問題は発生しません*。同じ理由で、スーパーサンプリングでも問題はありません。

この問題を回避するには、常に背後のオブジェクトを上のオブジェクトとオーバーラップさせる必要があります。これは、紙片を互いの上に手動で重ねるようなものだと考えてください。ハサミで別のシェイプの穴に完全に一致するシェイプをカットすると、ギャップが発生し、それらの位置合わせが難しくなります。誤った仮定のためにコンピューター上で完全な共有エッジは悪い考えです。

以下の形状を切り取らないことをお勧めします

画像1:下の形状のエッジをカットしたり共有したりしないでください。

この重複する手法は、プロセスの開始時に考慮する必要があります。そして、それはあなたがウェブ出版を目指しているなら、あなたがパスファインダーで分割トリムまたはマージを使うべきでないことを意味します。ケースはこの回答で説明されており、ほぼ重複しています。

あなたの特定のケースでは、クイックフィックスは、各パスにわずかなオフセットを適用することです。したがって、すべてを選択し、[ 効果]→[パス]→ [ パスのオフセット...]を選択してから、小さな値を入力します。さらに、最も暗い色が前面に来るように色を配置できます。

*このため、プリンターに問題はありません。実際、印刷版のプロセスでは、切断が重要です。


4
@joojaa問題はアーティファクトに関連していたように見えますが、そのことについての教育に感謝します。私がしようとしなかったオフセットパスのオプションを、しかし、元のファイルを開くことになったとしようとしたイメージのトレースを再び下に事前設定オプション見つかったイメージのトレースと呼ばれる方法スタックに切り欠き部からのパスを変更し、。
CreativeMind

2
良い副作用(IMHO)は、左側の画像のポイントが少ないため、結果のSVGが小さくなることです。:)
アンドレアラザロット
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.