Cómo aislar efectos de capa en su propia capa

He puesto algunos efectos agradables en una capa en Photoshop y el efecto se repite en varias capas. Ahora, tengo que cortarlo para la web, y quiero ser eficiente con la forma en que muestro el efecto.

Por ejemplo, tenía un brillo exterior para un juego de preguntas que tenía que usar para un montón de imágenes y podía encenderse/apagarse. Entonces, en lugar de exportar cada imagen con/sin, puedo exportarla por separado y usarla/no en cada imagen.

¿Cómo se separa la capa de sus efectos, para poder exportar solo los efectos?

Estaba pensando que algunos estilos se pueden hacer con CSS, no se requieren imágenes. Podrías hacer un brillo externo usando la box-shadowpropiedad.
En un mundo ideal, seguro; pero en uno en el que tenemos que admitir IE8 y el brillo tiene información significativa, no tanto. Cómo aborrezco IE.
pero puede admitir brillos en IE con CSS3 Pie o Modernizr

Respuestas (2)

Otra forma de hacerlo sería:

  1. Crear nueva capa.
  2. Establecer Fill Opacityen 0%.
  3. Haga clic con el botón derecho en la capa del Layerspanel del que desea aislar los estilos de capa y seleccione Copy Layer Styles.
  4. Haga clic derecho en la nueva capa y seleccione Paste Layer Styles.

Solo menciono este método porque Copy/Paste Layer Stylestiene más de un uso y podría ser útil para su flujo de trabajo en otras tareas.

Un método aún más simple específicamente para su caso sería simplemente hacer clic con el botón derecho en la capa, seleccionarla Duplicate Layers..y luego bajarla Fill Opacitya 0%la capa duplicada.

Lo más simple de todo ... configure las capas originales Fill Opacityy 0%expórtelas / guárdelas y luego vuelva a configurarlas 100%si es necesario; con este método, el tamaño del archivo del proyecto sería más pequeño (suponiendo que desee guardarlo cuando termine).

¿Cómo separar los estilos de capa en sus propias capas? tiene la respuesta en la pregunta. También me encontré con Photoshop Tip: Aislamiento de estilos de capa que lo explica con capturas de pantalla.

Seleccione la capa. Ir Layer > Layer Style > Create Layersa ¡Ahí tienes!

Su enlace puede resolver el problema en cuestión, pero ¿puede publicar un poco sobre el enlace en caso de que el sitio se caiga y evitar un enlace muerto?