Tecnología

Inicio

Cómo crear una barra de navegación desvaneciendo con una capa de máscara

Creación de un sitio web o aplicación requiere muchos elementos de diseño diferente, pero uno de los elementos más comunes es algún tipo de barra de navegación que permite a los usuarios navegar por el sitio web o aplicación. Si ha creado una barra de navegación, pero que le gustaría que se desvanecen en el fondo, se puede lograr esto usando una máscara en Photoshop, GIMP o cualquier editor de gráficos basados ​​en capas distintas. Una vez que haya creado su máscara, puede modificar los detalles de la atenuación a su gusto.

Instrucciones

1 Abrir Photoshop u otro programa de edición de gráficos y abra el archivo de imagen.

2 Haga clic en la capa que contiene la barra de navegación en la ventana de Capas para seleccionarlo.

3 Haga clic en el icono "Nueva máscara de capa" en la ventana de capas o haga clic en la capa y seleccione "Añadir máscara de capa" para añadir una máscara, que se verá como una caja blanca. Haga clic en la máscara de capa para seleccionarla.

4 Haga clic en la "herramienta de degradado" en la ventana de Herramientas y seleccione un gradiente lineal "blanco y negro" en la ventana de opciones de degradado.

5 Haga clic en la parte de la imagen donde desea que la barra de navegación para comenzar desvaneciendo en el fondo y arrastre en la dirección en la que le gustaría que se desvanecen. Suelte el botón del ratón para dibujar el gradiente en la máscara de capa.

6 Haga clic en "Editar" en la barra de herramientas superior y elegir la opción "Deshacer" si no le gusta el resultado, a continuación, dibuje la línea de gradiente de nuevo.

Consejos y advertencias

  • Mantenga las teclas "Ctrl", "Shift" o mientras se arrastra para hacer la línea de gradiente se adhieren a los ángulos rectos.