Exportar várias pranchetas para pngs nomeados após a prancheta sem o nome do arquivo anexado


7

Dada a seguinte configuração:

Arquivo: SomeFilename.ai

Que contém pranchetas denominadas:

  1. Artboard_01
  2. Artboard_02
  3. Artboard_03

No momento, se eu exportar as pranchetas, o Illustrator insiste em colocar o nome do arquivo nas pranchetas. Portanto, os arquivos gerados seriam nomeados:

  1. SomeFilename_Artboard_01.png
  2. SomeFilename_Artboard_02.png
  3. SomeFilename_Artboard_02.png

Eu gostaria que eles fossem nomeados:

  1. Artboard_01.png
  2. Artboard_02.png
  3. Artboard_02.png

Obviamente, sei que existem várias opções para renomear arquivos em lote, mas isso não se encaixa no meu fluxo de trabalho. Eu faço muito design de interface do usuário (iOS ou CSS), que envolve a criação de um grande número de gráficos no Illustrator e a exportação deles. Costumo fotografar rapidamente entre Xcode ou um navegador e os gráficos de ajustes do Illustrator. No momento, não posso apenas exportar e reconstruir / atualizar. Eu tenho que encontrar o arquivo e renomeá-lo antes que ele funcione. Este é um grande aumento de velocidade.

Respostas:


5

Se você usar fatias no Illustrator, em vez de pranchetas, poderá especificar nomes de arquivos exatos para a exportação. Basta configurar uma grande prancheta e adicionar todos os seus elementos como se você estivesse construindo uma folha de sprite e use o Save for Web para exportar tudo de uma só vez.

Adobe Illustrator: Fatias e mapas de imagem

Algumas outras razões para usar fatias em pranchetas:

  • As fatias se ajustam à grade de pixels. Pranchetas não.
  • Você pode ter apenas 100 pranchetas em um documento. Fatias não têm esse limite.

Para renomear arquivos, costumo configurar fluxos de trabalho do Automator. Você pode até configurar os fluxos de trabalho do Automator por projeto, para que a renomeação e a movimentação possam ocorrer com um único clique ou até mesmo uma ação de pasta. Na verdade, você provavelmente poderia adicioná-lo como uma fase de construção no Xcode?

Suponho que você precisará renomear seus arquivos @ 2x de qualquer maneira, a menos que tenha o trabalho artístico no Illustrator nos dois tamanhos?

Além disso, seria um pouco cuidadoso ao usar o Illustrator para trabalhos de design de interface do usuário. O antialiasing de forma tem alguns problemas e os gradientes não podem ser desviados. Isso significa que seu trabalho artístico pode ter um padrão consideravelmente mais baixo do que se você o tivesse criado no Photoshop ou no Fireworks.


Obrigado. Nunca considerei usar fatias. Isso é realmente interessante. Normalmente, coloco gradientes em camadas para que isso não seja um problema, mas se for absolutamente necessário, criarei um gradiente em Ps e coloque-o em Il. Não notei nenhum problema com o anti-aliasing de forma, além da falha ocasional. A que questões você está se referindo?
Undistraction

Pixels dispersos e formas menos do que ideais. Escrevi mais sobre isso aqui: bjango.com/articles/illustratorandappdesign
Marc Edwards

11
Boa redação. Que deprimente. Sou muito mais produtivo no Illustrator e trabalhar com vetores é muito mais flexível. Gostaria de saber se existe outro fluxo de trabalho. Talvez criando no Illustrator, depois colocando o documento no Photoshop e renderizando / exportando a partir daí.
Undistraction

Deprimente de fato. Eu vi os pixels dispersos no AI CC 2015.1.0 (v.19.1.0) enquanto criava ícones. Eu pensei que talvez estivesse fazendo algo errado; não percebeu que era um bug de renderização. Estamos caminhando para o uso puramente de SVGs, mas até então, é possível evitar esses problemas exportando para PNG via Photoshop ou algo assim?
Jon Coombs

DICA: ativar a visualização de pixels e ajustar tamanhos / posições é excelente para maior clareza e também pode se livrar dos pixels dispersos. Geralmente, preciso desligar a grade de encaixe para pixel para fazer esse tipo de ajuste. Na verdade, parei de usá-lo e confio na visualização de pixels.
Jon Coombs

6

Apenas por diversão, no Mac OS, abra o Terminal

cd folder

dicas: você pode arrastar na janela do terminal a pasta de destino

ls

para listar arquivos e verificar se é o bom lugar

for f in *.png; do  mv "$f" "${f/SomeFilename_/}"; done

procure no Finder


Um deles é o fornecimento de um script Bash tão necessário, mesmo que o OP tenha solicitado outra coisa. É bom manter isso como referência. Alguns designers gráficos são nerds e alguns nerds são designers gráficos. :)
Ideograma 16/10


2

Por que você simplesmente não renomeia todos os seus arquivos na pasta usando o prompt de comando depois de salvar seus PNGs?

ren "Prefix_*.png" "///////*.png

Lembre-se de que você deve digitar o número "/" quantos caracteres houver no seu prefixo (incluindo sublinhado).

Nota: Este comando pode ser executado no sistema operacional Windows no prompt de comando.

Subnote: Eu sei que isso foi respondido várias vezes - estou apenas adicionando esta resposta para que outras pessoas possam usar esse comando super simples em vez de usar scripts cmd complicados ou arquivos em lote.


Esta é uma solução rápida e agradável para os usuários do Windows. Uma vez lá, clicar duas vezes em um arquivo BAT não consome muito tempo.
Jon Coombs

Pequenos ajustes: chamei meu arquivo de trim4chars.bat e o fiz corresponder a três caracteres seguidos por um sublinhado. ren "???_*.png" "////*.png" . Eu também adicionei outra linha para a minha situação. ren "???_*.svg" "////*.svg"
Jon Coombs

0

Você tem Bridge, se você tem Illustrator. Renomear em lote está integrado ao Bridge e executará essa tarefa facilmente depois de exportar as placas de arte.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.