Tutorial básico sobre cómo crear botones PS: creación de una barra de navegación de cristal rayada
Este tutorial presenta cómo hacer una barra de navegación muy exquisita. El proceso general: primero cree la forma de la barra de navegación que desee y luego establezca el estilo de capa en las partes resaltadas y de fondo de la barra de navegación para crear una textura de cristal. Puede ajustar los detalles y agregar texto más tarde.
Efecto final
1. Abra el material de fondo que se muestra en la imagen a continuación.
Haga clic en la imagen pequeña para ver la imagen más grande
2. Seleccione la "Herramienta Rectángulo redondeado", seleccione el botón "Capa de forma" en la barra de opciones de herramientas que se abre y cree. Capas de "Forma 1".
3. Agregue un estilo de capa a la capa "Forma 1", haga clic en el elemento "Proyección" y establezca sus parámetros.
4. Haga clic en el elemento "Sombra interior" y establezca sus parámetros.
5. Haga clic en el elemento "Bisel y relieve" y establezca sus parámetros.
6. Haga clic en el elemento "Superposición de patrón" y establezca sus parámetros.
7. Haga clic en el elemento "Trazo" y configure sus parámetros.
8. Presione el botón "Aceptar", cierre el cuadro de diálogo "Estilo de capa" y establezca los parámetros de "Relleno" de la capa. El efecto es como se muestra en la figura.
9. Duplique la capa "Forma 1" para obtener la capa "Copia de forma 1" y elimine el estilo de capa de la capa "Copia de forma 1". El efecto es como se muestra en la figura.
10. Agregue el estilo de capa "Superposición de degradado" a la capa "Forma 1" y establezca sus parámetros.
11. Presione el botón "Aceptar", cierre el cuadro de diálogo "Estilo de capa" y establezca los parámetros de "Relleno" de la capa. El efecto es como se muestra en la figura.
12. Seleccione la "Herramienta Rectángulo", seleccione el botón "Capa de forma" en la barra de opciones de herramientas que se abre y cree una capa "Forma 2".
13. Agregue un estilo de capa a la capa "Forma 2", haga clic en el elemento "Proyección" y establezca sus parámetros.
#p#subtitle#e#
14. Haga clic en el elemento "Resplandor interior" y establezca sus parámetros.
11. Presione el botón "Aceptar", cierre el cuadro de diálogo "Estilo de capa" y establezca los parámetros de "Relleno" de la capa. El efecto es como se muestra en la figura.
12. Seleccione la "Herramienta Rectángulo", seleccione el botón "Capa de forma" en la barra de opciones de herramientas que se abre y cree una capa "Forma 2".
13. Agregue un estilo de capa a la capa "Forma 2", haga clic en el elemento "Proyección" y establezca sus parámetros.
14. Haga clic en el elemento "Resplandor interior" y configure sus parámetros.
15. Haga clic en el elemento "Superposición de degradado" y establezca sus parámetros.
16. Haga clic en el elemento "Trazo" y configure sus parámetros.
17. Presione el botón "Aceptar", cierre el cuadro de diálogo "Estilo de capa" y configure los parámetros de "Relleno". El efecto se muestra en la figura.
18. Duplique la capa "Forma 1", obtenga la capa "Forma 1 Copia 2" y asígnele el nombre "Resaltar" y elimine el estilo de capa de su capa.
19. Rasterice la capa "Resaltar", presione la tecla Ctrl mientras hace clic en la capa "Forma 1", cárguela en la selección, mueva la posición de la selección y ajuste la capa "Resaltar" Realice el recorte.
20. Añade una máscara de capa a la capa "Resaltar" y selecciona la "Herramienta Degradado" para ajustar la imagen.
21. Configure el parámetro "relleno", el efecto es como se muestra en la figura.
22. Duplique la capa "Forma 1", obtenga la capa "Forma 1 Copia 2" y asígnele el nombre "Borde" y elimine el estilo de capa de su capa.
23. Rasterice la capa "Borde" y recorte la capa "Borde" siguiendo el método de recortar la capa "Resaltar".
24. Cancele la selección, el efecto es como se muestra en la figura.
#p#subtitle#e#
25. Configure el parámetro "relleno", el efecto se muestra en la figura.
26. Muestre el grupo de capas oculto "Grupo 1" y la capa "Material" en la paleta "Capa" para completar la producción de este ejemplo.
Efecto final:
#p#subtitle#e#