Exportar una sola capa como imagen en Photoshop


47

Tengo muchos diseñadores que me envían PSD en capas de sus diseños y necesito separar las piezas de los diseños para colocarlos en las páginas web. Puedo hacer una cantidad decente de cosas en Photoshop, pero no soy eficiente con eso.

Mi antigua forma de simplemente copiar la imagen que está en una capa y pegarla en una nueva imagen parece tomar una eternidad mientras me equivoco con el recorte y demás.

Tengo Photoshop CS5, así que no necesito software externo para hacer nada, pero solo necesito descubrir cómo tomar una sola capa, que puede contener algo pequeño como un icono, y exportarlo como PNG o JPG .

Conozco el script llamado "Exportar capas a archivos", pero tardó aproximadamente una hora y exporté TODAS mis capas a una gran cantidad de archivos. No estaba buscando una solución tan amplia.

¿Hay una forma fácil de hacer esto?

Respuestas:


26

Para exportar una sola capa o un grupo de capas en Photoshop, debe tener visibles solo las capas relevantes que desea exportar. (Por lo tanto, oculte todas las capas que no desea exportar y mantenga visible la correspondiente). Luego vaya a Archivo - Guardar para web y guarde su imagen.

Para comprender este proceso en profundidad, eche un vistazo a este tutorial.


44
sin embargo, no recortará automáticamente las capas.
Capi Etheriel

3
Sí, así que si su imagen original es más grande que las capas, debe volver a todas las imágenes exportadas y recortarlas. Para evitar esto, use Smart Objects, vea mi respuesta a continuación.
reflexiv

55

Seleccione la capa que desea exportar a un nuevo archivo.

En el menú superior, haga clic en "Capa" -> "Duplicar capa ..."

Tenga en cuenta que hay DOS opciones. Uno es para el nombre de la nueva capa ...

El segundo es para el destino de la nueva capa, ya sea su documento actual o un documento Nuevo. Selecciona "Nuevo".


66
Cuando selecciona "Nuevo", ¿es posible obtener un documento del mismo tamaño que la capa duplicada?
djromero

Consejo muy útil. Sin embargo, desearía que esto lo recortara. De cualquier manera, es una buena característica saberlo.
Trey Copeland

Trey, mira mi respuesta a continuación para usar objetos inteligentes que recortan automáticamente la mayor parte del tiempo.
reflexiv

49

Las respuestas anteriores no se recortarán automáticamente al tamaño de la capa como señala barraponto. Smart Objects soluciona esto y es más eficiente:

  1. Haga clic derecho en la capa en el Panel de capas y seleccione Convertir en objeto inteligente
  2. Haga clic derecho en la capa nuevamente y seleccione Editar contenido

CTRL + clic en varias capas antes de convertirlas en un objeto inteligente para agruparlas.


2
Esta es, con mucho, la respuesta más fácil y eficiente para exportar una sola imagen / capa de un documento que se le entrega.
Luke Shaheen

3
Eso debería ser votado como la respuesta. Porque definitivamente lo es. Gracias @reflexiv.
Eric MORAND

1
Esta es la forma más eficiente actualmente disponible en Photoshop. También me gustaría agregar que para el segundo paso, puede hacer doble clic en la miniatura de la capa, que tiene el mismo efecto que el clic derecho y seleccionar Editar contenido, pero es más fácil.
Betty

10

Yo agregaría a la respuesta de @Daniel Garman.

  1. Duplicar capa (ya sea en el menú al hacer clic derecho en la capa) -> NUEVO (también le da la opción de darle un nombre en ese momento para que no pierda cómo se llamaba la capa antes de llegar al paso de guardar)
  2. Imagen -> Recortar (que le dará opciones para eliminar píxeles transparentes)
  3. Archivo -> Guardar para web (CMD-SHIFT-OPT-S en OSX)

Esa es una forma bastante rápida de hacerlo.


7

Puede hacer esto yendo a File-> Scripts->Export layers to Files


1
excepto que la pregunta dice que es consciente de esto y es una mala solución para su caso ... además, en realidad no siempre funciona.
cregox

1

La forma tradicional de exportar solo una parte de una capa es usar Slices:

  1. Oculte las capas superpuestas que contienen píxeles que no desea exportar (si no se superponen en el área que le interesa, puede dejarlas aparecer).

  2. Cree un sector para la sección que le interesa, utilizando el menú Capas: "Nuevo sector basado en capas" (que es bastante automático) o créelo manualmente con la herramienta Sector. Asegúrese de que su nueva división sea la única seleccionada (hay una herramienta de selección de división justo al lado de la que crea divisiones, en el mismo menú desplegable).

  3. En el cuadro de diálogo Guardar para Web, asegúrese de que el segmento aún esté seleccionado (ese cuadro de diálogo tiene su propia herramienta de selección de segmento si lo necesita).

  4. Durante el proceso de guardar, hay un menú desplegable; asegúrese de haber elegido las rebanadas seleccionadas para que no guarde todo.

La mayoría de las personas ya no usan cortes, ya que fueron diseñados para los primeros días de la Web cuando las imágenes individuales a menudo se cortaban y luego se volvían a ensamblar en HTML, algo que rara vez se hacía ahora. Pero todavía los encuentro útiles para este propósito.

Desafortunadamente, la interfaz para los segmentos no se ha actualizado y pueden ser un poco incómodos de usar, pero vea si ayudan en su situación.


0

la forma tradicional antigua de hacer esto: digamos que pre-CS también funcionaría, en este caso:

  1. reduzca cualquier obra de arte en capas a una sola capa; puede deshacer esto más tarde
  2. Opción / alt haga clic en esa capa en la paleta LAYER: esto le dará una selección de las ilustraciones de esas capas y no del lienzo circundante
  3. copiar --- editar> copiar u opción / alt C ==== ahora tiene una copia de esta capa en el portapapeles
  4. hacer un nuevo documento: cuando lo haga, notará que el nuevo documento ahora tendrá el tamaño de lo que copió en el portapapeles
  5. su nuevo documento contendrá solo un fondo plano ... simplemente presione "pegar" -> editar> pegar u optioin / alt V
  6. en este punto tiene 2 documentos separados: puede volver al documento ORIGINAL y deshacer cualquier capa que se aplaste a su estado original
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.