レスポンシブサイトを作る時には欠かせないSVG。 IMDでも最近使用する機会が増えてきました。 そこで今回は【SVG入門編】Photoshopでの書き出しから、【SVG中級編】Illustratorでの書き出しまでをまとめてみました。 1.【SVG入門編】まずは簡単な単色アイコンから まずは単色アイコンをSVGで書き出します。 すでに色々なサイトで作成方法が紹介されていますので、その中からStocker.jpさんの記事を参考に作成していきます。 今回ご紹介するPhotoshopを使用したSVGの作成については、Photoshop CC 2014のみの対応となります。 それ以前のPhotoshop CCの場合「generator.json」が必要になります。「generator.json」については上記Stocker.jpさんの記事をご確認ください。 また、Photoshop CS6以下はこ
![今更聞けない!初心者のためのSVG作成入門 | コラム | ホームページ制作 大阪 インフォメーションメディアデザイン株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/4564d7334c141074ce69f5049a9f879f2f8ccfb3/height=288;version=1;width=512/https%3A%2F%2Fwww.imd-net.com%2Fwp%2Fmedia%2F2015%2F08%2FSVG1.jpg)