イラストレーターの透明度の問題による SVG
https://stackoverflow.com/questions/6366093
-
28-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian質問
ウェブ上で見た問題..Adobe Illustrator CS5 に素晴らしい作品があり、それを SVG にして、最終的には raphael.js で実装したいと思っています (すごい!)
一部のレイヤーは透明な画像であり、エクスポートすると透明度が失われます。ファイルは、Web 用に保存、svg を使用して Illustrator からエクスポートされます。
以下は、SVG の透明性が機能するという簡単な概念実証です。http://cl.ly/1R172R2L3d3L0W1k3P28
Illustrator でのファイルのスクリーンショットhttp://cl.ly/2c3k0I421Y2V0p080G2l
ブラウザ内の SVG のスクリーンショットhttp://cl.ly/0M3x1C1v0f1W1y0t2E1g
ヘルプ！
解決
透明であるべき部分にはスクリーンや乗算などのレイヤー効果がかかっていると思いますが、svgにはそのようなものはありません。効果を回避し、代わりにオブジェクトに透明度を適用するようにしてください。
他のヒント
試してみたいこと:
メニュー / オブジェクト / 透明度を平坦化
- これを透明な画像要素に対して個別に実行します。
- 必要に応じて、他の透明な要素に対してこれを個別に実行します。
- 設定を選択します。
- 「アルファ透明度を保持」にチェックを入れます。
考慮すべき点:一部のレイヤーが透明な画像であると言うときは、tif、jpg、つまりベクトルではないですか？その場合、それらの画像固有の設定がエクスポート時に問題を引き起こしている可能性があります。また、前述の SVG の計画によっては、同じ設定が後でスケールする方法に影響を与える可能性があります。あなたが投稿した概念実証はベクターベースであり、あなたのデザインが混在しているように聞こえるため、これを取り上げました。私が混乱しているだけかもしれません、私もよく混乱します。ロゴタイプも素敵ですね！
次の手順に従う必要があります。
- 1つ目の画像を編集して、Paint.netなどのエディターや作業を完了することができる他のエディターで背景を取り上げます。
- 2 番目 - 拡張子 .png で保存します。
- 3番目 - 保存されたPNGファイル（背景なし）に移動し、Inkscapeで開きます！
これで、inkscape に透明度のない画像が表示されるはずです...それを svg に保存する (またはさらに編集して保存する) だけで機能します。
