Exporter ses icônes en SVG depuis Photoshop

Voici la procédure pour exporter très rapidement l’ensemble des icônes d’un PSD au format vectoriel SVG.

Prérequis pour pouvoir exporter vos icônes au fomat SVG :

  1. Installer le script : save-ps-to-svg.jsx dans le dossier C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Presets\Scripts
  2. Démarrer Photoshop et avoir Illustrator installé sur sa machine.

Les screenshots ci-dessous sont fait sur Photoshop CS6, mais le script d’export des icônes au format SVG devrait fonctionner également sur CS5.
Source : http://hackingui.com/design/export-photoshop-layer-to-svg/

Procédure d’export svg :

  1. Renommer les calques à exporter en terminant par .svg
    export icones svg renommer calques
  2. Sélectionner la forme, appuyer sur A (outil de sélection de tracé) et cliquer sur fusionner les composants de forme.
    export icônes svg fusionner les formes
  3. Lancer le script via Fichier / Script, Illustrator va se lancer automatiquement et exporter un à un les calques .svg à l’endroit où vous avez sauvegardé votre PSD.