Gerar itens de imagem de camadas

Adicionar extensões de arquivo aos nomes das Camadas aciona o gerador do Photoshop para criar arquivos de imagem automaticamente sempre que você salva.Isso elimina etapas repetitivas de exportação para projetos de web, aplicativo e vários dispositivos que exigem vários formatos ou tamanhos.

Esse fluxo de trabalho funciona melhor quando você precisa de exportações consistentes e repetíveis em vários formatos ou resoluções, como ao produzir versões @1x, @2x e @3x para designs responsivos.Para exportações únicas ou quando você precisa de controles específicos de formato, use Arquivo > Exportar > Exportar como alternativa.

O gerador cria uma pasta dedicada para seus ativos e atualiza os arquivos automaticamente enquanto você trabalha.Você pode gerar vários formatos de uma única Camada, especificar Configurações de qualidade, dimensionar ativos em tamanhos diferentes e organizar as saídas em subpastas, tudo por meio de convenções de nomenclatura de Camadas.

• documento do Photoshop com Camadas ou grupos de Camadas nomeados
• Documento salvo em um local conhecido (ou os ativos aparecem no Desktop)
• Conhecimento dos formatos de saída necessários para o projeto

Ativar geração de ativos de imagem

O Photoshop cria o arquivo de imagem em uma subpasta ao lado do documento salvo.Se o documento ainda não tiver sido salvo, os ativos aparecerão em uma nova pasta no Desktop.O gerador permanece ativo — qualquer alteração nas camadas com o gerador ativado aciona atualizações automáticas nos ativos correspondentes.

Gerar vários formatos de uma camada

Uma única Camada pode produzir ativos em diferentes formatos, tamanhos e níveis de qualidade ao mesmo tempo.Separe cada especificação de ativo no nome da camada com uma vírgula ou um sinal de mais.

O Photoshop gera três arquivos separados a partir do mesmo conteúdo da camada, eliminando a necessidade de exportar manualmente o mesmo gráfico em diferentes formatos.

Controlar qualidade e escalar ativos para diferentes telas.

Os sufixos de qualidade controlam a compressão de arquivos JPG (1-100) e a profundidade de bits de arquivos PNG (8, 24 ou 32).Os prefixos de tamanho aceitam porcentagens para escala relativa ou dimensões absolutas em pixels.É possível misturar unidades — por exemplo, "10in x 5cm banner.jpg" — e omitir uma dimensão para escalar proporcionalmente: "1080 x icon.png" define a largura como 1080 pixels, mantendo a proporção.

Exemplos de escala relativa:

200% logo.png dobra o tamanho do ativo

50% thumbnail.jpg reduz o ativo para metade do tamanho

Exemplos de dimensionamento absoluto:

300 x 200 hero.png cria uma imagem de 300×200 pixels

10in x 5cm banner.jpg combina unidades (10 polegadas de largura, 5 centímetros de altura)

1080 x icon.png define a largura como 1080 pixels, a altura é escalada proporcionalmente

Organizar ativos em subpastas

Por padrão, todos os ativos gerados são salvos em uma única pasta ao lado do arquivo PSD.Adicionar um nome de subpasta antes do nome do arquivo direciona o gerador a criar e usar essa subpasta automaticamente.Isso mantém os ativos relacionados organizados sem a necessidade de gerenciamento manual de pastas.

Inclua o caminho da subpasta no nome da camada usando barras inclinadas: subfolder/filename.png ou icons/logo.svg.É possível aninhar vários níveis: assets/icons/logo.png.

Exportar ativos para pastas específicas

Photoshop cria a estrutura de pastas automaticamente e coloca cada ativo em seu local designado. A combinação de subpastas com prefixos de tamanho e configurações de qualidade oferece controle total sobre a organização de ativos: mobile/200% button@2x.png, desktop/button.jpg90.

Definir padrões para todo o documento.

Crie uma camada especial para estabelecer configurações de linha de base que se aplicam a todos os ativos gerados. Isso elimina especificações repetitivas de parâmetros em nomes de camadas individuais.

Crie uma camada em branco e nomeie-a começando com “default”, seguido das configurações preferidas. As configurações comuns incluem “default 200%” para dimensionar todos os ativos para 200%, “default assets/” para salvar tudo em uma subpasta de ativos, ou “default @2x” para adicionar o sufixo @2x a todos os nomes de arquivo.

É possível combinar vários padrões: “default 200% retina/ @2x” dimensiona todos os ativos para 200%, salva-os em uma subpasta retina e adiciona o sufixo @2x aos nomes de arquivo. As configurações individuais de camada substituem os padrões do documento — se o padrão especificar “default 200%”, mas o nome de uma camada incluir “50% thumbnail.png”, essa camada será gerada a 50%.

Trabalhar com documentos na nuvem

Os documentos na nuvem armazenam ativos gerados localmente, em vez de diretamente junto ao arquivo PSD. Photoshop mantém essa separação para distinguir entre conteúdo local e sincronizado com a nuvem.

Os ativos dos documentos na nuvem aparecem nestes locais:

• Windows: C:\Usersusername>\Documents\Adobe\Photoshop Cloud Associates
• macOS: /Users//Documents/Adobe/Photoshop Cloud Associates

Cada documento na nuvem cria sua própria subpasta dentro desse diretório.Os ativos são gerados automaticamente enquanto você trabalha, mas permanecem na máquina local até que você os compartilhe ou sincronize explicitamente no Creative Cloud.

Desativar geração de ativos.

A geração de ativos de imagem permanece ativa para um documento depois de habilitada, persistindo entre sessões. O recurso regenera automaticamente os ativos a cada vez que você salva, o que pode reduzir o desempenho em documentos complexos.

Para desativar a geração para o documento atual, desmarque Arquivo > Automatizar > Plug-ins do gerador > Ativos de imagem.Isso interrompe a criação automática de ativos, mas preserva os ativos existentes e a nomenclatura de camadas.

Para desativar o gerador globalmente em todos os documentos, selecione Editar > Preferências > Plug-ins, desmarque Ativar gerador e selecione OK.Isso desativa completamente a funcionalidade do gerador até que você a reative em Preferências.