Automatice el reemplazo de objetos inteligentes en Photoshop

¿Por qué saltar a Photoshop para hacer el diseño? Si está creando el arte en Illustrator para empezar, quédese con Illy. Es mucho más apto para la tarea. Puede colocar su arte como enlaces o simplemente mantener sus estilos en un solo documento (suponiendo que su aplicación no sea demasiado grande).

Una solución [dolorosa] para hacer que Photoshop haga cosas poco naturales son las variables . Solo haría esto cuando Photoshop sea absolutamente necesario. Aquí están los conceptos básicos de ese enlace:

Paso 1: Definir Variables

Cree capas con los nombres de las variables.

Configurar capas variables

Vaya a Imágenes > Variables > Definir. Ahora seleccione la capa que se llama varHeader en el menú desplegable, haga clic en la casilla de verificación Reemplazo de píxeles y asigne a la variable un nombre relevante. Me gusta usar el método "tal cual" para que el archivo importado no cambie de tamaño. El archivo importado se alinea en relación con los límites del archivo en el que se encuentra. En el caso de un encabezado, me gusta elegir la esquina superior izquierda de la cuadrícula para que mi archivo de encabezado siempre se alinee correctamente.

Definir variables

Haga clic en el botón Siguiente.

Paso 2: crear conjuntos de datos

Los conjuntos de datos son simplemente grupos de datos presentados en forma tabular. Para crear un conjunto de datos, haga clic en el ícono pequeño del disco duro con una flecha apuntando hacia él. Asigne al conjunto de datos un nombre que cualquiera pueda entender. En el cuadro Variables, asegúrese de que el encabezado esté seleccionado y configure el Valor seleccionando el archivo que desea importar. A continuación, puede ver el nombre de la variable, el nombre del archivo y la capa a la que están asociados a continuación.

Crear conjunto de datos

Haga clic en Aplicar, luego haga clic en Aceptar.

¡Eso es todo! Su primera variable está vinculada a un archivo externo. Replique el proceso para vincular variables adicionales a sus archivos asociados.

Paso 3: aplicar el conjunto de datos

El objetivo de esto es la capacidad de actualizar sus diseños fácilmente cuando se realizan cambios en los archivos externos/importados. Simplemente abra el archivo de diseño y vaya a Imagen > Aplicar conjunto de datos. Seleccione el conjunto de datos para actualizar y haga clic en Aplicar.

Dado que presumiblemente tiene un montón de desarrolladores a mano, tal vez pueda persuadir a alguien para que ingrese al DOM de Photoshop y escriba un javascript personalizado. No creo que sea demasiado complejo, y ciertamente no es imposible.

Un enfoque alternativo, si entiendo correctamente su flujo de trabajo (un solo archivo maestro de IA que controla todos los PSD), sería configurar una Acción que reemplace el contenido del SO (Capa> Objetos inteligentes> Reemplazar contenido) y guarde el expediente.

En lugar de simplemente guardar su edición nuevamente en el PSD, lo que lo obliga al escenario Copiar/Pegar, guarde como standard_filename.aien su carpeta maestra y haga que la Acción se dirija a ese archivo explícitamente.

Seleccione todos los PSD, luego use el script por lotes en Bridge ( Tools > Photoshop > Batch...) para ejecutar la acción en todos ellos de una sola vez.

Simplemente podría usar un objeto inteligente dentro de Photoshop.

Por ejemplo:

Configure su archivo de Illustrator con todos los botones:

Abra el archivo de Photoshop y simplemente elija Archivo > Colocar y coloque el archivo de Illustrator (como un objeto inteligente):

Ahora puede enmascarar las partes que no necesita y duplicar, reposicionar y escalar el objeto inteligente tantas veces como sea necesario:

En este punto, actualizar cualquiera de los elementos del objeto inteligente simplemente requiere hacer doble clic en la miniatura de la capa y luego editar el archivo AI maestro (interno). Una vez que guarda en AI y regresa a Photoshop, todas las capas de objetos inteligentes se actualizan pero las transformaciones no se restablecen. Esto es muy útil simplemente para cambiar la apariencia de los datos de objetos inteligentes sin alterar realmente las dimensiones de los datos internos.

Cuando duplica una capa de objeto inteligente en Photoshop, no duplica los datos internos del objeto inteligente. De hecho, crea otra instancia de los mismos datos. Por lo tanto, si se actualizan los datos internos, todas las instancias también se actualizarán.

La parte complicada de hacer las cosas de esta manera es el enmascaramiento. Si tiene muchos elementos, crear una máscara para cada elemento puede llevar un poco de tiempo. Sin embargo, una vez que se generan las máscaras, las actualizaciones futuras son mucho más rápidas de esta manera.