A partir da versão 2015 da Photoshop CC, a funcionalidade extrair ativos não está mais disponível no formato descrito neste artigo. Uma funcionalidade mais intuitiva para exportar pranchetas, camadas, grupos de camadas e documentos como ativos de imagem foi introduzida no Photoshop.

Para obter detalhes dessas novas opções de exportação, consulte Exportar pranchetas, camadas e muito mais.

Extrair ativos é um recurso da Photoshop CC (2014) que fornece uma interface sobre o Adobe Generator para extrair ativos rapidamente para designs para a Web e a tela de arquivos do Photoshop. Você pode selecionar camadas ou grupos de camadas no Photoshop e usar uma interface gráfica do usuário para extrai-los como ativos de imagem JPG, PNG, SVG ou GIF.

Com Extrair ativos, você pode:

  • Extrair uma camada ou um grupo de camadas de um PSD em um ou vários ativos de imagem
  • Criar ativos de imagem PNG, GIF, JPG ou SVG
  • Configurar uma, duas ou mais versões de todos os ativos de imagem
  • Visualizar cada ativo de imagem
  • Extraia facilmente ativos na pasta de sua preferência
  • Assegure-se de que os ativos extraídos estejam atualizados sempre que o PSD mudar

Extrair camadas ou grupos de camadas

Quando várias camadas ou grupos de camadas são selecionados para extração, são apresentadas opções para gerar um ativo individual a partir de cada um dos itens selecionados.

  1. Selecione uma ou várias camadas ou grupos de camadas.
  2. Siga um destes procedimentos:
  • Clique com o botão direito nos itens selecionados e selecione Extrair ativos do menu de contexto.
  • Pressione o atalho de teclado Cmd+Opt+Shift+W (Mac) ou Ctrl+Alt+Shift+W (Windows).
  • Selecione Arquivo > Extrair ativos.

Observação:

Extrair ativos respeita os nomes de camadas que correspondam à sintaxe do Photoshop Generator. Por exemplo, se você tentar extrair um ativo de uma camada denominada layer.gif, a caixa Extrair ativos exibe o GIF como o formato padrão para o ativo de imagem.  

  1. Na caixa de diálogo Extrair ativos, especifique as seguintes configurações para cada ativo que você deseja gerar:

    Formato do ativo:
    Selecione PNG-8, PNG-24, PNG-32, GIF, JPG, ou SVG.
    Escala de qualidade:
    para ativos JPEG, você pode especificar um valor de 0 a 100% para dimensionar a qualidade do ativo. Ajuste o controle deslizante na direção correta.
  1. Para extrair mais de uma versão do ativo, clique no ícone + ao lado do ativo na caixa de diálogo Extrair ativos. Você pode especificar formato diferente, a qualidade e os parâmetros de dimensionamento para cada ativo.
  2. Clique em Extrair.
  3. O Photoshop informará que requer uma alteração no nome da camada para continuar com a extração do ativo. Isso ocorre porque o Photoshop usa a estrutura subjacente do Generator para criar ativos com a sintaxe do Generator. Clique em OK para continuar com extração de ativos.
  4. Navegue até a pasta em que deseja salvar os itens gerados.
  5. Clique em Extrair. O Photoshop cria os ativos de imagem e abre a pasta contida no Finder (Mac) ou no Windows Explorer. No processo de criar os ativos, as camadas relevantes são renomeadas automaticamente de acordo com a sintaxe do Photoshop Generator.

Observação:

As camadas/grupos de camadas que você extrai como ativos de imagem serão exibidos na caixa de diálogo Extrair ativos na próxima vez que você solicitar a funcionalidade de extração de ativo de imagem.  

Especificar as resoluções de ativos

Você pode especificar as configurações de extração e criar ativos para fins diferentes, usando diferentes combinações de configurações pré-preenchidas. Por exemplo, você pode gerar ativos para telas Retina. Qualquer configuração que você especificar será aplicada em todo o documento.

  1. Especifique uma ou várias resoluções que você deseja na seção Extrair ativos à direita.
  2. Se quiser uma resolução que não esteja listada, ou para alterar a subpasta de destino para os itens a serem extraídos em resoluções diferentes, clique em Configurações.
  3. Você pode usar os sufixos padrão para cada resolução ou adicionar os seus próprios.
  4. Você também pode usar as subpastas padrão para cada resolução ou especificar um nome de subpasta diferente, se preferir.
  5. Clicar em Concluído na caixa de diálogo Extrair ativos irá salvar essas configurações no documento. Sempre que você cria ativos, as mesmas configurações são usadas. Todos os ativos futuros são criados para as resoluções que você escolheu quando o documento é aberto em qualquer instância da Photoshop CC.

Gerar ativos automaticamente

Se necessário, você poderá selecionar a opção Gerar automaticamente ativos durante a atualização do documento. Essa opção é sincronizada com a opção Gerar > Ativos de imagem para o Photoshop Generator. Quando você ativa a opção Extrair ativos, a opção Generator também é ativada automaticamente.

Compartilhar com desenvolvedores

  1. Salve o arquivo PSD na pasta da Creative Cloud sincronizada com a Creative Cloud.
  2. Abra Extrair ativos (Arquivo > Extrair ativos) e adicione os ativos que desejar. Clique em Extrair e escolha a pasta padrão para a qual salvar.
  3. Quando você abrir o arquivo PSD na Creative Cloud, poderá ver o arquivo do Photoshop junto com uma lista de ativos que você extraiu.
  4. Agora é possível compartilhar o arquivo PSD e os ativos criados com os desenvolvedores com quem você deseja colaborar através da Creative Cloud.

Erros comuns

As camadas que estão vazias ou não são capazes de renderizar imagens não podem ser renderizadas na caixa de diálogo Extrair ativos. Essas camadas podem ser máscaras de corte, camadas de ajuste, ou apenas camadas que não têm nenhum pixel entre elas.

Se você tem as camadas com o mesmo nome mas divididas em grupos diferentes, elas provavelmente sobrescreverão uma à outra, porque os ativos são renderizados geralmente em um diretório único. Para evitar isso, o Photoshop renomeia automaticamente uma camada quando detectamos um conflito.

Se cancelar o processo de renomear, você receberá esse erro para impedi-lo que você substitua um ativo existente pelo nome escolhido.

Se os nomes dos ativos contiverem caracteres inválidos, você também recebe esse erro. Renomeie o arquivo sem os caracteres inválidos para resolver o problema.

Extrair não conseguiu renderizar a imagem porque ela sangra para fora na tela. Mova a imagem de forma que caiba na tela.

Este erro ocorre se o Adobe Generator deixar de funcionar quando a caixa de diálogo Extrair ativos estiver aberta. Para corrigir, clique em Concluído para fechar a caixa de diálogo Extrair ativos, salvar o arquivo e reiniciar o Photoshop.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online