Creación de sprites CSS desde Photoshop

Tengo un PSD con un diseño web.
Cada vez que modifico el diseño, necesito copiar manualmente diferentes partes de la imagen, con diferentes visibilidades de capa (para transparencia) en sprites CSS.

¿Cuánto se puede automatizar eso?

Agradezco que desee mantener la pregunta genérica, pero un ejemplo probablemente sería útil. ¿Las visibilidades de las capas ya están configuradas o tiene que cambiarlas individualmente antes de exportar?
@Pekka: Diferentes porciones necesitan diferentes visibilidades. Por ejemplo, el fondo del sitio se exporta visible, pero el fondo del contenido se exporta con el fondo global invisible. (para una sombra transparente)
Ya veo. Así que esto definitivamente requiere un procesamiento por lotes. Interesado en ver lo que sale! ...

Respuestas (2)

Utilicé un script automático de Photoshop una vez y funcionó bien.

El concepto es:

  • Cada porción es una imagen diferente.
  • Cada porción (y por lo tanto, cada imagen) debe estar en la misma carpeta sin ninguna otra imagen.
  • Ejecute el script indicando la carpeta y algunos parámetros (tamaño, nombre css, etc...).

  • El guión hace:

    1. Combina todas las imágenes en una sola con el tamaño que indicaste.
    2. Generar el archivo CSS

En tu caso, si modificas una imagen, regeneras la imagen global y el CSS a través del script y... eso es todo. Tal vez necesites copiar/pegar el CSS en el tuyo si no quieres usar el generado.

Notas:

Lo probé con algunos archivos y funcionó muy bien. Luego, probé como ~ 600 imágenes y luego, necesitarás una buena CPU y paciencia;) En este caso, no lo uses.

¿No usaría cortes + iniciaría una acción que comenzaría con la selección de marquesina (con ajustar a los cortes y los límites del documento activados) todos sus cortes uno por uno, pero recortaría la selección cada vez y guardaría como png, ctrl alt z deshacer hasta que no se recorte, seleccionando cada sector, recortando, etc., hasta terminar con todos los sectores, luego deteniendo la Acción. En el medio, podría ocultar/mostrar cualquier capa, ya que siempre es el mismo archivo, por lo que no debería haber conflictos... Por lo tanto, cargaría la acción sobre su psd modificado cada vez. Lo único que se me ocurre es que en realidad necesitas cambiar los bordes de los cortes. O que... no te entendí bien...

Editar: si no es necesario cortar, entonces una macro (acción) que incluye solo ocultar o mostrar las capas en el orden que necesita, después de que se hayan realizado todos los ajustes. Como digo, puede que no esté entendiendo...

Si bien veo su primer párrafo bastante confuso y, sin embargo, parece agregar más al flujo de trabajo que automatizarlo; Podría ver hacia dónde te diriges con la acción de ocultar/mostrar capas, aunque usaría cortes con ella.
¡Gracias! Sin embargo, estoy tratando de entender el voto negativo de quien sea...
Creación de sprites CSS desde Photoshop
RespuestasAquíPolítica de privacidad1y, 0v