Exportar uma única camada como uma imagem no Photoshop


47

Muitos designers me enviam PSDs em camadas de seus designs e preciso dividir as peças dos designs para colocar nas páginas da web. Posso fazer um número decente de coisas no Photoshop, mas sou pouco eficiente com isso.

Minha maneira antiga de copiar a imagem que está em uma camada e colar em uma nova imagem parece levar uma eternidade, enquanto eu brinco com recortes e coisas assim.

Eu tenho o Photoshop CS5, então não preciso de software externo para fazer nada, mas só preciso descobrir como usar uma única camada, que pode conter algo pequeno como um ícone, e exportá-la como PNG ou JPG .

Estou ciente do script chamado "Exportar camadas para arquivos", mas demorou cerca de uma hora e exportou TODAS as minhas camadas para um grande número de arquivos. Eu não estava procurando uma solução tão ampla.

Existe uma maneira fácil de fazer isso?

Respostas:


26

Para exportar uma única camada ou um grupo de camadas no Photoshop, você deve ter apenas as camadas relevantes que deseja exportar visíveis. (Então, oculte todas as camadas que você não deseja exportar e mantenha a visível). Em seguida, vá para Arquivo - Salvar para a Web e salve sua imagem.

Para entender esse processo em profundidade, consulte este tutorial.


4
ele não cortará automaticamente as camadas.
Capi Etheriel

3
Sim, portanto, se sua imagem original for maior que as camadas, você precisará voltar para todas as imagens exportadas e cortá-las. Para contornar esse uso, use Objetos Inteligentes, veja minha resposta abaixo.
reflexiv

55

Selecione a camada que deseja exportar para um novo arquivo.

No menu superior, clique em "Camada" -> "Duplicar camada ..."

Observe que existem duas opções. Um é para o nome da nova camada ...

A segunda é para o destino da nova camada, seu documento atual ou um novo documento. Selecione "Novo".


6
Quando você seleciona "Novo", é possível obter um documento do mesmo tamanho que a camada duplicada?
Djromero 29/05

Dica muito útil. Gostaria que isso o cortasse. De qualquer maneira, é um recurso interessante de saber.
Trey Copeland

Trey, veja minha resposta abaixo para usar objetos inteligentes que cortam automaticamente na maioria das vezes.
reflexiv

49

As respostas anteriores não serão cortadas automaticamente para o tamanho da camada, como indica a barraponto. O Smart Objects corrige isso e é mais eficiente:

  1. Clique com o botão direito do mouse na camada no painel Camadas e selecione Converter em objeto inteligente.
  2. Clique com o botão direito do mouse na camada novamente e selecione Editar conteúdo

CTRL + clique em várias camadas antes de converter em um Objeto Inteligente para agrupá-las.


2
Essa é de longe a resposta mais fácil e eficiente para exportar uma única imagem / camada de um documento entregue a você.
Luke Shaheen

3
Isso deve ser votado como a resposta. Porque definitivamente é. Obrigado @reflexiv.
Eric MORAND

11
Essa é a maneira mais eficiente atualmente disponível no Photoshop. Também gostaria de acrescentar que, para a segunda etapa, basta clicar duas vezes na miniatura da camada, que tem o mesmo efeito que clicar com o botão direito do mouse e selecionar Editar conteúdo, mas mais fácil.
Betty

10

Eu acrescentaria à resposta de @Daniel Garman.

  1. Duplicar Camada (no menu do botão direito do mouse na camada) -> NOVO (também oferece a opção de dar um nome a ela naquele momento, para que você não perca o que a camada foi chamada antes de chegar à etapa de salvar)
  2. Imagem -> Aparar (que oferece opções de remoção de pixels transparentes)
  3. Arquivo -> Salvar para a Web (CMD-SHIFT-OPT-S no OSX)

Essa é uma maneira bastante rápida de fazer isso.


7

Você pode fazer isso acessando File-> Scripts->Export layers to Files


11
exceto que a pergunta diz que ele está ciente disso e é uma solução ruim para o caso dele ... além disso, nem sempre funciona.
Cregox # 28/13

1

A maneira tradicional de exportar apenas parte de uma camada é usar Slices:

  1. Oculte as camadas sobrepostas que contêm pixels que você não deseja exportar (se não se sobrepuserem à área em que você está interessado, você pode deixá-las exibidas).

  2. Crie uma fatia para a seção de seu interesse, usando o menu Camadas: "Nova fatia baseada em camada" (que é bastante automática) ou crie-a manualmente com a ferramenta Fatia. Verifique se sua nova fatia é a única selecionada (há uma ferramenta de seleção de fatia ao lado da que cria fatias, no mesmo menu flutuante).

  3. Na caixa de diálogo Salvar para a Web, verifique se a fatia ainda está selecionada (essa caixa de diálogo possui sua própria ferramenta de seleção de fatia, se necessário).

  4. Durante o processo de salvamento, há um menu suspenso; certifique-se de escolher Fatias selecionadas para que não salve tudo.

A maioria das pessoas não usa mais fatias, uma vez que elas foram projetadas para os dias anteriores da Web, quando imagens individuais eram frequentemente fatiadas e remontadas em HTML - raramente feitas agora. Mas ainda os acho úteis para esse fim.

Infelizmente, a interface para as fatias não foi atualizada e pode ser um pouco difícil de usar, mas veja se elas ajudam na sua situação.


0

a maneira tradicional antiquada de fazer isso - digamos que o pré-CS funcionaria também, neste caso:

  1. reduza qualquer trabalho artístico em camadas para uma única camada - você pode desfazer isso mais tarde
  2. Clique com a tecla Alt / Alt pressionada nessa camada na paleta LAYER - isso fornecerá uma seleção apenas do trabalho artístico das camadas e não da tela ao redor
  3. copiar --- editar> copiar ou opção / alt C ==== agora você tem uma cópia dessa camada na área de transferência
  4. faça um novo documento - quando você perceber, o novo documento terá o tamanho do que você copiou na área de transferência
  5. seu novo documento conterá apenas um plano de fundo simples .... basta clicar em "colar" -> editar> colar ou optar / alt V
  6. neste ponto, você tem 2 documentos separados - você pode voltar ao documento ORIGINAL e desfazer qualquer camada que esteja achatada de volta à sua condição original
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.