Cómo Hacer Botones Para Un Sitio Web En Photoshop

Tabla de contenido:

Cómo Hacer Botones Para Un Sitio Web En Photoshop
Cómo Hacer Botones Para Un Sitio Web En Photoshop

Video: Cómo Hacer Botones Para Un Sitio Web En Photoshop

Video: Cómo Hacer Botones Para Un Sitio Web En Photoshop
Video: Cómo crear botones con photoshop para web // Fácil y rápido. 2024, Mayo
Anonim

La navegación sencilla es la clave para que un sitio web sea cómodo de visitar y atractivo tanto para el propietario como para los visitantes en línea. Los elementos de menú y navegación deben ser claros, agradables y concisos, y es una buena idea crear botones atractivos para su sitio web en el editor de gráficos Adobe Photoshop. No es difícil de hacer.

Cómo hacer botones para un sitio web en Photoshop
Cómo hacer botones para un sitio web en Photoshop

Instrucciones

Paso 1

Cree un nuevo documento y seleccione la herramienta Rectángulo redondeado de la barra de herramientas. Dibuje un rectángulo redondeado estrecho, luego seleccione la herramienta Marco elíptico de la Caja de herramientas y dibuje un círculo en el lado izquierdo del rectángulo que se superponga a sus bordes y vaya más allá.

Paso 2

Haga clic con el botón derecho en la capa del rectángulo y seleccione la opción Rasterizar capa, y luego, en el centro de la selección, haga clic nuevamente y seleccione la opción Capa mediante corte del menú contextual para copiar la selección a una nueva capa.

Paso 3

Abra el menú de configuración de capas y en la pestaña Sombra paralela configure el modo de fusión en Normal, la opacidad en 23% y la distancia en 3 píxeles. En la pestaña Superposición de color, establezca el color deseado con el modo de fusión Normal y la transparencia al 100%. Debería tener una imagen de dos colores.

Paso 4

Seleccione la herramienta Marco elíptico de la caja de herramientas nuevamente y dibuje un círculo dentro de la selección de color de la izquierda. Haga clic en Eliminar. Después de eso, transfiera la selección a una nueva capa y rellénela con cualquier color.

Paso 5

Abra el menú Estilo de capa nuevamente y ajuste la pestaña Superposición de degradado en cualquier color que se adapte a la combinación de colores de su sitio. Establezca el estilo radial en el degradado. Luego, en la pestaña Trazo, establezca el grosor del trazo en 2 píxeles, la posición exterior del trazado y la opacidad en 30%. Seleccione un relleno de degradado para el trazo. Haga clic en Aceptar.

Paso 6

En la caja de herramientas, seleccione un pincel con color blanco, ajústelo para que sea suave y el diámetro del pincel sea de 10 píxeles. En la parte superior derecha del círculo que pintaste, dibuja un punto para resaltar.

Paso 7

Luego seleccione la capa con la parte principal del botón y en el menú Estilo de capa configure el parámetro Sombra interior con el Modo de fusión múltiple y la Opacidad del 33%. Establezca un degradado lineal con un 25% de opacidad. Su botón está listo, todo lo que queda es agregarle una inscripción.

Recomendado: