Photoshop CCの画像アセット機能でSVGを書き出す裏技
SVG はモダンなWebブラウザーで表示できるベクター画像形式で、Retina ディスプレイや、タブレットでピンチアウトで表示拡大した時にも荒く見えないため、これから使用する機会が増えそうな画像形式です。 SVG は Illustrator で書き出すことができますが、これまで Photoshop ではプラグインなどを使わなければ SVG を書き出すことができませんでした。 しかし、Photoshop CCの「画像アセット」機能を使用して SVG を書き出す裏技を見つけたので紹介します。 準備 下記のファイルをダウンロードします。 Macの場合 Finder でメニューの［移動＞ホーム］を選択し、ホームフォルダを表示します。 そこに、generator.json ファイルを移動またはコピーします。 Windowsの場合 ユーザーフォルダ（ユーザー名のフォルダ）に移動します。 そこに、gen
新テクノロジー Generator が Photoshop CC に! | Adobe Blog
Creative Cloud メンバー限定機能として、本日 Photoshop CC に新しい Adobe Generator というテクノロジーが実装されました。Photoshop CC 14.1 アップデートを行うことで利用できます。 Photoshop で Web や画面のデザインなどを行った後、パーツ毎にスライスで書き出すというワークフローがあります。Generator は、この作業を自動化し不要にするまったく新しいテクノロジーです。 「Web 用に保存」が自動化?! Photoshop CC の [ファイル] メニューには、[生成] という項目が追加されています。ここから [画像アセット] を選択してみましょう。 現在開いている PSD ファイルと同階層にフォルダが一つ生成されます。Photoshop 上でデザインした Web ページのロゴ部分のレイヤー名を、レイヤーパネル上で以
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
