Como exportar para SVG do Illustrator usando pranchetas

8

Estou projetando alguns ícones. Para manter as proporções corretas, projetei todos os glifos em uma prancheta.

Agora, quero experimentar um pouco os ícones SVG, então quero exportar esses ícones para diferentes arquivos SVG. Como faço para fazer isso?

Pensei em cercar cada ícone com uma prancheta e exportar seria fácil ... Acontece que a opção Exportar possui a opção 'pranchetas', mas não apresenta nenhum formato vetorial viável. O Save for the Web também possui a opção de pranchetas, mas, novamente, oferece apenas os formatos gif, jpeg e png. A opção Salvar como permite salvar como SVG, mas não oferece nenhuma maneira de salvar os ícones em arquivos diferentes.

Além disso, eu tenho mais de 150 ícones, então não posso usar pranchetas de qualquer maneira (o CS6 me restringe a apenas 100 pranchetas). Então, tentei usar fatias, mas para onde vou a partir daí?

Alguma dica?

adobe-illustrator icon svg kumarharsh
fonte

Respostas:

11

No Illustrator CC - o Save Asdiálogo tem uma Use Artboardscaixa de seleção. Ao marcar isso, cada prancheta será salva como um arquivo SVG separado (não esqueça de selecionar o formato SVG).

Se você tiver mais ícones do que pranchetas disponíveis, provavelmente copio / colo o excesso em um novo documento do Illustrator.

Fonte: http://creativedroplets.com/export-svg-for-the-web-with-illustrator-cc/

Jackson Hyde
fonte
... e ainda estou batendo a cabeça por não encontrar a opção "Usar pranchetas" em Salvar como. -_- Obrigado :)
kumarharsh
Embora esse tenha sido o caminho que eu segui naturalmente, não estou vendo o SVG como uma opção de formato. Alguma ideia?
bernk
11
Eu vejo as Use artboardsopções Alle Rangena parte inferior da save-ascaixa de diálogo, mas quando eu salvo ... elas ficam em branco. : (
sheriffderek
11
Até eu estou enfrentando esse problema no Illustrator CC. Eu verifiquei o SVG exportado, e não há dados caminho em tudo, apenas o <svg>elemento raiz, os fille strokecores, e isso é tudo. Não <line>, <circle>ou algo assim. Ele estava funcionando perfeitamente no CS6
kumarharsh
Existe uma versão de correção de bug do
Yaba
2

Você também pode usar este script https://gist.github.com/TomByrne/7816376/

Ele exporta camadas no Illustrator em SVG separado.

Maksim Shaihalov
fonte
Uau! Vou tentar ... espero que funcione bem!
kumarharsh
0

Você pode tentar com a seção de exportação para cada svg

Disse Moya
fonte
2
A operação mencionou que não há formato vetorial para a exportação. Você pode nomear a versão do programa e adicionar uma captura de tela mostrando a opção necessária?
Mensch 22/02