É possível criar itens de imagens JPEG, PNG, GIF ou SVG a partir do conteúdo de uma camada ou um grupo de camadas em um arquivo PSD. Os itens são gerados automaticamente quando você adiciona uma extensão de formato de imagem suportado a um nome de camada ou nome de grupo de camadas. Opcionalmente, é possível também especificar parâmetros de qualidade e tamanho para os itens da imagem gerados.
Gerar itens de imagens a partir de um arquivo PSD é especialmente útil para o design para vários dispositivos da web.
Como criar e exportar gráficos da Web, consulte Como exportar arquivos em vários formatos no Photoshop.
Para compreender melhor o gerador de itens de imagem, considere um arquivo PSD simples (download neste link) com a seguinte hierarquia de camadas:
A hierarquia de camadas para este arquivo tem dois grupos de camadas —Rounded_rectangles e Ellipses. Cada um de esses grupos de camadas contém cinco camadas.
Siga estas etapas para criar itens de imagem deste arquivo PSD:
Os caracteres especiais : e * não são suportados nos nomes de camadas.
O Photoshop cria os itens de imagem e salva-os em uma subpasta ao lado do arquivo PSD de origem. Se o arquivo PSD de origem PSD ainda não foi salvo, o Photoshop salva os itens gerados em uma nova pasta na área de trabalho.
A geração de itens de imagem é ativada para o documento atual. Após habilitado, o recurso permanece disponível sempre que o documento é aberto a seguir. Para desativar a geração de itens de imagem para o documento atual, desmarque Arquivo > Gerar > Itens de imagem.
Para gerar vários itens de uma camada/grupo de camadas, separe os nomes de itens com vírgulas. Por exemplo, o seguinte nome de camada cria três itens:
Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png
É possível optar por salvar os itens de imagem feitos gerados de grupos específicos de camadas em uma subpasta diretamente na pasta do documento. Inclua o nome da subpasta no nome do grupo de camadas; por exemplo:
[subpasta]/Ellipse_4.jpg
Gerar itens de imagens a partir de um arquivo PSD é especialmente útil para o design para vários dispositivos da web. Considere o seguinte design da web e a sua estrutura de camadas:
Vamos extrair o ícone na parte superior e a linha superior da grade de imagem de Pontos de acesso global como itens de imagem:
Renomear as camadas/grupos de camadas apropriados
Um único item de imagem é gerado a partir do conteúdo de uma camada/grupo de camadas. Por exemplo, o grupo de camadas do logotipo AdventureCo na captura de tela acima contém uma camada de forma e uma camada de texto dinâmico. Essas camadas são achatadas quando um item de imagem é gerado a partir do grupo de camadas.
O Photoshop cria os itens e salva-os no mesmo local do arquivo PSD de origem.
Por padrão, os itens JPEG são gerados com qualidade de 90%. Por padrão, os itens PNG são gerados como imagens de 32 bits. Os itens GIF são gerados com transparência alfa básica.
É possível personalizar a qualidade e o tamanho enquanto se renomeia camadas ou grupos de camadas na preparação para geração de itens.
Observação: Lembre-se de adicionar um caractere de espaço entre o prefixo e o nome do item. Se você estiver especificando o tamanho em pixels, poderá omitir a unidade. Por exemplo, 300 x 200.
Como ilustrado, você pode mesclar diferentes unidades e pixels para especificar o tamanho desejado de saída. Por exemplo, 4in x 100 Rounded_rectangle_3.jpg é um nome válido de camada para a geração de itens.
Observação: Lembre-se de adicionar um caractere de espaço entre o prefixo e o nome do item. Se você estiver especificando o tamanho em pixels, poderá omitir a unidade. Por exemplo, 300 x 200.
Como ilustrado, você pode mesclar diferentes unidades e pixels para especificar o tamanho desejado de saída. Por exemplo, 4in x 100 Rounded_rectangle_3.png é um nome válido de camada para a geração de itens.
Observação: Lembre-se de adicionar um caractere de espaço entre o prefixo e o nome do item. Se você estiver especificando o tamanho em pixels, poderá omitir a unidade. Por exemplo, 300 x 200.
Como ilustrado, você pode mesclar diferentes unidades e pixels para especificar o tamanho desejado de saída. Por exemplo, 4in x 100 Rounded_rectangle_3.gif é um nome de camada válido para a geração de itens.
Parâmetros de qualidade não estão disponíveis para itens GIF.
É possível especificar vários nomes de itens com parâmetros ao nomear uma camada para geração de itens. Por exemplo:
120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif
O Photoshop cria os seguintes itens a partir dessa camada:
É possível especificar configurações padrão de largura do documento para os itens gerados. Siga estas etapas:
padrão alta-res/
Gerencie os itens da imagem em uma subpasta denominada alta-res. Por exemplo, [asset_folder]/alta-res/Delicious.jpg.
padrão alta-res/@2x
Gerencie os itens da imagem em uma subpasta denominada alta-res. Além de isso, adicione sufixos aos nomes dos itens com @2x. Por exemplo, [asset_folder] /alta-res/ Delicious@2x.jpg.
Padrão 50% baixa-res/
Salve os itens de imagem reduzidas em 50% na subpasta baixa- res na pasta de itens do documento
padrão alta-res/@2x + 50% baixa- res/
Gerencie dois itens de uma camada:
Os fatores de dimensionamento padrão são substituídos por fatores de dimensionamento especificados para camadas individuais.
É possível desativar a geração de itens de imagem globais para todos os documentos do Photoshop ao alterar as suas Preferências.
O comando de menu Arquivo > Criar não fica disponível ao desativar a geração de itens de imagem de Preferências. O recurso pode ser ativado novamente somente na caixa de diálogo Preferências .
Os nomes de itens devem ser exclusivos no nível do documento.
Por padrão, os itens JPG são gerados com qualidade de 90%. Por padrão, os itens PNG são gerados como imagens de 32 bits. Os itens GIF são gerados com transparência alfa básica.
Sim. A transparência e outros efeitos aplicados em uma camada são refletidos nos itens criados a partir dessa camada. No entanto, esses efeitos podem ser nivelados nos itens gerados.
Os ativos são cortados nos limites do documento. Se uma imagem não estiver dentro dos limites do documento, o Generator não cria os ativos de imagem associados.
Além da vírgula (,), é possível usar o símbolo de adição (+) como separador entre os nomes dos itens de imagem. Por exemplo:
42% Rounded_rectangle_1.png24 + 100x100 Rounded_rectangle_1.jpg90%
é igual a:
42% Rounded_rectangle_1.png24, 100x100 Rounded_rectangle_1.jpg90%
Fazer logon em sua conta