¿Réplica de la barra de menú translúcida de Yosemite?

Intenté hacer un filtro en Illustrator para que se vea como el filtro usado en la barra de menú de Yosemite. Parece que no puedo hacerlo bien.Aquí hay una imagen que muestra la barra de menú:

Aquí hay una imagen de la barra de menú, para aquellos de ustedes que no están familiarizados con Yosemite.

Cualquier sugerencia sobre cómo proceder sería muy apreciada.

Publica lo que has hecho también. Es como pedir direcciones, no podemos decirle cómo llegar al punto B si no sabemos dónde está el punto A.
Es solo un gradiente simple. Si "reducir la transparencia" no está marcado en Yosemite, entonces tiene una opacidad de aproximadamente el 90%. Deberá explicar con mayor detalle dónde tiene dificultades.
En Sketch puedes simplemente desenfocar el fondo de la capa.

Respuestas (2)

Como dijeron los otros carteles anteriores, puede ser tan fácil como un simple degradado. Puede ver que el degradado se basa en los colores de la foto detrás de él para intentar que se vea como una transparencia sutil con una copia borrosa de esa parte de la imagen detrás.

Podría hacer lo mismo en Illustrator, pero sería más fácil hacerlo en Photoshop apilando una segunda foto encima de la otra. Entre las dos fotos haz una barra blanca del tamaño de la barra que necesitas. Desenfoca la foto con Gaussian Blur usa la pieza borrosa y la barra y crea una máscara de recorte para que ahora tengas lo que parece una barra borrosa de la imagen de abajo y deberías poder jugar con la transparencia de la imagen borrosa y la barra acercarse.

Las opciones de gradiente de Photoshop también son más fáciles de usar que las de Illustrator, por lo que probablemente podría obtener ese efecto con Photoshop mucho más rápido si quisiera que fuera una réplica exacta de lo que está en la foto que publicó.

No creo que se pueda hacer en una sola capa, pero obtuve un resultado decente al:

  • Copie la capa de la imagen y desenfoque gaussiano con un valor grande (utilicé 120px)
  • Cree su forma de barra de menú y cópiela una vez. Use una copia para crear una máscara de recorte con la imagen borrosa
  • Traiga la segunda forma de la barra de menú al frente, establezca el relleno en blanco y la opacidad del relleno en 10-20% de luz intensa. Agrega una pequeña sombra

Usted pidió una forma de hacer esto en Illustrator, pero le sugiero que use Photoshop si puede. Los efectos de capa como este generalmente se ven mejor.

Uso símbolos para desenfocar exactamente lo que tengo en el fondo.
¿Réplica de la barra de menú translúcida de Yosemite?
RespuestasAquíPolítica de privacidad1y, 0v