He creado una interfaz de usuario de pestaña simple con 3 botones posibles, izquierda, centro y derecha. Lo primero que quería hacer era simplemente hacer una pestaña grande (que incluye las partes izquierda, derecha y central en sí misma), y copiarla 3 veces y agregar una máscara a cada una de ellas, de modo que solo la parte deseada de la pestaña se mostrará... que cambié el nombre de las capas a algo tab_left.png
así como que Photoshop generaría el archivo png para mí automáticamente... PERO el archivo generado no era el mismo que el de Photoshop.
cada imagen tenía un efecto, por lo que colocar la máscara hará que el efecto cambie su posición, así que marqué Layer Mask Hides Effects
la opción en el menú de efectos, pero la imagen generada se generó como si esta opción no estuviera seleccionada... ¿cómo puedo hacer que esto funcione? ? ¿O es un error en Photoshop?
Ahora estoy usando cortes, pero realmente no me gustan los cortes, especialmente porque no es tan práctico como la generate
opción, y para hacer las imágenes con transparencia las cosas se complican mucho más... ¿algún buen consejo?
EDITAR: Algunas imágenes de lo que está sucediendo... Esta es la barra, habrá texto para indicar las posiciones de los botones, pero no hay separación en los botones... cuando el usuario toca (o el mouse pasa sobre él) aparece el botón ( el botón de la izquierda)....cuando el botón está seleccionado (se hace clic), el botón se vuelve más brillante (el botón de la derecha). He marcado la parte izquierda, la parte derecha y la parte central con indicadores rojos, no están en el proyecto.
Para que esto funcione , hice 5 imágenes: left
, center
, right
y . Si tengo una barra y la copio 2 veces y agrego una máscara para hacer el botón, queda así:focused
clicked
left
Lo cual no funcionará para mi propósito, ya que a medida que agrego botones a la derecha, siempre habrá un borde, por lo que para que no tenga bordes, tengo que agregar la Layer Mask Hides Effects
opción para obtener esto:
Lo mismo ocurre con los botones central y derecho:
Para que quede claro, habrá un left
botón, muchos center
botones y un right
botón final.
Las capas se ven así:
De arriba a abajo: 2 formas para ser los botones enfocados y presionados, 3 capas que tienen la misma imagen, pero cada una con su propia máscara, y la capa inferior es la imagen de la barra completa, solo como referencia.
Cuando hago que Photoshop genere (Archivo> Generar> Activos de imagen) esto es lo que obtengo:
Son básicamente todos iguales, como si la Layer Mask Hides Effects
opción no estuviera seleccionada en absoluto.... puedes ver los bordes allí en cada imagen, donde no deberían.
Me gusta la opción Generar porque las imágenes se generarán fácilmente con sus transparencias, mientras que la otra opción es copiarlo en otro archivo con un fondo transparente y guardarlo allí... lo que lleva mucho tiempo para muchas imágenes y es propenso a error, y las divisiones tampoco son lo mejor, ya que no me darán las transparencias, a menos que cambie la visibilidad de muchos otros objetos... para sitios web, las divisiones podrían funcionar bien, pero esto será para una aplicación, así que las transparencias son bienvenidas.
Entonces vuelvo a preguntar: ¿Qué estoy haciendo mal y cuál es la forma correcta de hacerlo?
EDITAR 3:
Estoy en Windows 7 x64 Photoshop CC versión 14.2.1 x64 (lo mismo sucede en la versión 2014: 2014.0.0 20140508.r.58.x64)
EDITAR 4:
Envié los archivos a Adobe y confirmaron que es un error, una vez que haya una solución para esto, lo colocaré aquí.
[Actualizado basado en una pregunta actualizada]
En una prueba rápida en Ps CC y Ps CC 2014 (x64, Windows 7 y 8.1), Generate funciona como se esperaba, incluidos los cambios introducidos al activar y desactivar "Layer Mask Hides Effects". Los PNG reproducen correctamente las apariencias de las tres capas.
Sin embargo, desde el punto de vista de la producción, creo que al tratar de hacer las cosas más simples, las estás complicando demasiado. Dado que está creando activos para una aplicación, estos elementos son independientes de la posición, aparte del hecho de que están en una maqueta. En realidad, sería más sencillo crear simplemente los botones derecho, izquierdo e intermedio como capas independientes.
La eliminación selectiva de partes de un efecto se puede hacer de varias maneras además de "La máscara de capa oculta los efectos", que es una propuesta de todo o nada que no le da mucho control. Sugeriría cualquiera de estos como alternativas más flexibles:
Cree su objeto con efectos, conviértalo en un objeto inteligente y luego aplique el enmascaramiento que necesite. (Esto también funcionará con su enfoque de barra de caramelo única. Simplemente copie el objeto inteligente dos veces y enmascare las copias por separado). Una ventaja con este enfoque es que si cambia el color, el degradado o lo que sea en una copia, los demás se actualizan automágicamente.
Cree el objeto con efectos, luego haga clic derecho en la etiqueta "Efectos" en el Panel de capas y elija "Crear capas". Esto le brinda un conjunto de capas con los efectos de capas ráster reales, completas con transparencia, que puede editar a su gusto y luego fusionarlas o convertirlas en un objeto inteligente.
No puedo decir de sus capturas de pantalla exactamente qué efectos está aplicando o por qué tendría un problema con los PNG generados. Como dije, veo efectos ocultos o no en la salida, dependiendo de si la "Máscara de capa oculta efectos" está marcada. Al solucionar anomalías extrañas, restablecer las preferencias de Photoshop es una de las primeras líneas de ataque. Podrías darle una oportunidad.
Image assets
no está habilitado en el File > Generate
y si tiene capas nombradas con .jpg, .png or .gif
él, intenta guardarlas. Lo único es que como no está habilitado, los archivos salen dañados o algo así. Me alegró saber que puede deshabilitar el generador de activos en la PS Preferences > plugins
.Si establece efectos en capas y luego lo enmascara, los efectos se aplican al área enmascarada.
Siga estos pasos:
Ejemplo de pantalla de Photoshop:
Joonas
mFeinstein
Joonas
mFeinstein
Joonas
mFeinstein
mFeinstein
Joonas