ページ

ラベル Inkscape の投稿を表示しています。 すべての投稿を表示
ラベル Inkscape の投稿を表示しています。 すべての投稿を表示

2019/01/06

Android Studio (Asset Studio) で扱える SVG 画像を Inkscape で作る場合の注意点 (グラデーション)

|

Asset Studio で、Inkscape で作成した SVG 画像を扱うとき、Inkscape 特有のタグなどのせいでエラーが発生する場合は「プレーンSVG」として保存すれば良さそう。
ただ、この場合は Inkscape のデータが失われる。

参考:
https://graphicdesign.stackexchange.com/questions/82219/how-to-create-proper-vector-images-that-can-be-used-as-an-android-vector-drawabl

グラデーションに関しては上記では解決せず、
例えば ic_launcher.svg などを Inkscape で作って Asset Studio でアップロードしようとすると

ERROR @ line 83: Gradient has no stop info

のようなエラーが出て、グラデーションが適用されない。

2013/09/15

[Inkscape][Android][iOS][Mac] 全サイズのアイコンファイル生成ツール

|
MacでInkscapeを使ってSVGのアイコンを作り、AndroidとiOSアプリを開発している人向けのツールを作りました。
タイトルの通り、1つのファイルから全サイズのアイコンファイルを一括生成します。
(使う人いるでしょうか…もしいればコメントなど頂けると嬉しいです。)
https://github.com/ksoichiro/export_icons

Illustratorとaiファイルや、Photoshopとpsdファイルではありません。
Inkscapeとsvgファイルです。
(GIMPとxcfファイルでもありません。)
毎回個別のサイズを入力しながらエクスポートして用途ごとにリネームしている、という方には役立つと思います。

実行するにはMac OS XとInkscapeが必要です。
InkscapeでSVG形式のアイコンファイルを用意し、ターミナルで

    export_icons -i Icon.svg -o output

と実行するとoutputディレクトリへAndroid用iOS用のアイコンを一括で作ります。
AndroidとiOSでは違うSVGを使ってる、という場合は

    export_icons -i ic_launcher.svg -o output -t Android
    export_icons -i Icon.svg -o output -t iOS

とすると個別に生成できます。

詳しくは以下のREADMEをご覧下さい。 https://github.com/ksoichiro/export_icons/blob/master/README.ja.md
↑