Corte parcial transparente en Photoshop

Estoy tratando de solucionar algunos problemas que tengo con Photoshop como desarrollador web que crea gráficos para la web. Estoy usando Photoshop CC/14 y anteriormente he usado Fireworks.

Tengo una capa de "botón" encima de muchas capas de fondo. El botón tiene un borde emplumado.

¿Cómo exporto fácilmente los gráficos de este botón sin todas las capas de fondo y en su lugar un fondo transparente?

Podría ocultar todas las capas de fondo y luego crear un segmento de capa que luego sea fácil de exportar. Pero ocultar todas las capas de fondo cada vez que necesito hacer eso parece estúpido.

¿Cuál es la forma inteligente y brillante de hacer esto que he pasado por alto? alternativamente simplemente explique cómo lo hace normalmente?

¿ Colocar los ayeres de fondo en un grupo de capas y luego simplemente ocultar el grupo?
Este es un ejemplo simple. Reorganizar las capas siempre puede resolverlo de esta manera, pero algunas veces el documento está un poco desordenado, por lo que sería más fácil con una solución que solo se centrara en las capas específicas.

Respuestas (1)

Tengo tres sugerencias:

Método 1 : uso de la herramienta Layer Comp + Slice

Con Layer Comps puedes guardar la visibilidad de tus capas. Para hacer esto, primero ubique el panel Layer Comps ( Window > Layer Comps), cree un New Layer Comp, asígnele el nombre, por ejemplo, 'Demo', luego oculte todas las capas de fondo, cree otra composición de capas y asígnele el nombre, por ejemplo, 'Slice Ready'. Luego use la herramienta de corte (no explicaré esto porque parece que ya lo sabe). Siempre que desee exportar ( File > Save for Web & Devices...), seleccione Slice Readyprimero la composición de la capa. Luego, seleccione fácilmente la composición de la capa 'Demo' para volver atrás.

Método 2 - Eliminación profunda + Herramienta de corte

Suponiendo que todo el botón está encima de la capa de fondo, cree una capa negra sólida justo debajo del botón (pero encima de las capas de fondo). Haga clic con el botón derecho en la capa negra sólida, elija Blending Options..., debajo de Advanced Blendingestablecer Knockouten Deep, debajo de Blend if, This Layerarrastre la perilla negra un poco hacia la derecha, el fondo ahora debería desaparecer. Y nuevamente, use la herramienta de división para exportar los botones.

Método 3 - Objetos inteligentes + Guardar cada objeto

Probablemente esta no sea su mejor opción si tiene varios botones, pero quiere mencionarlo de todos modos. Convierta un botón en un objeto inteligente seleccionando las capas para un botón, haga clic derecho sobre él y presione Convert to Smart Object. Abra un objeto inteligente haciendo doble clic en él. Después de convertir un botón en un objeto inteligente, lo guardará como un archivo .png, .jpgo en el formato que desee.

TY. Me gusta la flexibilidad del Método 1. La forma definitiva (pero inexistente) de exportar ocasionalmente gráficos individuales (con fondos transparentes) y no una división completa: 1. Seleccione las capas para exportar para web 2. Haga clic en "Guardar en web" 3. Se muestra una vista previa con una versión recortada del documento que muestra solo el contenido de las capas seleccionadas. 4. Optimizar la configuración 5. Guardar