En el diseño de sitios, a menudo se utilizan elementos de navegación tridimensionales. Estos botones se pueden realizar en el editor de gráficos Photoshop, simulando el volumen mediante sombras y relleno de degradado.
Necesario
Programa de Photoshop
Instrucciones
Paso 1
Cree un nuevo documento en un editor gráfico usando la opción Nuevo del menú Archivo. Seleccione el tamaño del nuevo documento para que se ajuste al botón y haga que el fondo sea transparente.
Paso 2
Activa la herramienta Rectángulo redondeado. Si desea un botón ligeramente redondeado, en la barra de Opciones de herramienta, establezca el Radio en un milímetro. Dibuja un rectángulo redondeado con la herramienta seleccionada. La forma resultante será la base del botón.
Paso 3
Haga clic derecho en la capa y seleccione la opción Rasterizar capa. Cargue la selección con la opción Cargar selección del menú Seleccionar.
Paso 4
Utilice la herramienta Degradado para rellenar el botón con un degradado de dos colores, eligiendo una combinación adecuada de colores de los ajustes preestablecidos en la paleta de degradado. El estilo de degradado debe ser lineal, selecciónelo haciendo clic en el botón Degradado lineal en el menú principal. La parte superior del botón después del llenado debe ser más clara que la inferior.
Paso 5
Aplica un estilo a la capa. Para hacer esto, use la opción Opciones de fusión del menú contextual. Seleccione la pestaña Sombra e ingrese un valor de ciento veinte grados para el parámetro Ángulo. Establezca el parámetro Tamaño en tres píxeles.
Paso 6
En la pestaña Sombra interior, establezca el mismo valor para el parámetro Ángulo y, para Tamaño, establezca el valor en cinco píxeles. Aplique el estilo presionando la tecla Enter.
Paso 7
Haz una sombra para el botón. Para hacer esto, haga clic en el botón Crear una nueva capa y llene el área seleccionada de la nueva capa con negro. Seleccione la herramienta Bote de pintura para esto. Deseleccionar con Ctrl + D.
Paso 8
Aplique un filtro Desenfoque gaussiano del grupo Desenfoque del menú Filtro al rectángulo negro. Establezca el radio en cuatro píxeles. Arrastre la capa de sombra debajo de la capa del botón y suba la sombra de tres a cuatro píxeles. Para hacer esto, active la herramienta Mover y mueva la sombra con los botones del cursor. Reduzca la opacidad de esta capa al sesenta por ciento.
Paso 9
Cree la capa activa con el botón y cargue una selección de ella. Reduzca la selección en dos píxeles usando la opción Contrato del grupo Modificar del menú Selección.
Paso 10
Cree una nueva capa y llene la selección resultante con un degradado lineal de blanco a transparente para que la parte blanca esté en la parte inferior del botón. Deseleccione la selección. Usando la opción Transformación libre del menú Editar, reduzca el área cubierta por el degradado verticalmente. Aplica la transformación con la tecla Enter.
Paso 11
Cambie el Modo de fusión de la capa de degradado a Superposición. Esto se puede hacer seleccionando un modo de la lista desplegable en el lado izquierdo de la paleta Estilos. Reduzca la opacidad de la capa al sesenta por ciento.
Paso 12
Con la herramienta Texto horizontal, escriba el texto que debería estar en el botón.
Paso 13
Reúna todas las capas en una carpeta usando la opción Agrupar capas del menú Capa, seleccionándolas mientras mantiene presionada la tecla Ctrl. Guarde el botón en un archivo psd usando la opción Guardar del menú Archivo.
