Diseñar botón web 2.0 brillante en Photoshop

Mirando para diseñar algún botón web 2.0 de aspecto brillante? Aquí hay un sencillo tutorial de Photoshop que le brinda, paso a paso, cómo obtener un botón rojo brillante de aspecto agradable..

Paso 1 - Creando la base

Encienda un nuevo lienzo y ajuste las siguientes configuraciones (marcadas en amarillo) de acuerdo con la siguiente imagen. El resto debe venir por defecto. Es posible que desee volver a verificar con los valores predeterminados también.

Crear una nueva capa llamada 'Button'

En la capa 'Botón', seleccione la herramienta Rectángulo redondeado

Dale un radio de 7px

Dibuja un rectángulo similar a la imagen de abajo.

Paso 2 - Botón rojo

Haga clic derecho en la capa Opciones de fusión para 'Botón'

Ajustar las siguientes configuraciones para

Sombra paralela

Sombra interior

Bisel y relieve

Superposición Gradiant

Tu botón debe verse algo como esto

Paso 3 - Crear efecto brillante

Crear una nueva capa llamada 'Glass'

Seleccione la herramienta Retangular marquee, asegúrese de seleccionar la capa 'Botón'. Mantenga presionada la tecla ctrl y haga clic en los botones de la capa”Miniatura de la capa s. Tu botón debería estar ahora resaltado.

Seleccione el botón 'Vidrio' ahora, mantenga presionada la tecla Alt con la herramienta Retangular marquee seleccionada. Dibuje (corte) a través de la mitad inferior del botón como en la imagen de abajo.

Rellene el área seleccionada con el color blanco #ffffff usando la herramienta Paint Bucket Tool

Ajustar la opacidad al 18%.

Deberías tener un botón brillante como este.

Paso 4 - Superposición de patrón

Vamos a darle al botón un poco de patrón de superposición. Estaré usando el stripe5px personalizado creado anteriormente. Cree una nueva capa llamada 'Patrón' entre 'Botón' y 'Cristal' y continúe con las opciones de fusión.

Seleccione Superposición de patrón, elija Stripe5px (o cualquier patrón que haya creado) y haga clic en Aceptar y luego cierre el diálogo.

Asegúrese de que todavía está en la herramienta Marquee rectangular, mantenga y haga clic en la miniatura de la capa del botón para obtener la forma de los botones. Rellene el área seleccionada en la capa 'Patrón' con la herramienta Cubo de pintura y ajuste la opacidad de la capa al 5%

Paso 5 - Insertar Texto

Agrega texto aleatorio en color blanco #ffffff con la siguiente configuración

Usa los siguientes efectos de fusión en la capa de mi texto.

Sombra paralela

Paso 6 - Salida final

Deberías obtener una imagen como esta..